, opbygning af en klient vidnesbyrd slider stik af,,,,, andel,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke gå glip af det. i dag er det image, schneider tendens, og du kan se dem i ethvert andet sted.det sagde, at glide materiel, billeder, selv med de mest avancerede og smuk animeringer, kan ikke bygge nogen tillid til deres kunder.en bedre løsning ville være at anvende kunde vidnesbyrd i vores slæde.med rette kalder denne metode kunne være lige så visuelt at giver brugeren mere trygge ved at benytte (og køber) dit produkt end at vise dem tilfældigt materiel billeder.,,, "glidende materiel billeder...kan ikke bygge nogen tillid til deres kunder. ", kommer vi til at skabe en klient vidnesbyrd slider.du vil være i stand til at tilføje nye klient vidnesbyrd i administrationen, og vise dem på deres websted via shortcodes.for at glide vidnesbyrdet vil vi bruge den frie slidejs jquery stik af.på denne måde vil du have større kontrol med informationstiltag og virkninger.,, trin 1 skabe stik af, vi ønsker, at den nye figurerer som et stik af, så vi kan bruge den med alle emner.for det første skaber vi en ny mappe, testimonialslider i, wp indhold /plugins, folder (jeg formoder, at du har wordpress allerede installeret). næste skaber en ny. php, fil i det.lad os kalde det, testimonialplugin.php, og skrive nogle kommentarer til det, så wordpress betragter det som et stik af. <?php /* stik af navn: klient vidnesbyrd schneider beskrivelse: glidende klient vidnesbyrd med slidejs forfatter: rige á rd Ö tv ö s version: 1, 0 * /?> du kan give langt flere oplysninger, end det, som du kan se i plugins del af wordpress codex), men for os er det nok.med disse få linjer, du vil være i stand til at se din stik af og aktivere den gennem wordpress stik af manager.så lad os gøre det og aktivere den,.,, trin 2, at kunden vidneudsagn efter type, hvis de ønsker at tilføje vidnesbyrd i en brugervenlig måde, din bedste chance er at gøre det til sædvane efter typer.fordi vidnesbyrdet ikke stå alene stillinger, kan vi ikke bruge alle funktioner, bare, hvad der er nødvendigt for vores formål. at tilføje denne kodeks til vores, testimonialplugin.php, fil (før afslutningen på tag), funktion testimonials_init() ($args = system (»tâches = > sandt, »mærket« = > 'klient vidnesbyrd ",'supports = > system ('title,'editor,'custom-fields')); register_post_type ('testimonials, $args)} add_action ('init", "testimonials_init'); i den testimonials_init(), funktion, vi satte nogle parametre for vores post - type.vi ønsker, at det skal være offentlige, og også at blive kaldt "klient vidnesbyrd".støtte en del af nettet kan være lidt forvirrende.den siger, at vi ønsker, at vores post - at have en titel og også redaktør, hvor vi kan skrive vores indhold.men hvorfor ønsker vi at støtte sædvane efter typer?, således at deres brugere behøver ikke at lære særligt mærke, hvis de ønsker at tilføje navnet på den kunde eller eventuelt en hjemmeside!at gøre din grænseflade brugervenlige er meget vigtigt ved anvendelse af cms, som brugervenlighed er en af hovedårsagerne til, at du bruger wordpress.,, trin 3, at navn og forbinde skik, områder, som jeg har sagt, at inden for deres skik sædvane værdier gør din stik af mere brugervenlig.her kan du vælge fra et par muligheder:, ved hjælp af en særlig forhøjelse af custom områder på den normale måde ved hjælp af misligholdelse skik områder ved hjælp af metaboxes, ved hjælp af en sædvane inden stik af, kan jeg skrive om disse muligheder i en forelæsning, men dybest set de første to muligheder er ikke brugervenlig.at skabe metaboxes, men ikke så hårdt, tager noget tid, så er vi i gang med den tredje mulighed, og tilføje nogle misligholdelse skik felter, tilføje disse strækninger, når den foregående kodeks blok:, funktion set_testimonial_custom_fields ($post_id) (hvis ($_get ['post_type "= =" beviser ") (add_post_meta ($post_id" klient navn "," ægte); add_post_meta ($post_id, link "," ægte)} tilbage.} add_action ('wp_insert_post "," set_testimonial_custom_fields'); i den set_testimonial_custom_fields(), funktion, vi først undersøge, om vi er ved at oprette en post af typen "vidnesbyrd,".hvis vi gør det, så vi bruger, add_post_meta(), wordpress funktion at tilføje en skik område.den første parameter er id for den stilling, vi er ved at skabe, den anden er navnet på den skik område, det tredje er standardværdien for sædvane område (her bruger vi en tom snor), og den fjerde er en boolean - værdi, der beslutter, hvis område er enestående.hvis der rigtigt, betyder det, at man kun kan have en af disse områder pr. post. med denne kode, du nemt kan udvide stik af og tilføje endnu mere ekstra områder til anbefalingerne efter type.,, løntrin 4 registrering af slide.js manuskript, jeg nævnte i den oversigt, som vi kommer til at bruge den jquery stik af slide.js til - vores vidneudsagn.for at gøre det, vi bør omfatte manuskriptet i vores stik af. at downloade glide. det første hoved til slidejs hompage og hente det.hvis du vil gøre noget ekstra tilpasning på dine lysbilleder, vil du måske bogmærke lægerne side, så du kan læse den dokumentation af stik af. så, efter du har hentet den. luk filen, ekstrakt.gå til den, lysbilleder /kilde, folder (i. luk filen) og ekstrakt filen, slides.min.jquery.js, så stik af mappe.du vil måske skabe en, er, mappe i din stik af adresseregister for at redde den, så alle dine javascript filer vil være et sted, at manuskriptet til vores stik af, lad os sige wordpress til at omfatte de manuskripter, hvis vores stik af er aktiv, //, at slide.js manuskript og vores script funktion testimonials_register_scripts() (//kun tilføje disse manuskript, hvis vi ikke er i drift i instrumentbrættet, hvis (!is_admin()) (//registrering af manuskripter wp_register_script ('testimonials_slide_js, plugins_url ('js /lysbilleder. min.jquery. js, __file__) system ('jquery ')); wp_register_script ('testimonials_script, plugins_url ('js /manuskript. js, __file__) system ('jquery')); //enqueing manuskripter wp_enqueue_script ('testimonials_slide_js'); wp_enqueue_script ('testimonials_script)}} add_action ('wp_print_scripts "," testimonials_register_scripts), vi bruger, wp_print_scripts, krog til at tilføje de manuskripter, at lederen af sider.i, testimonials_register_scripts, funktion, vi er første registrering, så enqueuing manuskriptet.her er nogle ting at se til... "... bør du kun laste de manuskripter (og stilarter) du har brug for", vi bruger den betingede tag med, is_admin(), wordpress funktion og kun tilføje manuskriptet til hovedet, hvis vi ikke er i administrationen instrumentbræt.det er en lille optimering.man bør kun laste de manuskripter (og stilarter) du har brug for, og kun, når man har brug for dem, når vi bruger, wp_register_script(), funktion for at markere vores, slides.min.jquery.js, stik af, at vi jquery som en afhængighed, så de vil blive indlæst i den rigtige rækkefølge.det sidste, du skal ikke bekymre dig om, script.js, sag endnu, vil vi skabe det kort.,, løntrin 5 med vidnesbyrd, lad os vise vores vidneudsagn.på dette trin, skaber vi en funktion, der kan vise de vidnesbyrd, med den korrekte oveni.tag et kig på den kode, du skal ikke være bange, det måske er lidt mere kompliceret end den foregående kodeks stumper, men jeg vil forklare det hele for dig. //med vidnesbyrd funktion display_testimonial_slider() (//vi ønsker kun stillinger af vidnesbyrd type $args = system ('post_type = > 'vidneudsagn,'posts_per_page = > 5); //skaber vi vores html i resultatet variable $resultat. = < div id = "glider vidnesbyrd" > < div klasse = "slides_container" >. $the_query = nye wp_query ($args); //skaber en ny side loop, mens ($the_query - > have_posts()): $the_query - > the_post(). $client_name_value = get_post_meta (get_the_id(), klient navn, sandt link_value = get_p $);ost_meta (get_the_id(), link, sande); $resultat. = < div klasse = "glider" > '; //med indhold $resultat. = < div klasse = "hilsen" > ". get_the_content(). < /div >'; //med forfatteren af vidnesbyrd og også skabe et link, hvis forbindelsen skik område, forudsat at ($link_value!= ") ($resultat. = < div klasse =" vidnesbyrd forfatter "> < en href =" http: //". $link_value." ">. $client_name_value. < /a > < /div > '} andre {$resultat. = < div klasse =" vidnesbyrd forfatter ">. $client_name_value. < /div >"} $resultat. = < /div > «. endwhile. $resultat. = < /div > < /div > « tilbage $resultat;}, lad os se den kode, skridt for skridt.vi er ved at fastlægge parametre for vores side loop.vi er kun interesserede i, vidnesbyrd, type poster, og vi vil kun fem af dem.så skaber vi de $resultater, variabel.vi vil gemme vores html avance i det.hvis du tjekker slidejs docs eller eksempler, som de kan se, at vi har brug for en særlig mærkning for stik af arbejde.vi er ved at skabe, og concatenating alt for $resultater, variabel.i loop kommer vi indholdet i vores taler og også få værdier af kunden navn og forbinde skik områder (hvis der er forbindelse kundens navn vil blive clickable).vi har også brug for lidt ekstra oveni, så vil det være let, hvis man ønsker at stil dem.,, trin 6 at skabe shortcode, vores slider ikke fungerer fuldt ud endnu, så det er ikke degressiv vores stillinger, men det ville være godt, hvis vi kunne se, om det viser vores vidneudsagn korrekt i det mindste.så lad os tilføje en shortcode, så vi kan se, hvad det er, vi udviser.//at tilføje shortcode add_shortcode ('client vidnesbyrd "," display_testimonial_slider "), som du kan se, at shortcode støtte er meget nemt.hvis skrive, [klient vidnesbyrd], på vores side eller stillinger, kan vi se klient vidnesbyrd, som du kan se i billedet (jeg tilføjede nogle beviser, så vi har noget at vise).,, trin 7 at vidnesbyrdet glide, nu hvor vi er sikre på, at vores vidneudsagn er meget korrekt - få dem til at glide.kan du huske, script.js, fil at vi føjet til lederen af vores side?nu vil vi skabe det!så, hvis du ikke allerede har gjort det, skabe en tom fil, script.js i, er, folder i stik af registre og tilføje følgende kode:, jquery (function() {jquery ("# glider"). objektglas ((generatepagination: falske, spille: 3000})}), - jeg vil ikke drikke for schneider og sætte det, autoplay,, så det er fornuftigt at glide på toppen, eller hvor du ønsker det.hvis du ønsker at bruge ekstra elementer af slidejs, du kan sagtens gøre det i sin dokumentation.