toe te voegen aan de reactie van de burgers op dit, je wordpress betreft,,,,,,,,,, 19, 25,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, ik breng je naar je door de integratie van dit blok op wordpress betreft of de website.Dit is niet een baanbrekende training, maar dit is een weinig goed doen, dus ik wil proberen te herstellen.In deze handleiding zullen we betalen elke stap van het creëren van een gewoonte in dit type redden we de dia 's eigenlijk gebruik maken van de burgers op onze website.,, moeten we mooi FlexSlider 2 WooThemes als het een goede code toestemming toestemming van de reactie van GPLv2 glijder.Als je geïnteresseerd bent, kan je de code in github bibliotheek FlexSlider.,, voordat we iets doen, we moeten een stap terug:,,, wat dossiers, slider, eisen, welke bestanden we nodig hebben,,, het eerste wat we moeten doen is het downloaden van FlexSlider,, doe je dat. Later, In het bijzijn van een decompressie,,,,,, hebben we er een paar dossiers geïnteresseerd, zijn:,,,,,,, FlexSlider. CSS beeld /bg_direction_nav. Papoea - Nieuw - Guinea,,,, flexslider-min.js:.,,, ze zijn moeten we echt van FlexSlider downloaden.,, 1 stap wordt het dossier om deze drie documenten, van boven in onze catalogus nu thema 's.Volgens je betreft of wordt, kan je het dossier geplaatst in alles wat je wilt, zolang de nota genomen van deze documenten van de bronnen en de aanpassing van de code /CITES, teneinde ze aan te passen aan de nieuwe locatie.In het bedrijf /, catalogi, het creëren van een nieuwe MAP genaamd, slider.Daar, we creëren een map:,,,,,,, foto 's, de CSS js,,,,,,,, laten we zeggen, flexslider.css, CSS, folders, bg_direction_nav.png in, foto' s, folders, jquery.flexslider-min.js, ja, je hebt gelijk, het is een map,,,,,, noot: normaal gesproken zou ik deze CSS, js, foto 's, /, het hele thema van de catalogus en andere documenten, maar om ervoor te zorgen dat deze handleiding van de "algemene" MAP, we organiseren onze documenten op deze manier.Als je je de ontwikkeling van thema 's, misschien moet je je hand af van de documenten.,,, en nu moeten we ook in de documenten van het dossier in 2:,,, slider.php, het creëren van een blok model & belasting ook documenten, slider_post_type.php, het creëren van een slider,,, je moet nu een blok je ziet er als volgt uit:,,,,,,, voordat we gaan, open je functions.php dossier, en wordt de volgende twee lijnen, de lading twee. We gecreëerd:,, ///////PHP documenten te creëren ook na te get_template_directory (type (")./COMP /blok /slider_post_type; ///////index.php) te creëren ook (get_template_directory () eisen. "/bedrijf /blok /blok.'/library/loader.php');, en nu...Laten we beginnen met de code.,,, stap 2 blok vormen, het eerste wat we moeten doen is het creëren van een speciaal type, zal worden gehouden, al onze dia 's.Dit soort gebruik worden ingevoerd, zijn de coolste in je 3 kan gebeuren in de wereld (te ver?Ik hou van ze, open, slider_post_type.php), en wordt de volgende code voor het creëren van een gewoonte in dit type:, dia 's, <?Het gebruik van post PHP ///////- functie register_slides_posttype () {$labels = array (naam => _x ('Slides','post - algemene naam),'singular_name'=> _x ('Slide','post type enkele naam),'add_new'=> __ ('Add New Slide'),'add_new_item'=> __ ('Add New Slide'),'edit_item'=> __ ('Edit Slide'),'new_item'=> __ ('New Slide'),'view_item'=> __ ('View Slide'),'search_items'=> __ ('Search Slides'),'not_found'=> __ ('Slide'),'not_found_in_trash'=> __ ('Slide'),'parent_item_colon'=> __ ('Slide'),'menu_name'=> __ ('Slides'));; $taxonomies = - (); $supports = array (titel,'thumbnail"); post_type_args dollar = - ('labels" = > $etiketten,'singular_label "= > __ ('slide"), een "= > waar,'show_ui" = > waar,'publicly_queryable "= > waar,'query_var" = > echt'capability_type = > "," na ",'has_archive" = > valse,'hierarchical "= > valse,'rewrite" = > - (de = > de dia 's, "with_front" = > valse), van "steun" = > voor de steun,'menu_position "= > ///////27, in het menu.Gewijzigd in 6, dit is de volgende posten.11 en dan is het de media, enz'menu_icon "= > get_template_directory_uri (")./bedrijf /de glijder /Images /Papoea - Nieuw - Guinea,'taxonomies "= > $indeling); register_post_type ('slides, post_type_args dollar);} add_action ('init", "register_slides_posttype"); het type, gebruik, verhoogd.De volgende, zullen we nog metabox waar sprake is van een voor de dia 's Link URL' s.Nu moeten we de grote muur van - de volgende code:,, ///////- doos schuif URL slidelink_2_metabox dollar = array (ID '= > de slidelink, titel = > dia' s Link "," '' "= > - ('slides"),'context "= > de" normale ",'priority" = > "standaard",'fields "= > generator (" naam "= > URL 's", dia' s'desc "= > ',' id" = > de wptuts_slideurl "," = "wptuts_slideurl >" type "= > de tekst",'rich_editor "= > 0,'max" = > 0))); add_action ('admin_menu "," wptuts_add_slidelink_2_meta_box "); de functionele wptuts_add_slidelink_2_meta_box () {de boeddha slidelink_2_metabox dollar;($slidelink_2_metabox blz.] tot [tot blz.) (add_meta_box ($slidelink_2_metabox [id '], [titel] slidelink_2_metabox dollar pagina' s wptuts_show_slidelink_2_box ", de" normale "," standaard ", slidelink_2_metabox dollar);}} werk kan aantonen dat de functie - ///////wptuts_show_slidelink_2_box () {doos van de mondiale slidelink_2_metabox dollar $post; de wptuts_prefix dollar;; de wp_version dollar; ///////gebruik van willekeurige of ECHO = < input" verborgen "naam" wptuts_slidelink_2_meta_box_nonce "waarde", wp_create_nonce (basename (__file__)), "" /> "ECHO"; < tabel = "tabel" > "; voor ($slidelink_2_metabox ['fields] tot gebied) {///////de meta - data - element voor het verkrijgen van het = get_post_meta dollar ($post - > id, dollarD [id '], waar); de ECHO "< tr >", "< de style=": 20% van de breedte van de "> < =" etiket, $gebied [id'], ">", stripslashes ($gebied ['name "]), de etikettering van" < /> < /dag > "," < o = "wptuts_field_type_".Str_replace ("," _, $gebied [vormen]). ">; - (gebied [vormen]) (zaak C - tekst: ECHO < de aard van de gegevens, de tekst "naam" $gebied [id '], "=", "$gebied [id']," waarde ", miljard dollar?Element: de dollar'std gebied [] "=" 30 "style=": 97% van de breedte van de "/> < BR >", ", stripslashes ($gebied ['desc"]); breken;} ECHO < O > "," < /TR > ";} ECHO < /tabel >"; het bewaren van gegevens uit de doos} ///////- add_action ('save_post "," wptuts_slidelink_2_save "); de functionele wptuts_slidelink_2_save ($post_id) {de $post; de slidelink_2_metabox dollar; ///////verificatie als (op dit moment.Wp_verify_nonce ($_post ['wptuts_slidelink_2_meta_box_nonce], basename (__file__)) {terug post_id dollar; ///////autosave als (definitie van onderzoek) ('doing_autosave ") & & doing_autosave) {terug post_id dollar;} ///////vergunningen te controleren als (blz. - = = $_post ['post_type {als (]).Current_user_can ('edit_page, post_id dollar)) {terugkeer}} elseif (post_id dollar!Current_user_can ('edit_post, post_id dollar)) {terug post_id dollar;} voor $slidelink_2_metabox] ['fields tot gebied) {% oude = get_post_meta (post_id dollar gebied [id '], waar); de nieuwe _post $= [] [id'] op het gebied van; als ($nieuwe & & en de nieuwe!= $jaar) {als ($gebied [vormen] = = "Date") {% nieuwe = wptuts_format_date (合新); update_post_meta (post_id dollar gebied [id '], voor de nieuwe);} {(of als is_string (合新)) {% nieuwe = nieuwe dollar update_post_meta (post_id dollar;} De dollar gebied [id'], nieuwe;}} elseif dollar) ("= = $nieuwe & & $jaar) {delete_post_meta (post_id dollar gebied [id '], oude;}}} dollar), helaas.Is voorbij.Ga je het instrumentenpaneel, zie je een glimmende nieuwe dia 's gewoonte artikel type,,,,,, salaristrap 3 belasting blok open PHP, slider.Nu gaan we dit script en CSS) FlexSlider FlexSlider.Je kan ook een kopie van de code, flexslider.css, je stijl CSS dossier, als het nodig is.,, <?Het dossier wptuts_slider_scripts FlexSlider PHP /() {wp_enqueue_script (:); wp_enqueue_style ("flexibele", get_template_directory_uri (")./bedrijf /de glijder /CSS /FlexSlider. De CSS "); wp_enqueue_script (" - scenario ", en get_template_directory_uri (")./COMP /'///). Flexslider-min.js) (:), valse, echt);} add_action ("wp_enqueue_scripts", "wptuts_slider_scripts"); dat, als we dat doen, is er iets wat je wilt doen.Als we de structuur van het document, flexslider.css, een montage, die weet waar de pijl van foto 's.Open het, om een opsporings - en vervangen:,,,,,, de beelden /beeld,, 4 - blok, nu moeten we nog een boek, < hoofd >, met het oog op de start van de glijbaan.Laten we nog in de volgende lijn, slider.php, de volgende code die we zojuist hebben toegevoegd.- blok functie,, ///////wptuts_slider_initialize () {?> < script type = "tekst /javascript" tekenset = "-" >) (Luik), belastingen (functie) (("). FlexSlider FlexSlider"). ((animatie: "verdwijnen", richting: de "horizontale", slideshowspeed:7000, animationspeed:600});}); < /. > <?} add_action ("wp_head", "wptuts_slider_initialize"); een keuze, ik FlexSlider, omdat het gebruik van de flexibiliteit.Een aantal parameters kan worden aangepast, maar omvat vier belangrijke top.Probeer te veranderen, glijden, verkleuring, of, horizontale en verticale,.Je kan hier alle parameters van het een,,,,,, noot: nog een andere benadering is het gebruik van boven, wp_localize_script functie (zie Wetboek), maar dit is een beetje een geavanceerde van deze handleiding.Echter, pepijn Williamson (een ander wptuts + auteur) heeft geschreven met betrekking tot dit uitstekende les, als je interesse hebt,,, - stap 5 te creëren ook, nu moeten we het creëren van glijdende model.Ten eerste, wat we moeten doen, wp_query, trek het vormen van het aanpassen van de dia 's.Volgende, we controleren de dia 's en, indien dit het geval is met de glijder.Dan zullen we beginnen te circuleren.Elke dia 's en de controle, als een dia' s website wordt vastgesteld, als dat zo is, is het creëren van een link.Dia 's beeld zal worden vermeld en de cyclus wordt afgesloten.,, ///////wptuts_slider_template blok functie gecreëerd () {///////- ('post_type zoekopdracht - parameter sprake van $= "= > de dia' s,'posts_per_page" = > 5); ///////the_query dollar vraag = nieuwe wp_query ($sprake); ///////onderzoek terug naar een baan als ($the_query - > have_posts () {///////begint te glijden?> < div = "FlexSlider" > < ul = "foto 's" > <?PHP /cyclus ($the_query - > have_posts ()): $the_query - > the_post (); de???????> < li > <?Als er een glijdende URL 's, als we een link naar het als de inspectie PHP ///////(get_post_meta (get_the_id (), wptuts_slideurl "echt").= ") {?> < href = < "?PHP esc_url (get_post_meta (ECHO) wptuts_slideurl "," get_the_id (echt);?> "> <?} /dia 's the_post_thumbnail (ECHO); ///////sluiten van de banden van de dia' s, als er een als (get_post_meta (get_the_id (), wptuts_slideurl "echt").= ") {?> < /> <?}?> < /Lee > <?PHP endwhile;?> < /UL > <.-. De dia 's > < /div > <.-. FlexSlider - > <?} /na de verlaging van wp_reset_postdata (gegevens);}, stap 6 gebruik maken van de burgers, eindelijk de glijder.En nu is het tijd om haar te gebruiken.Je kan een model van dossiers, zoals de index. Php, en ECHO, wptuts_slider_template, een blok functie.,, dus als we willen laten zien dat op de website van de titel na 2011 rechts schuiven, zullen wij een open, index.php, en onder get_header (); de???????>, wordt de volgende tekst toegevoegd:,, <?PHP wptuts_slider_template (ECHO);?>,, maar als je de klanten of iemand wil niet aan het model van dossiers en php?We moeten het creëren van een korte, ze, dus ze kunnen gebruik maken van de burgers en de burgers, [...], korte codes, de bodem in de glijder.,,,.,: ///////PHP, eenvoudige functies wptuts_slider_shortcode () {ob_start () (); wptuts_slider_template; $slider = ob_get_clean (); de terugkeer van de glijder;} add_shortcode ("blok", "wptuts_slider_shortcode"); ook in de post,,, pagina 's of op een andere plaats van acceptatie.,,,,, downloaden, als je wilt, kun je het downloaden, slider, folders, waarin we in deze handleiding over alles.En je hebt het gewoon in je MAP (of een andere onderneming betreft, is goed, maar moet de aanpassing van de volgende codes), in uw functie, PHP:,,,, ///////- (get_template_directory na te creëren ook eisen "()./COMP /blok /slider_post_type; ///////index.php) te creëren ook (get_template_directory () eisen. "/bedrijf /blok /blok.'/library/loader.php');,,,, met het oog op de aandacht: deze handleiding namespace /tekst, wptuts, is gebruikt.Je moet een opsporings - en vervanging van de code, als je gewoon kopiëren en plakken en vervangen:,,,,, wptuts_, yourname_,'wptuts'yourname ",",,, als je deze les, dus ik weet dat ik zal blijven in onze skateboarden op training.Dan gaan we naar de integratie van een postzegel navigatie met behulp van video 's, dia' s, en nog een naam.