Het creëren van een reactie op de FlexSlider wordpress

blok - blok, het creëren van een reactie van de « plug­in » wordpress,,,,,,,,, FlexSlider 3, 5,,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, slider, lijkt deze dagen alle woede, en met goede reden.Je kunt nog foto 's, de inhoud, de video, en meer een opvallende, animatie zone van je website.Het is een rijke slider plug - in - (nu mijn favoriet is Nivo ook), zonder een FlexSlider, slider, een toetsenbord en en op het scherm van de kaart.In deze handleiding, creëren we de « plug­in ».,,, stap 1 - instellingen, het eerste wat we moeten doen is instellingen van de « plug­in ».Wat een map in blok /FLEX /,,, een dossier wordt aangeduid als de "wat in het FLEX - PHP glijder.Hier, we zullen nog de nodige informatie en de code voor de « plug­in » « plug­in » definitie van ons, en het begin van het blok:,;PHP /* * * * * * * « plug - ins naam: wat in FlexSlider uri: Beschrijving: een eenvoudige « plug­in », de integratie van FlexSlider (http://flex.madebymufffin.com/) gebruik van dit type wordpress!Auteur: je naam versie: 1 auteur: je URL uri *?>, ik hou ook van een constante informatie en ik zal met veel plug - in.In de definitie van het begrip stuk, maar sluit PHP etiket, voordat ik deze informatie, de definitie van: ('efs_path ", wp_plugin_url."/".Plugin_basename (dirname (__file__)). "/"); de definitie ('efs_name", als Envato FlexSlider "); de definitie (" efs_version "en de" 1 "); de oprichting van drie, ik constant: « plug - in naam van het pad van de « plug­in », en de versie die is gebruikt voor de modernisering en de kennis van De « plug­in » catalogus, wordpress veranderen, als het nodig is.Dat ik al mijn constante stichtingen met "." Ik zal hetzelfde doen als functie van het creëren van een andere naam, dus we hebben geen conflict - of wordpress kern, nu zijn we klaar, laten we nog in de FlexSlider dossier & code 2 stappen bij de FlexSlider.,,, de verhoging van het belangrijke deel van de tijd: FlexSlider javascript en CSS.We zullen het doen wp_enqueue_script wordpress,,, wp_enqueue_style, het voorkomen van conflicten.Je kan hier FlexSlider downloaden.We moeten twee documenten: jquery.flexslider-min.js, en flexslider.css, en /topics /MAP, wp_enqueue_script ('flexslider ", efs_path.'jquery. Flexslider-min.js, - ('jquery"); wp_enqueue_style ('flexslider_css ", efs_path.'flexslider. De CSS"); in twee rijen, we de toewijzing van een naam, elk met een script. En Dan links naar. Js en CSS dossier.Dat we met onze constante, esf_path,.We moeten gebruik maken van de weg of het dossier kan niet worden aangesloten op de juiste weg.Je merkt ook op dat we een derde argument, wp_enqueue_script,.Dit is een van onze andere scenario 's script van de generator.In dit geval, slechts één, dit is dit.Hier is een complete lijst van de « plug­in » met het script.Je kan het gebruik van een behandeling in de afhankelijke array, wat we moeten doen is een ding, met inbegrip van de werkelijke javascript, de burgers te werken.We doen onze eigen functie en een wordpress actie, functie efs_script () {drukken < script type = "tekst /javascript" tekenset = "-" >) (Luik), belastingen (functie) () (". FlexSlider"). Flexslider (LT);});; /scripts > ";} add_action ('wp_head", "efs_script"); het belangrijkste is, add_action ('wp_head "," efs_script "); het zal lopen, onze functie, efs_script (), als wp_head heet.Onze functie is de afdruk nodig om het te doen. FlexSlider!Je zal merken dat ik gebruik dit in plaats van de traditionele "$" gebruikte dit script.Dit is ons scenario 's niet met andere javascript, conflicten, zoals scriptaculous. En, ten slotte, slechts kopieën /topics /map naar je wat in blok /FLEX /MAP.,, salaristrap 3 Sr en de model -, is de volgende stap, we zetten onze korte codes en - etikettering.Vereenvoudigde code kan de gebruiker wordt ook een website of op de hoogte.We hebben een zeer goede training gecodeerd.De etikettering zal de ontwikkeling van het model van de thema 's van personeel in de thema' s in de glijder.Als een van de thema 's van de ontwikkeling van de eigen, ik denk dat het heel belangrijk is, met inbegrip van de twee, en ze zijn gemakkelijk te vinden van de documenten.Je weet nooit wie zal je de plug - in functie () {///////efs_get_slider, zullen we vullen.De toevoeging van de glijbaan} /* * * * * * * * * voor het bewerken van vereenvoudigde /functie efs_insert_slider ($atts, $inhoud = nul) {% slider = efs_get_slider (); de terugkeer van blok;} add_shortcode ('ef_slider "," efs_insert_slider "), /* * * * * * * * * * * * * * voor de functie van de thema 's van toevoeging van model. Efs_slider () {}); efs_get_slider (drukken, nu deze de code is erg simpel.Voor handelaren, we functioneren in het algemeen, efs_get_slider (), en de resultaten zijn terug.Voor de etikettering van de resultaten van modellen, we drukken.We kunnen ook gebruik maken van je, add_shortcode (), de registratie van onze functie te kort.Ik negeren van uitvoering, efs_get_slider (), omdat we geen beeld van hoe we het doen.Ter vergemakkelijking van de gebruikers nog een aantal beelden, van de glijbaan, creëren we een gewoonte in dit type van stap 4.,, het beeld op blok vormen, het eerste wat we moeten doen is het creëren van een nieuw type document "blok IMG. Php, we hebben alle codes, pas na heen te gaan.Ten eerste, we moeten om net als wij van de « plug­in », < PHP definitie ('cpt_name "," blok "('cpt_single beeld); de definitie van", "blok" ('cpt_type beeld); de definitie van "," blok "imago); add_theme_support ('post-thumbnails, - ('slider-image");?>, zoals je kan zien, heb ik tot nu toe gedaan hebben is het creëren van een constante (dit kan van pas komen op de meer geavanceerde vormen van gebruik van artikelen), en bij onze nieuwe steun van de postzegel.In dit dossier, de enige andere ding is de registratie van nieuwe gewoonte in dit type.In een speciaal type meer, kan je zien dat ik les, een dodelijke combinatie.In de gesloten PHP etiketten, zullen we nog een van deze code, de functie efs_register () {% sprake - ("label" = = > __ (cpt_name), "singular_label" = > __ (cpt_single), van een "openbare" = > echt, "show_ui" = > echt, "capability_type" = > "", "" niveau "= > valse, herschrijven = > echt," steun "= > - (titel," bewerken "," me "); register_post_type (cpt_type, $dringt erop add_action ('init});", "efs_register"); we hebben een functie voor de registratie van een speciaal type document, het gebruik van de benaming, de redacteur, en de kleine doos.En dan voegen we een wordpress - mobiele telefoons als wordpress gestart.Dit is het!Een laatste ding is er een nieuw dossier aan, require_once ('slider-img-type. PHP), met het oog op de envato-flex-slider.php.I. Waar we het enqueue "(onze - scripts. Nu je dat weet, hoe we de tenuitvoerlegging van de glijder der beelden, ga terug en we vullen in onze algemene functie voor de slider. stap 5 voor de,, slider, hoofd terug tot waar we gedefinieerd, efs_get_slider (), en de opmerking over de //We'll replace, dit in het latere, met de volgende, $slider='< div =" flexslider "> < ul =" dia ">"; $efs_query= "post_type=slider-image"; query_posts ($efs_query); als (have_posts () (): terwijl de have_posts ()): the_post (); $img= get_the_post_thumbnail ($post-> id,'large'); $slider.='< li>'.$img.'< /li> "; endwhile; endif; wp_reset_query (); $slider.='< /ul> < /div>"; ofIk schuif; de eerste twee regels noodzakelijk is, omdat het FlexSlider werkt.Het heet "op zoek naar een geordende lijst dia 's in een van die" FlexSlider en javascript toepassing /animatie.We hebben opgericht en ul.slides CSS FlexSlider definitie.En dan, creëren we een wordpress cyclus die alle soorten beeld (onze post slider gewoonte het type), het drukken van de kenmerken van de grote versie van foto 's.Dan gaan we terug naar de vorming van een variabele: //europa.eu.int /comm /, als we het kunnen drukken, de etikettering of de terugkeer van het model, met onze bedrijven, een paar noten, en ons aanpassen, het type, we kunnen nog een titel, en de kenmerken van de door het beeld dat we hebben, met inbegrip van de redactie van de artikelen in dozen.En nu gebruiken we alleen de beelden van geselecteerde (en alt tekst de titel), onze redacteur als, bijvoorbeeld, zullen we in de toekomst willen steunen, ook op de Top van de titel, de toevoeging van een nieuwe blok beeld, moeten wij de Upload een foto ook werk.Het zal niet alleen na kruipen, stap 6, bijlage, testen, en nu is het tijd voor de test.Als je nog een paar beelden in je nieuwe gewoonte in dit type, het creëren van een nieuwe pagina 's (ik noem mijn glijder) bij onze nieuwe vereenvoudigde code, [ef_slider].Redden. En om het te bekijken.Moet je zien, dit soort dingen: besluit, dat is het nu over.Er zijn wat dingen die je kunt doen met het oog op de verbetering van de « plug­in », na, zoals de toevoeging van opties ter ondersteuning van de hoge FlexSlider is voorzien of aangepast aan toe te voegen en steun.Dat is van de « plug­in » geeft je alles wat je nodig hebt om een vrij eenvoudige en gemakkelijk te beheren, wordt gemakkelijk wordpress FlexSlider versie.Als u er niet zeker van of het dossier bevat, kan je de bron van het downloaden van documenten in verband met de Top van de training.Om van te genieten.,





Previous:
Next Page: