, skabe dit eget billede galleri side skabelon i wordpress,,,,, 5,,,,,,,,, 18,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke gå glip af det.,,,,, i dag vil jeg følge dig gennem oprettelse af en specialbygget model for "galleri" sider i wordpress.jeg husker i fortiden, der ønsker at gennemføre et galleri i mit emne, og at blive frustrerede over muligheder.wordpress bygget på galleriet fungerer godt, men ikke helt passer ind, det meste af tiden.desuden plugins som nexgen galleri er ofte mere end du behøver eller ønsker.jeg vil vise dig, hvor let det er at skabe et galleri skabelon side, at du kunne tilpasse og ændre for fremtidige temaer eller versioner,.,,,, oversigt, gennem den lektion, jeg vil vise dig, hvordan man skaber et galleri model om emnet indgår med wordpress, twentyeleven.du kan bruge et tema, du vil, men for dette eksempel skyld jeg bruger twentyeleven.,, trin 1 overlappe eksisterende side skabelon, gå ind på temaet fortegnelse, wp indhold /themes /{tema}, som du ønsker at tilføje galleriet skabelon.finder, page.php og kopi og pasta og omdøbe til model galleri. folkesundhedsprogrammet.for skik skabeloner, jeg kan lide at føje præfikset "model", som gør det lettere at finde.,, trin 2, definerer galleriet skabelon, wordpress anerkender skabelon definitioner i hovedet af temaerne skabelon filer.at definere den model, man tilføjer et php kommentar som eksemplet nedenfor.til at åbne den, template-gallery.php, som du lige har skabt og tilføje bemærkninger blokerer det angiver den skabelon navn. <?php /* model navn: galleriet side * /?> http: //codex. wordpress. org /theme_development&#custom_page_templates, trin 3 edit skabelon til last side billeder, wordpress processer, anordninger til side som stillinger, post_type - tillæg, med side som forælder.wordpress har bygget i funktion at søge stillinger, der er børn af en bestemt side, post /post_type,., get_children();, accepterer alle mulige parametre for at trække børn indhold i forbindelse med en forælder.tjek dokumentation på http://codex.wordpress.org/function_reference/get_children.det wordpress funktion, gør det muligt for os at let kan trække anordninger til en bestemt side. i vores tilhørerloge, vi vil have billeder, skal anføres, før indholdet.så vi er nødt til at læsse side billeder i side loop, men før indhold.for twentyeleven, du kan lægge snippet lige under, <?folkesundhedsprogrammet aspektet the_post();?>,.i andre temaer, du kan indtaste koden i loop ovenfor, <?folkesundhedsprogrammet aspektet the_title();?>,.tjek kode nedenfor for at se, hvordan, get_children ($args), er gennemført, og læs forklaring efter det. <?php $args = system ('numberposts = > - 1 //anvendelse - 1 belastninger, alle poster'orderby = > menu_order, //dette sikrer billeder i den rækkefølge, der er fastsat i den side medier leder'order = > asc,'post_mime_type = > "ry" //sørge for, det ikke trække andre ressourcer, såsom videoer'post_parent = > $post - > id, //vigtige del - sikrer de associerede billeder er ladt'post_status = > for,'post_type = > »tillæg) $billeder = get_children ($args); //fortsat under...?>, forklaring på $args,,,'numberposts, kan vi fastsætte størrelsen af billeder funktionen trækker.at sætte spørgsmålstegn ved alle billeder, brug - 1,'orderby ", kunne vi for i afsnit eller dato eller en anden mulighed, men den fordel for menu_order" er, at rækkefølgen i medierne - manager for side vil for billederne er ladt.,,'post_mime_type, vi vil kun have de stillinger, der er "billeder",'post_parent, vi ønsker at trække børn af den aktuelle side.vi kan få adgang til den globale $post - og det er ejendom id består som parent_id,,'post_type "," post_mime_type "tager sig af at sikre, at kun billeder er trukket, men definitionen af den post_type som tillæg »hjælper til at slanke forespørgslen.,, kontrollere post har billeder og loop, efter, get_children ($args), spørgsmålindtil beslag og returnerer værdier, vi ønsker at kontrollere, at forespørgslen tilbage resultater.nogle sider, kan ikke have billeder, der er knyttet, og vi behøver ikke at loop gennem tom resultater.vi skal bruge en betinget, for at se, om $billeder, vender tilbage til en værdi, og hvis det gør, så ved vi det blad, der er bånd, og så kan vi loop gennem dem. //fortsat fra oven.hvis ($billeder) {?> < div id = "skyder" > <?folkesundhedsprogrammet for hvert ($billeder som $billede) {?> < img src = "<?php echo $image - > udvikling;?> "alat =" <?php echo $image - > post_title;?> "afsnit =" <?php echo $image - > post_title;?> "/> <?folkesundhedsprogrammet)?> < /div > <?folkesundhedsprogrammet)?> for hvert billede tillæg vi vil produktionen image.hver $image, objekt har flere egenskaber, du kan få adgang til og produktion.det vigtigste for dette eksempel er kilden til hvert billede, som er det, vejledninger, ejendom.for accesibility og seo formål, vi kan produktionen billedet titel og sted i billedet alat & afsnit attributter for de billeder,.,,, løntrin 4 tilføje javascript galleri stik af, for de næste skridt, vi er nødt til at tilføje en jquery stik af med vores galleri til livet.de stik af, vi vil anvende er flux slider, en slider javascript /jquery stik af.download kilden og - sted, flux.min.js, indenfor, wp indhold /themes /{tema} /er, mappe.da jeg er ved hjælp af twentyeleven tema, jquery ikke indgår i de offentlige side, så jeg er nødt til at sikre, at medtage det - hvis du bruger et andet tema, sørg for, jquery er ladt., redigere, footer.php, omfatter jquery (hvis det ikke er aleady inkluderet) og, flux.min.js, manuskript i fod - sørge for, flux.min.js, er lavere end den jquery optagelse, men før, wp_footer();, funktion, < manuskript src = "https: //ajax. googleapis. kom /ajax /libs /jquery /1.7.1 /jquery. min.js" > < /manuskript > < manuskript src = "<?folkesundhedsprogrammet aspektet bloginfo ('template_url)?> /er /flux. min.js "> < /manuskript > < manuskript > vindue. _flux = nye flux. slider ('# slider, {sidenummerering: sande}). < /manuskript > <?folkesundhedsprogrammet aspektet wp_footer();?>,,, som du kan se, er det ret let at tage billeder, der er knyttet til en side og skræddersy deres produktion.du kunne let omfatter dette loop i stillinger eller sædvane efter type, kan du nemt bytte den jquery stik af anden mulighed for dit valg.alt du skal gøre er at redigere loop html med passende avance og omfatte stik af.,, wordpress er meget fleksibel, og det er endnu et eksempel på, hvor let det er at bygge på det.,