ved hjælp af sædvane efter former for at skabe en morder portefølje,,,,, 4,,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, helt sikkert den bedste over wordpress 3,0 var det skik post - typer.det tog wordpress fra cms, som kan styre stillinger og sider til at kunne forvalte noget brugeren kan komme på ret let.du behøver ikke længere at tilføje skik områder til stillinger - kan du tilføje stor støtte til deres egne former, skabe deres egne tema side filer og administrative områder.en af de første ting, jeg gjorde ved hjælp af sædvane efter typer var lave min portefølje, og i dag vil jeg vise jer, hvordan jeg gjorde det!,,, har vi for nylig viste dig et par pæne redskaber til at skabe "øjeblik" skik post - typer.i dag handler om rent faktisk at opbygge et projekt ved hjælp af farvebilledrør fra bunden...vi vil gøre alt for at skabe den skik - - satte den til brug i tema.css (og css3!)jeg burde anvendes generiske nok for de fleste temaer, men i tilfælde af, at det ikke har mulighed for at ændre det.det er beregnet til at blive brugt som en launchpoint for alle, så du kan være kreativ.,, startet et par tanker, den første ting at bemærke, er, at ved at skabe en sædvane efter type, vi har nogle valgmuligheder med hensyn til, hvordan vi ønsker at nærme sig dem; de to vigtigste gennemførelser, du måske overveje:, som led i den aktuelle emner (normalt gennem functions.php fil), som det selv stå og stik af.,, der er fordele og ulemper ved hver.i denne forelæsning, eftersom vi integrerer med vores tema, vi vil gøre det til en del af emnet, at alt det, vi har brug for gennem functions.php fil.,, udviklerens note: fordi vi skal bygge det direkte ind i vores tema, betyder det ikke, at dette er den rigtige vej for dig.finder den endelige anvendelse af temaet.hvis der er en god chance for, at deres brugere vil skifte temaer i fremtiden, eller du sætter din tema som en offentlig eller præmie produkt for mange mennesker bruger, vil du sikkert gerne bygge på din brugerdefinerede efter type som en separat fil at folk kan tage med dem uden for mange grave igennem din kode.,, tænk på det på denne måde, hvis emne er det eneste, der er at pakke jeres skik efter type og ændrer de temaer, sædvane efter type data ikke kan anvendes; det vil stadig findes i databasen, men det vil ikke vise sig i nye emner på en meningsfuld måde.det er ikke muligt, hvis du er virkelig en et tema til at bruge et katodestrålerør, med masser af customizations og - modeller, men i det mindste overveje, hvad brugerne skal kunne gøre for at bevare anvendelsen af deres data, i det lange løb. lad os komme i gang!,,, hvad vi vil skabe, trin 1, der, som jeg har angivet ovenfor, vil vi tilføje det til vores nuværende emne (jeg bruger min egen skik tema), så den første ting, vi skal gøre, er at gå til vores emne, og åbne, functions.php, fil.vi skal sætte vores skik post - kode i en anden fil (bare så det er nemmere at læse /forvalte), så ringer vi til den fil på toppen af vores funktioner fil:, require_once ('portfolio-type. folkesundhedsprogrammet), nu er vi nødt til at tilføje to filer til vores tema: portfolio-type.php og portfolio.css.du kan sikkert gætte, alle vores css for den nye type vil gå ind i denne sag.,, trin 2, registrering af den nye type virksomhed beskrevet & taget billede støtte, før vi registrerer den nye form, er vi nødt til at indføre en støtte til en integrerende del af porteføljen præsentation - taget billeder.efter at de indledende og afsluttende php mærkater til portfolio-type.php, tilføje følgende kode: hvis (function_exists ('add_theme_support')) (add_theme_support ("post - thumbnails'); set_post_thumbnail_size (280, 210, sande); //almindelig post thumbnails add_image_size (skærm, skudt, 720, 540); //fuld størrelse skærm), og disse retningslinjer efter kontrol for at sikre, at deres særlige installere støtter efter thumbnails, vil føje dem til deres aktuelle emne, så et par af misligholdelse størrelser., set_post_thumbnail_size(), skal, som navnet antyder, misligholdelse størrelse for virksomhed beskrevet.den næste linje (, add_image_size(), vil skabe et billede, som vi kan kalde ved navn "skærm skød", som vil være 720x540.vi vil bruge disse billeder da vise vores portefølje., at skabe en ny post - her er magien - - nu vil vi fortælle wordpress om vores nye post - type.der tilføjes følgende kode portefølje type. php:, add_action ('init "," portfolio_register); funktion portfolio_register() ($args = system ("mærkning" = > __ ('portfolio "), singular_label = > __ ('project)" offentligheden "= >," show_ui = > sandt, capability_type = > "post", "hierarkisk = > falske, skrive" = > rigtigt, støtter "= > system ('title, redaktør, virksomhed beskrevet ')); register_post_type (portefølje" $args)}, første linje er en krog i wordpress, som vil kalde vores funktion, portfolio_register(), initialization.den funktion, selv opstiller en række argumenter for at sende vores sædvane efter type.især sætter vi vores administration etiketter, giver denne type alle muligheder for en standard wordpress post, således at url omskrivninger (for ret permalinks), og at støtte til titlen, redaktør, og var image områder.du kan læse mere om alle de argumenter, register_post_type() her. efter oprettelsen af argumenterne system ($args), vi vedtager det sammen med den type navn for den funktion, register_post_type(),. at tilføje en skik taksonomi, det sidste, vi vil gøre i dette afsnit, er at skabe en skik taksonomi til vores en ny type.der tilføjes følgende linje kode til din portfolio-type.php fil:, register_taxonomy ("projekt type" system ("mappe"), system ("hierarkisk" = > rigtigt "mærkning" = > "projekter", "singular_label" = > - projektet "type", "omskrive" = > sande)), vil det skabe nye taksonomi projekt - og anvende den til post - portefølje.du kan læse mere om, register_taxonomy(),.,, trin 3 tilføjer skik områder, skaber den skik feltkasse, ville vi ikke have så meget af en særlig type, uden at have en ekstra info at tilføje til den post.vi vil gerne tilføje, at information i form af custom områder.specifikt, er vi ved at tilføje en ekstra område for en forbindelse til flere oplysninger om projektet, eller til projektet.der tilføjes følgende kode til din portfolio-type.php fil:, add_action ("admin_init", "portfolio_meta_box"); funktion portfolio_meta_box() {add_meta_box ("projinfo meta -", "projekt muligheder", "portfolio_meta_options", "mappe", "side", "lav");} funktion portfolio_meta_options() (global $post; hvis (jf. ('doing_autosave) & & doing_autosave) afkast $post_id. $skik = get_post_custom ($post - > id); $forbindelse = $skik ["projlink"] [0]?> < etiket > link: < /etiketten > < input = "navn projlink" værdi = "<?php echo $sammenhængen?> "/> <?php}, denne kodeks vil skabe - projektet "muligheder" kasse, vi ser her.det første, vi skal bruge wordpress klo, admin_init, at kalde vores funktion, portfolio_meta_box(), når wordpress administration er skabt.vores funktion vil føje endnu en æske til vores portefølje art, som kan blive befolket med noget.- boksen er befolket med er omfattet af det tredje argument, som er en callback - funktion.i dette tilfælde er vores funktion er ved navn, portfolio_meta_options(),.,, portfolio_meta_options(), vil vi skabe et område, der vil blive anvendt til at fange projektet er led.den første ting, vi gør, er at tage den globale, $post - system, så vi kan få skik og brug inden for det efter vi redigerer.i vores næste linje, vi tjekker for at sikre, wordpress er ikke i øjeblikket at redde post eller sædvane områder; hvis det er, kan vi se til unøjagtige resultater, når vi tager den skik data. hvis wordpress gør ikke en redder, vi tager den skik inden for den nuværende stilling og skabe et område med det info.- skik, (hvad er vendt tilbage fra, get_post_custom(), er et 2d - system, hvor nøglen er, hvad vi hedder form inden for vores skik.tag et kig på vores tekst boks for forbindelsen.vil du se, at det navn passer det indeks, som vi i vores $skik, vifte.du skal også bemærke, at vi ikke har en særskilt formular eller forelægge knap.dette område er tilføjet til den formular, der anvendes til at klippe det hele., mens vi kun skabe en her, du kan skabe så mange, som du gerne ville. og redde skik data, nu hvor vi har lavet vores skik meta - boks, det er tid til at skabe en funktion, der vil redde de oplysninger.der tilføjes følgende linjer kode til din portfolio-type.php fil:, add_action ('save_post "," save_project_link); funktion save_project_link() (global $post; hvis (defineret ('doing_autosave) & & doing_autosave) {tilbage $post_id;} andre (update_post_meta ($post - > id ", projlink" $_post ["projlink"]);}}, som sædvanlig, vi har vores klo - denne gang for at kalde vores funktion, da stillingen er reddet.i funktion i sig selv, vi igen tage $post - system, så vi kan få post - id og se, om den stilling, er autosaving.hvis vi ikke medtager denne linje, vil vi miste vores data, så det er vigtigt, at vi holder det i, hvis stilling er ikke at opdatere, vi redder vores skik områder ved hjælp update_post_meta(), at sende post - id, navnet på den skik område, og den nye værdi.,,, er det hele molevitten ud!trin 4 selv at bygge admin kolonner, vi skal bygge videre på den liste, der er forsynet med alle vores projekter.der tilføjes følgende kode til din portfolio-type.php fil:, add_filter ("manage_edit-portfolio_columns", "project_edit_columns"); funktion project_edit_columns ($kolonner) ($kolonner = system ("centralbank" = > "< input type = '" afkrydsningsfelt. "/>", "" = > "projekt", "beskrivelse" = > "beskrivelse", "sammenhæng" = > "sammenhæng", "type" = > "projekt"); tilbage $kolonner;} add_action ("manage_posts_custom_column", "project_custom_columns"); funktion project_custom_columns ($. kolonne) {globale $post; skift ($kolonne) {"beskrivelse": the_excerpt();pause, sag "sammenhæng": $skik = get_post_custom(); echo $skik ["projlink"] [0] bryde; sag "type": echo get_the_term_list ($post - > id, projekt type "," ",", "," "); pauser), her er vores nyligt ændret projekt liste.efter vores krog af den første funktion (, project_edit_columns(),), gør vi noget interessant i forhold til redigering af kolonnerne.wordpress steder kolonnerne for en post - er - liste til et system med en nøgle og en værdi.vi skaber disse centrale værdi par i denne funktion.i den næste funktion (, project_custom_columns(),), bruger vi et skift erklæring efter nøglen, og så har de oplysninger, vi ønsker, er baseret på den.som du kan se, ligesom i det foregående afsnit, får vi den globale, $post - system, så vi kan få post - id for at frembyde nogen toldoplysninger, som vores forbindelse og taksonomi. du har sikkert bemærket, at antallet af sager, ikke svarer til antallet af søjler i vores $kolonner, vifte.det er fordi, for visse nøgler, som centralbanken og afsnit, wordpress har standardværdier, vi ønsker ikke at træde i stedet for.,, løntrin 5 at tilføje nogle vise funktioner, før vi kommer til at skabe en skabelon side, vil jeg give dig nogle funktioner, jeg med at få med projekter lige.åben dit functions.php fil og tilføje følgende tre elementer:, add_filter ('excerpt_length "," my_excerpt_length); funktion my_excerpt_length ($længde) {tilbage 25;} add_filter ('excerpt_more "," new_excerpt_more); funktion new_excerpt_more ($tekst) {tilbage ";} funktion portfolio_thumbnail_url ($(pid) {% image_id = get_post_thumbnail_id ($(pid); $image_url = wp_get_attachment_image_src ($image_id,'screen-shot); tilbage $image_url [0]}, de to første krog /funktion par er fælles for wordpress - de bare ændre varigheden af uddrag og" mere tekst "indikator, som jeg har erstattet med en rummet.bemærk, at dette vil ske for alle poster, ikke blot porteføljen efter, og hvis du bruger et barn tema, det kan ikke arbejde. den skik funktion, portfolio_thumbnail_url(), tager i en post - id som argument, og fanger skærmen skød version af det billede, som vi har uploadet.vi kalder det i vores model side, så hold øje med den!,, trin 6 skabe en skabelon side, nu hvor vi har vores sædvane efter type alle oprettet i administration, det er tid til at skabe et tema side, så vi kan vise dem.for at opnå dette, skal vi skabe en model med navnet "mappe" og tildele model til en side i wordpress.mens vi også kan skabe archives-portfolio.php at opnå det samme, vil vi ikke være i stand til at tilføje, at side til en menu fra wordpress admin, så denne rute er bedst.overensstemmelse med wordpress navngivning konventioner, skabe en ny filen page-portfolio.php og tilføje følgende kode:, <?php /* model navn: portefølje * /get_header(); query_posts ('post_type = portefølje & posts_per_page = 9)?>,,, det vil skabe den portefølje "model.disse linjer fastlægger de vigtigste dele af side.den første linje viser wordpress ved, at dette er en side skabelon, som går under navnet "portefølje." så, efter at temaet brevhoved, har vi oprettet spørgsmål at tage de sidste 9 stillinger af typen portefølje.den næste ting at gøre, er at vise dem.tilføje denne kodeks til din page-portfolio.php fil:, < div id = "mappe" klasse = "gruppe" > < h2 > portefølje af arbejde < /h2 > < div klasse = "gruppe" > <?folkesundhedsprogrammet (have_posts()): mens (have_posts()): the_post();?> <?php $afsnit = str_ireplace ('""' ', trim (get_the_title()) $desc = str_ireplace (' "" '', trim (get_the_content())?> < div klasse = "post" > < div klasse = "img" > < en titel = "<?= $titel?>: <?= $desc?> "rel =" lightbox [arbejde] "href =" <?php aftryk portfolio_thumbnail_url ($post - > id)?> "> <?folkesundhedsprogrammet aspektet the_post_thumbnail();?> < /a > < /div > < p > < stærk > <?= $titel?>: < /stærk > <?php aftryk get_the_excerpt();?> < en titel = "<?= $titel?>: <?= $desc?> "rel =" lightbox [arbejde] "href =" <?php aftryk portfolio_thumbnail_url ($post - > id)?> "> (mere) < /a > < /p > <?php $site = get_post_custom_values ('projlink '); hvis ($websted [0].= ") {?> < p > < en href = "<?= $websted [0]?> "> besøge stedet < /a > < /p > <?php} andre {?> < p > < em > direkte forbindelse til < /em > < /p > <?folkesundhedsprogrammet)?> < /div > <?folkesundhedsprogrammet aspektet endwhile; endif;?> < /div > < /div > <?folkesundhedsprogrammet aspektet get_footer();?>, vil du se et par ting: for det første, når vi er ved det, er vi nødt til at trimme fremmede "" tegn fra vores titel og indhold af, str_ireplace(),.jeg er ikke helt sikker på, hvorfor de kommer her, men ud fra hvad jeg kan se, det er et nødvendigt skridt.du skal også bemærke, at vi bruger lightbox.vi kunne tilføje det selv (som ville jeg nok anbefale, hvis det her var et stik af, da vi har ændret vores eget tema, vi kunne hente en af de mange lightbox plugins til rådighed i wordpress register.bare tag din favorit.bortset fra, at dette bør bekendt, men hvem er arbejdet med wordpress loop.det, vi gør her, er at skabe blokke med vores thumbnails og beskrivelser, der er link til (ved hjælp af lightbox) skærmen skudt for hver af de ni projekter.jeg har ikke indeholde links til andre sider (i tilfælde af, at du har mere end 9 projekter), fordi jeg kun ønsker at se min brugere senest 9 projekter.du kan give mulighed for at få andre stillinger med, posts_nav_link(),, hvis du ønsker det. må jeg også bemærke, at jeg har fjernet wordpress misligholdelse mere sammenhæng, fordi det i forbindelse med en enkelt post side, og jeg vil gerne lightbox, så jeg byggede mit eget.,, trin 7 - vores portefølje type, her er den sjove del: at gøre vores portefølje - se pæn ud.her er nogle css, som jeg har medtaget - du kan tilføje det til bunds i din style.css lagen eller i vores nye portfolio.css fil.bare brug @ import, at ringe til portfolio.css øverst temaet er style.css (det vil ikke arbejde andre steder),. punkt {flyde: venstre margen: 5px; bredde: 310px; baggrund:&#efefef; - moz grænse radius: 7px; - webkit grænse radius: 7px; grænse radius: 7px; tekst tilpasse: center, - - box skygge: 0px 0px 6pxϧ - webkit rubrik skygge: 0px 0px 6pxϧ rubrik skygge: 0px 0px 6pxϧ.}. punkt p {tekst tilpasse: venstre}. punkt p a {tekst tilpasse: venstre skrifttype vægt: fed.}. punkt img {margen top: 5px; tekst tilpasse: center; grænse: 1px fast� max bredde: 280px;} /* selv klare flyder * /. gruppe: efter (indhold: "." display: blok. højde: 0; klart: begge synlighed: skjult.}, hvis du tagerkonferencen vores model side, vil de se, at hvert projekt er pakket ind i en virksomhed i forbindelse med fast ejendom "post", som vi nu anvende ccs.da ikke to temaer, er de samme, kan det være nødvendigt at justere din egen css lidt, men det her er et godt udgangspunkt for dig.jeg har også omfattet en klasse til selvstændig clearing flyder.det er en teknik, jeg har fået fra dan cederholm, og jeg synes, det er lidt mere elegant, at standard "clearfix" metode til clearing indhold efter flydende divs.,, konklusion, det er det!du har nu en enkelt portefølje med skik post - typer.mens det var bygget til at tjene mine behov, og jeg ville gerne holde tingene simple, mulighederne for dette er uendelige, som du kan skræddersy det til, hvilken slags portefølje, de har (skriftligt /artikler, fotografering, grafisk design, osv.).hvis du ikke vil bruge lightbox til at vise det fælles projekt, kan de også skabe et tema side med navnet single-portfolio.php, som så vil anvende kodeksen inden for hvert enkelt projekt, som har til single.php blog.