wordpress emneudvikling støttehjul: dag to

, wordpress emneudvikling støttehjul: dag to,,,,, 2,,,,,,,,, 11,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke glip af, efter en kort pause siden vores første post i denne serie, er vi tilbage til at tage det lidt mere.så vidt vi har kun taget vores html skabelon er klar til aktivering som tema, og foretaget nogle mindre ændringer for at integrere et par wordpress funktioner, som erstatter visse svært krypterede html indhold.jeg håber, du har trænet din wp med at padle!,,, downloade, 0.2-start.zip kilde filer, downloade, 0.2-completed.zip kilde filer, downloade, php-code.zip kilde filer, noter fra dag et, før vi dykke ned i dagens emne, der er 1 eller 2 ting jeg gerne ville rydde op.jeg har med vilje valgt at holde sig til ved hjælp af, bloginfo();, fungere som en indledende funktion, fordi det er enkelhed.vi har styr på, hvordan man bruger den,'name,,,'description ",'url",'template_directory, &,'stylesheet_url, lektion 1.som en af vores commenters påpegede med rette efter den første lektion, argumenter for,'template_directory ", og'stylesheet_url", har modtaget en del af en opgradering og meget vel kan forsvinde i de kommende udgaver af wordpress, selv om de stadig virker efter hensigten, og sandsynligvis vil være fint til mindst et par udgaver., den øgede fokus på børn, temaer og rammer disse enkle, bloginfo();, funktioner, som beskæftiger sig med ip - adresser og vejvisere har modtaget en opgradering til at håndtere den mere forskelligartet anvendelse behov.til vores formål, lad os fokusere på erstatning for det, bloginfo();, url og adresseregister funktioner. nyere udskiftning funktioner, url til at forbinde stylesheet, <?folkesundhedsprogrammet aspektet bloginfo ('stylesheet_url)?>,, stylesheet_url = http: //www.example. kom /home /wp /wp indhold /themes /støttehjul /stil. css, erstatte, stylesheet_url med:,, <?php echo get_stylesheet_uri();?> denne funktion, bruges til at hente stylesheet url, bloginfo ('stylesheet_directory), herunder /style.css, som i det væsentlige er temaet vigtigste style.css fil., være klar over, at denne funktion til rent faktisk at skabe den ønskede kode, må den "echo" foran funktion, get_stylesheet_uri();,,, url til temaet eller forældre tema er grundlæggende folder <?folkesundhedsprogrammet aspektet bloginfo ('template_directory)?>, template_directory =   http: //www.example. kom /home /wp /wp indhold /themes /støttehjul, erstattes med:, <?php echo get_template_directory_uri();?>,, get_template_directory_uri();, funktion, bruges til at hente temaet fortegnelse, eller i tilfælde af forældre /barn tema fælde, skal modervirksomheden tema er fortegnelse, som i det væsentlige er temaet /forældre tema er grundlæggende mappe.det har samme funktion som den, bloginfo ('template_directory '), men er at foretrække, navnlig med henblik på at opfylde de wordpress tema adresseregister er kodningsstandarder.denne funktion er anvendt, når, som forbinder billeder, manuskripter eller andre dokumenter, der skal knyttes til html.,, skaber, -   http://www.example.com/home/wp/wp-content/themes/training-wheels, url til temaet eller barn tema er grundlæggende folder <?folkesundhedsprogrammet aspektet bloginfo ('stylesheet_directory)?>, stylesheet_directory =   http: //www.example. kom /home /wp /wp indhold /themes /støttehjul, erstattes med:,, <?php echo get_stylesheet_directory_uri();?> denne funktion, bruges til at hente stil blad fortegnelse, som i det væsentlige er temaet er grundlæggende erhvervsuddannelse, men også arbejder for i øjeblikket aktivt barn tema, i modsætning til, template_directory(); og get_template_directory_uri();, hvilket mål de stiftende tema er grundlæggende mappe.,, skaber, -   http://www.example.com/home/wp/wp-content/themes/training-wheels, endelig, at stedet er hjemme url, <?folkesundhedsprogrammet aspektet bloginfo ('url)?>, erstattes med:,, <?php echo home_url();?> begge disse skabe hjemmesiden url på din hjemmeside, men i stedet vedrører https såvel i tilfælde af, at deres stedet kører på https.hvis du skaber temaer for offentlige. det er altid bedst at tage hensyn til mange anvendelsesformål,.,, finder de første trin i lære som de første par skubber på pedalen at få cyklen.lad os sætte tempoet lidt nu.,, så hvad er på menuen?en af de centrale indhold typer finder vi i næsten alle wordpress lokalitet sider.sider er almindeligvis anvendes som statisk stå alene og blokke af indhold, som de sider af enhver anden type websted, i modsætning til de stillinger, som er mere regelmæssige nyheder.for at få adgang til disse side er vi får brug for en menu, selvfølgelig.det første, vi bliver nødt til at logge ind i vores udvikling sted, er det din localhost virtuelle server eller en levende installere, du har skabt for læring, trin 1 - tilføje nogle sider og sub - sider, vi får brug for et par wordpress sider samt nogle barn sider indsættes i instrumentbrættet.du kan tilføje disse manuelt, hvis du foretrækker det.jeg har følgende sider, der blev skabt i mit instrumentbræt.vil du se, at jeg også har et barn sider. for visse yderligere vejledning om at skabe sider, tjek wordpress 101 video - http: //wp. tutsplus. kom /tutorials /wp-101-video-training-part-5-creating-and-editing-pages /, at demo /test indhold, man let kan importere demo indhold til temaet for at teste menuen kode.WPCandy has some useful demo content which can be imported via the import feature under tools in your dashboard menu - http://wpcandy.com/made/the-sample-post-collection,You could also install the following demo content plugin(I used it for my example pages) which populates your site with a configurable amount of posts, pages, categories etc - http://www.stillbreathing.co.uk/WordPress/demo-data-creator/, , ,Our HTML menu in our theme is pretty standard at the moment, just a simple unordered list:, \t<div id="menu"> \t\t<ul> \t\t\t<li><a href="index.html">Home</a></li> \t\t\t<li><a href="#">About</a></li> \t\t\t<li><a href="#">More Info</a></li> \t\t\t<li>< en href = "#" > kontakt < /a > < /li > < /ul > < /div > det, vi har brug for nu, er at erstatte den hårde kodede bånd til vores egen liste over wordpress sider fra vores database, hvor mange er der på et givet tidspunkt.fordi vi har evnen til at tilføje og fjerne sider fra vores menu fra instrumentbrættet, giver det mening, at kortet skulle bygges på grundlag af denne dynamiske liste over sider. der er to vigtigste metoder til at gøre det på, som vi skal forsøge i denne lektion.jeg siger, de vigtigste metoder, for så vil du lære med wordpress, der er mange måder at nærme sig næsten alt det, de vil opnå, afhængigt af deres nøjagtige behov, så disse to metoder er ikke det eneste.vi vil behandle yderligere en langt mere dynamisk menu bygning metode i en fremtidig lektion.for nu skal vi fokusere på ren coding metoder med henblik på at lære kodning principper wordpress er baseret på, trin 2 - erstatte hårdt kodet liste med funktion, wp_list_pages(); funktion. <?folkesundhedsprogrammet aspektet wp_list_pages ('arguments)?> vi erstatte < li > poster i menuen < ul > med denne funktion, < div id = "menu" > < ul > <?folkesundhedsprogrammet aspektet wp_list_pages();?> < /ul > < /div > denne funktion som med andre mulighed for valgfri parametre eller "argumenter" til at blive sat i den runde parenteser med henblik på yderligere at præcisere, hvad den funktion.det virker på samme måde som det bloginfo(); funktion, vi begyndte med.ved misligholdelse, uden nogen argumenter, de fungerer under, vil skabe en liste over alle de sider, du har offentliggjort i dit instrumentbræt, dem som forbindelser på < li > produkter og på < ul > beholder og yderligere pakke, der unordered liste med en ekstra ydre < li > beholder.den ydre beholder vil have en titel tekst, der ved misligholdelse "sider". endvidere bidrager både generisk klasse navne - "page_item", som kan anvendes til modetendenser generelle forbindelser samt skik klasse navne på hver side, der indeholder side er unikke id - nummer - ", page-item-24", skal du have for at opnå en bestemt side link til særlige design eller manipulation på en anden måde, wp_list_page(); medfører følgende: kode:,,,, ubåden sider er tilføjet som indlejrede unordered lister af modervirksomheden, < ul klasse = "børn" > < li klasse = "page_item page-item-28" > < en titel = ", hvor" href = "http: //////////////////////localhost: 8888 støttehjul.page_id = 28 "> vores placering < /a > < /li > < /ul > ved" børn "klasse, kan vi se, hvor bygningen ned menuer med css kan opnås ved at skjule børn < ul. > og så tillade, at det anføres på forlængelsen af moderselskabet.som css ligger uden for omfanget af denne forelæsning serie, vi vil ikke ind til det her lige nu, men jeg kan omfatte et simpelt eksempel css senere. vil du se rundt om hele menuen, der er en ydre li punkt på dagsordenen, der skal tilføjes, med ordet sider i det som et afsnit til hele menuen.mens det kan arbejde for en aftale dims, siger man, at disse forbindelser er sider, er det generelt ikke noget, vi vil have i de vigtigste side menu, især ikke i en horisontal menu, som den vi har støttehjul lige under overskriften. det er standard kode, der genereres af denne funktion uden nogen argumenter de runde parenteser.vi vil tilføje forskellige argumenter for at ændre den måde, hvorpå den funktion, genererer koden., at gentage, wp_list_pages(); funktion er følgende:, og skaf en liste over alle sider offentliggjort, lægger dem i en unordered liste, hver på < li > punkt tilsættes forbindelser omkring side navn inden for < li > punkt tilføje generiske og skik klasse navne på < li > produkter, tilføje afsnit til den forbindelse, der er baseret på side navn, tilføje barn eller sub - sider, som satte lister inden for forældre < li > vi hele menuen < ul > med en ydre < li > med sider titel, som du kan se, det er ikke hvad man ville forvente på dette punkt, har vi et par ændringer at gøre, før menukortet ser ret i bremsen skabelon.grunden til det er brudt i øjeblikket er, at vores model er ikke i aften til at håndtere en menu, som har en ydre afsnit < li >.dette presser hovedmenu punkter ud af det rum, de skal bruge, og det bryder den flyde layout.jeg kunne tilføje noget at skjule enhver overskydende css som ikke ville bryde layout, men jeg gør det ikke, at jeg ønsker at skabe en enkel dropdown menu med sub - sider, som skal anføres på fornyelse.vi skal skærpe nogle møtrikker og bolte i et minut.,, trin 3 - argumenter /parametre til at ændre /ændre funktion, hvor de argumenter, der er en omfattende liste over argumenter eller parametre, som kan bruges til at angive, hvad wp_list_pages funktion skaber.jeg vil forsøge at henvise til disse konsekvent som argumenter, men jeg henviser til dem som parametre, og begge er korrekte.nogle af de mest almindeligt anvendte er:,, title_li, child_of, udelukke, omfatter sort_column, sort_order, hver enkelt af de ovennævnte argumenter har en række værdier, der kan være forbundet med at kontrollere, hvad den wp_list_pages spytter på os.disse argumenter og værdi par tage på følgende struktur:'argument_name = værdi, det er så indsat i området mellem den runde parenteser.denne metode giver os en idé om strukturen af de argumenter, som mange wordpress funktioner vil følge efter.de eksempler, vi vil bruge, er mere almindeligt anvendte.en fuldstændig liste, herunder beskrivelser og eksempler findes i wordpress dokumentation eller codex - http: //codex. wordpress. org /function_reference /wp_list_pages, title_li argument, title_li argument, kontrollerer den kode, der er fremstillet med ydre < li > titel.det kan anvendes til at ændre ordlyden eller html strukturen af den titel, eller helt at fjerne den titel, hvis man ønsker det, misligholdelse titel, <?folkesundhedsprogrammet aspektet wp_list_pages ('title_li = sider).> ved misligholdelse titlen < li > er der indeholder ordet "side".du kan dog ændre ord fra default "sider" til "menu", hvis du vil således. din egen titel, <?folkesundhedsprogrammet aspektet wp_list_pages ('title_li = menu ").>,, brug:,, < div id = "menu" > < ul > <?folkesundhedsprogrammet aspektet wp_list_pages ('title_li = menu ").> < /ul > < /div >,, kode genereres:,,,,,,, et eksempel på, hvordan det ser ud, som om i vores tema.,,, som du kan se menuen står ordet "menu," det er anbragt på ret den kendsgerning, at alle < li > produkter samt < ul > der var menuen forbindelser er såkaldte vognen tilbage, idet de ydre afsnit menu til at blive skubbet til højre. du kan afslutte det i en html beholder, som f.eks. med en h4: et, der er almindeligt anvendt til widget titler i wordpress temaer. <?folkesundhedsprogrammet aspektet wp_list_pages ('title_li = < h4 > menu < /h4 > ").>,,, den supplerende < h4 > udenfor menuen < ul > nu skubber resten af menuen ud af overskuddet på de vigtigste menu, containere og pauser opstillingen nedenfor.vi kunne behandle dette ved at tilføje {overløb: skjulte;} til landestøttestrategien af menuen container, men ideelt set ønsker vi helt at fjerne denne ydre menu titel. den struktur, som vi har i øjeblikket ville suite sider på menuen dims, så vi vil sætte denne funktion i en af vores sidebars i stedet for at se hvordan det ser ud sådan der.,,, jeg har en funktion med yderligere menu afsnit argument i venstre gruppemøde i modellen.min ccs er blevet struktureret til at udvise samme html struktur på en anden måde.,, fjern den ydre afsnit < li > fuldstændig, for det første, vi ønsker at slippe af med den ydre afsnit < li > punkt på dagsordenen, som det generelt er ikke nødvendige for horisontale menuer og blander sig med menuen struktur vi prøver at opnå.helt at fjerne den titel, som er det, vi vil gøre i denne fase, vi forlader parameter blank. <?folkesundhedsprogrammet aspektet wp_list_pages ('title_li = ").> resulterer i følgende kode, ps: jeg har tilføjet følgende css for at sikre, at de ikke er umiddelbart synlige sider, men det ser ud, når moderselskabet er kørt over.du kan se på min ildflue kode opfattelse, at barnet menuer er greyed, hvilket betyder, at de er skjult., * gemme sub - menuer ved misligholdelse * /&#menu ul li ul.children (display: ingen;} /* display - menuer på forlængelsen af forældre * /&#menu ul li: den ul.children {angive: blok; holdning: absolutte, top. 18px; margen: 0; bredde: auto; liste stil: ingen;} /* stil under menu poster, der ikke flyde som forælder produkter * /&#menu ul li ul.children li {flyde: ingen; bredde: 120px. højde: 20px; grænse: 1px fast&#af; baggrund farve:E skriftstørrelsen: 11px;} /* sub - menu forbindelse farve * /&#menu ul li ul.children li a (farve:�cf;}, resulterer dette i følgende udseende.,, trin 4 - somh - sider til liste?for følgende funktioner, påberåbe sig, at side id - numre, vi bliver nødt til at finde disse id - numre.ved misligholdelse, når de besøger en side eller post, for den sags skyld i wordpress, id - numre, afspejler i side - eller post url.hvis din permalinks er blevet ændret til en, som ikke afspejler id - numre, kan vi gå ind i instrumentbrættet område og finde id - numre.for at gøre dette skal vi gå til side, i instrumentbrættet og svæve over nogle af de synspunkter, eller redigere forbindelser i henhold til den side, vi er interesserede i at finde de id - nummer for.,,, child_of har barn sider af side med id - nummer 18, som i tilfælde af min test site er demo, s. 1.dette argument kan anvendes, f.eks. om en skik side model til side med id - nummer 18, for at tilvejebringe en liste over det barn sider.dette argument kun vil skabe en liste over sider, hvis den nuværende side er de sider, <?folkesundhedsprogrammet aspektet wp_list_pages ('child_of = 18)?> jeg vil prøve det af, at kodeksen over i højre gruppemøde., brug:,,, kode genereres:,,,, resultat:,,,, der er mere kompliceret af eksempler, som er uden for rammerne af denne lektie nu, men kan findes på http: //codex. wordpress. org /function_reference /wp_list_pages&#list_sub-pages, f.eks. kode nedenfor vil ubåden sider, hvis de findes, af de nuværende aktive side, <?php $sider = get_pages ('child_of = ". $post - > id '& sort_column = post_title) $tæller = 0; for hvert ($sider som $side) {?> < li > < en href = "<?php echo get_page_link ($side - > id)?> "> <?php echo $side - > post_title?> < /a > < /li > <?folkesundhedsprogrammet)?>, udelukke, at udelukke argument, giver os mulighed for at opregne alle sider i vores menu, med undtagelse af de sider, der er id - nummer, vi udelukker.dette argument hjælper, når man har et stort antal sider og vil gerne udelukke et par. <?folkesundhedsprogrammet aspektet wp_list_pages ('exclude = 2,7,20)?> argumentet navn, er lige til at underskrive, efterfulgt af en liste over side id - numre, adskilt af kommaer. for at finde side id - numre, vi er nødt til at gå ind i den liste over sider i instrumentbrættet, svæver over forbindelsen til titlen på side og kontrollere browser status bar link der ville omfatte side er id - nummer i url -, omfatter de omfatte argument, giver os mulighed for at udelukke alle sider i vores menu, med undtagelse af de sider, der er id - nummer, der omfatter.dette argument hjælper, når man har et stort antal sider, som du gerne vil udelukke, og kun et par, du gerne ville omfatte, så bruger omfatter forhindrer os i at type lange lister over id - numre for at udelukke.kun de id - numre, der er anført, vil blive vist i menuen. <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18,19,20)?>,, trin 5 - rækkefølgen af side liste, sort_column, kolonne er vant til en liste af sider på grundlag af bestemte kriterier.standardindstillingen er i alfabetisk rækkefølge af side titel.desuden kan vi ændre den slags kriterier, med nogle værdier, som er skitseret nedenfor. <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = menu_order)?> den slags kolonne værdier, menu_order, - form af administrationen, der er fastsat for, <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = menu_order)?>,, post_date, - form af tid på side oprettelse, <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = post_date)?>,,, post_name, - form af navnet på den side kugle, <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = post_name)?>,,, - - ved hjælp af side id - numre, <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = id ')?>, sort_order, desuden kan vi vælge at lade de stillinger i stigende eller faldende orden, afhængigt af vores krav.være sikker på altid at foretage en klar sondring mellem sort_column, der fastsætter de kriterier, som sådan, og sort_order, som blot angiver for at løse ved den form for værdier, asc, - rækkefølge, fra det laveste til højeste (forvalgt værdi), <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = asc)?>,, desc - faldende, fra højeste og laveste.,, <?folkesundhedsprogrammet aspektet wp_list_pages ('sort_column = desc)?>, dybde, dette argument kontrol, hvor mange niveauer af sider viser, at hvis undersider eller sub - sider findes.standardværdien er 0 (display alle sider, herunder alle sub - sider). <?folkesundhedsprogrammet aspektet wp_list_pages ('depth = 1).>,, 0 (forvalgt værdi) viser alle niveauer og viser dem i hierarkisk indlejrede liste form - 1 viser alle sider, men uden nogen form for hierarki eller russisk, 1 kun øverste modervirksomhed sider, 2, 3... sider på hvert niveau efter på øverste niveau, trin 6 - at kombinere argumenter /parametre, - sige, at vi ønskede at skabe en menu, som kun omfatter visse sider, viser kun toppen to niveauer, nemlig forældre og børn, og de er sorteret efter administrationen, for vi specificerede menu vælge for dem.vi ønsker også at sikre, at der ikke er nogen ydre titel på vores menu.jeg skal erstatte min vigtigste menu med kodeksen bygger vi nedenfor.,, kun omfatter visse sider ('include = værdi), som udviser oven på to niveauer ('depth = 2), i henhold til administrationen, der er fastsat for ('sort_column = værdi), fjern den ydre afsnit li ('title_li = værdi '),, de argumenter, som vi har anført ovenfor, samt de supplerende bestemmelser, vi har ikke anført kan kombineres på grund af kursus i samme funktion at skabe et højt på listen anførte sider, som opfører sig på den måde, jeg vil have det.nogle argumenter, men ville ophæve de andre, så at omfatte og udelukke, som i alt væsentligt er modsætninger vil ikke virke.også kombinere mere end 1 slags kriterier, vil heller ikke virke.du ville ikke være med at træde frem og tilbage på samme tid vil du:), trin 1 - omfatter starter ganske enkelt kun med listen over de sider, jeg vil omfatte <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18, 19?>,, trin 2 - fjern titel, at tilføje en yderligere argument, som vi skiller hver argument med ampers og symbol &, <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18, 19 & title_li = ").>,,, afsnit < li > nu er fjernet, trin 3 - dybde, det samme princip gælder nu, hver gang vi tilføjer et nyt argument i slutningen af den sidste med en & før tilsætning i yderligere.dybde = 2, gør det muligt at vise kun forældre og børn, ikke noget dybere. <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18, 19 & title_li = & dybde = 2).> desværre vores omfatter argument, forhindrer enhver yderligere sider vise så barn sider viser ikke, uanset om vi har dybde = 2, så vi er nødt til at vælge et par børn sider, og tilføjer dem til omfatter for dem til at vise.sider med id - 20 & 22 børn og børnebørn sider af side id - 18, så vi kan tilføje disse til vores omfatter argument for afprøvning, <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18,19,20,22 & title_li = & dybde = 2).>, har vi nu et klassisk eksempel på 2 argumenter lidt i modstrid med hinanden.fordi vi har tilføjet dybde = 2, ingen sider, som har et dybere niveau vil blive vist, selv om de er omfattet af omfatte argument.så efter at have optaget side med id - nummer 22, som er en niveau 3 - dybde side, er et barnebarn eller sub - side, der er en konflikt.jeg kan enten øge dybde til 3, eller fjerne den side, som jeg vil gøre for enkelhed skyld på dette punkt. trin 5 - en kolonne, endelig, for at få kontrol over den rækkefølge, i hvilken de sider, præsentation, tilføjer vi den sort_column argument med værdi menu_order, så vi kan tvinge for via den side administrative område.vi vil derefter skal manuelt giver hver side er det løbenummer via de enkelte side er det administrative område.alle sider, som vil afspejle i menuen har brug for et løbenummer, som sider har en misligholdelse løbenummer 0, hvilket betyder, at du kun give 2 sider, et løbenummer og 5 sider viser i menuen, unordered sider kommer først, når de er nummereret 0.,, at gøre processen mindre manuelt der er to plugins, jeg anbefaler.den administrative forvaltning xtended giver dig mulighed for at fastsætte en side løbenummer fra side liste, uden at klikke på hver side.min side for kan du trække og smid side.det er særlig nyttigt, hvis du har en lang liste af sider til orden.for mig er det 2 sider til at håndtere manuelt lige nu. nu, hvor vi har vores sider bestilte, kan vi tilføje en kode for at gøre dette skal afspejle vores menu.jeg har skiftet for mine 2 forældre sider for at illustrere dette ved at give dem et løbenummer for 1. og 2. <?folkesundhedsprogrammet aspektet wp_list_pages ('include = 18,19,20 & title_li = & dybde = 2 & sort_column = menu_order)?>,, og der har vi det, en menu, der kun omfatter specifikke sider, med en maksimal dybde på to niveauer, sorteret i henhold til menuen for, der er specificeret i administrationen og uden titel li container., fiks struktur og følge op på nogle af de mere avancerede kodning konventioner, kan vi kombinere disse argumenter i et system, der fungerer som denne.,, bryde indholdet i afrundede parentes ud i separate argumenter pr. link, som alle er så pakket ind i et yderligere lag af afrundede parentes efterfulgt af ordet system, <?folkesundhedsprogrammet aspektet wp_list_pages (array (argumenter her).> kan vi nu sætte hvert argument på sin egen linje på følgende måde, <?folkesundhedsprogrammet aspektet wp_list_pages (array ('argument_name = > "værdi",'argument_name = > "værdi",'argument_name = > "værdi").>, så anvendelsen af denne struktur i vores eksempel, vi ender med, <?folkesundhedsprogrammet aspektet wp_list_pages (array ("omfatter" = > "18,19,20", "indgående" = > (2), sort_column = > menu_order "," title_li = > '").> det kan kræve en lille smule ekstra fokus til fælde i første omgang til nybegynder, men når du har strammet møtrikkerne og boltene, og tilføjede visse olie, de hjul er meget lettere at spinde end denne folie, der kan få helt rodet op på meget kort tid, enten måde. af disse metoder, så du kan vælge, hvad suiter dig og hvad suiter dine koder behov på et givet tidspunkt.array - metode er den foretrukne én, men som det er i overensstemmelse med wordpress kodningsstandarder som nævnt her - http: //codex. wordpress. org /wordpress_coding_standards, de principper, vi har dækket i det foregående trin med wp_list_pages kan anvendes til at placere en liste over sider overalt i udformning af anlægget, header, kom her, lille eller selv under visse side indhold, hvis det er nødvendigt.,, trin 7 - wp_page_menu, en enklere funktion, svarende til wp_list_pages, men med et par tricks er udviklet specielt til at skabe side menuer, i modsætning til lister over sider, der kan anvendes til andre formål, <?folkesundhedsprogrammet aspektet wp_page_menu();?>,, et par ting denne funktion som liste sider ikke er:,,, sætter deres menu til div mærke, giver dig mulighed for at angive den klasse tilføjet til div mærke, giver dig mulighed for at tilføje et indre sammenhæng uden behov for et virkeligt side, hvorfor det skal placeres i en ny funktion i stedet for integreret i listen sider funktion er mig en gåde, der er ret få tilfælde, hvor det forekommer, og manglende skøre professor færdigheder har holdt os i mørket, som begrundelsen.det ser ud til, at wordpress udviklere ønskede at foretage en klar sondring mellem lister af sider, der kan anvendes overalt i tema og faktiske side menuer, som det er almindeligt i tema, rør.intet problem, en cykel er en cykel, vi har bare brug for at vide, hvordan kører det. nogle af argumenterne for wp_page_menu,, link_before - indeholder teksten eller html, der går forud for den forbindelse tekst i < en > tag,.,, link_after - indeholder teksten eller html, der følger link tekst i < en > tag,.,, menu_class, tilføjer en skik klasse for valg til indpakning div.,, show_home, - - gør det muligt at vise en indre sammenhæng, exclude_tree - udelukker forældre samt alle efterkommere af den forælder, en mere detaljeret liste over argumenter for wp_page_menu funktion kan findes i codex - http: //codex. wordpress. org /template_tags /wp_page_menu, baseret på vores system struktur, som vi har fastslået ovenfor, kunne vi gøre følgende:, <?folkesundhedsprogrammet aspektet wp_page_menu (array ("omfatter" = >'2,7,20 "," show_home = > mit hjem side, link_before = > < span > "," link_after = > < /span > "," sort_column » = >'menu_order "," menu_class = >'my_menu_class')?>, der ligner nedenstående uden array struktur <?folkesundhedsprogrammet aspektet wp_page_menu ('include = 2,7,20 & show_home = min% 20home% 20page & link_before = < span > & link_after = < /span > & sort_column = menu_order & menu_class = my_menu_class)?>, ser du, end for at præcisere rum mellem hjemmeside navn, jeg har haft til at omfatte særlige tegn,% 20, som tomme felter i denne serie vil skabe problemer med anvendelsen af kode.,, kode resulterer i:,,, funktion, kan ligeledes være ryddet op ved hjælp af array struktur beskrevet i slutningen af afsnittet om wp_list_pages, <?folkesundhedsprogrammet aspektet wp_page_menu (array ('include = > 18,19,20,'show_home = > min hjemmeside,'link_before = > < span > ",'link_after = > < /span >",'sort_column = > "menu_order,'menu_class = > my_menu_class')?>,, design wordpress genereret menu - kode, kan vi ikke fokusere for meget på http: //færdigheder i disse timer, om at give dig en god reference til, hvad vi kan forvente, når de anvender css til wordpress genereret menuer, tage et kig på følgende css klasse struktur, der er fastsat i wordpress på codex - http: //codex. wordpress. org /function_reference /wp_list_pages&#markup_and_styling_of_page_items, afsnit li i klassen. pagenav, hver side punkt er en artsbetegnelse. page_item & en specifik. side post - (id) klasse.det nuværende sider er markeret. current_page_item hjælpe med fremhævelse af de nuværende aktive side.forældre sider og forfader eller børn sider er også klart, at hjælpe med komplicerede menu strukturer, de falder ned, progressiv afslører osv. kode nedenfor, kan betragtes som en retningslinje for oprettelse af menuen stil strukturer i css.,. pagenav (...) /* den yderste liste post indeholder liste * /. page-item-2 (...) /* punkt for side id 2 * /. page_item (...) /* enhver side punkt * /. current_page_item (...) /* den aktuelle side * /. current_page_parent (...) /* modervirksomhed for den aktuelle side * /. current_page_ancestor (...) /* en forfader af den aktuelle side * /. pagenav ul ul. pagenav. current_page_item ul ul. pagenav. current_page_ancestor ul ul. pagenav. current_page_ancestor. current_page_item ul ul. pagenav. current_page_ancestor. current_page_ancestor ul ul (display: ingen;},. pagenav. current_page_item ul. pagenav. current_page_ancestor ul. pagenav. current_page_ancestor. current_page_item ul. pagenav. current_page_ancestor. current_page_ancestor ul. pagenav. current_page_ancestor. current_page_ancestor. current_page_item ul. pagenav. current_page_ancestor. current_page_ancestor. current_page_ancestor ul (display: blok.}, kommer snart - skik side menuer & dynamiske sidebars, jeg har bevidst efterlod skik trække &. smid menuerne ud af denne lektion, som jeg vil have dig til at fokusere på at lære kodning side af tingene.vi skal nok dække dynamiske menuen i næste lektion, sammen med en dynamisk sidebars som følger de samme principper, som ville være bedst forklares sammen.jeg vil heller ikke overbelaste de alle sammen på en gang, og jeg vil give dig en chance for at afprøve metoderne i denne lektie, før vi går videre. - klar, parat, pedalen!,,,


Default wp list pages HTML





Menus with Titles


Page IDs

Child menu

Include Page IDs








Previous:
Next Page: