wordpress shortcodes: på den rigtige måde

, wordpress shortcodes: på den rigtige måde,,,,, 12,,,,,,,,, 25,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke gå glip af det.,,,,, en af de primære årsager til, at wordpress er den mest populære cms - platform, der er til rådighed, er ren og skær niveau af customizability, at det fremlægger.i dag vil vi gennemgå processen med at integrere en af de typiske kendetegn, shortcodes, i de mest brugervenlige måde som muligt, i vores tema.,,,, en visuel lynkursus i shortcodes, et ord fra ophavsmanden, selv om der er et par millioner muligheder at vælge imellem, wordpress har klart taget krone, så kongen af de berørte medlemsstater og blogge platforme med sin fantastiske fleksibilitet.en shortcode er et af de elementer, som ratchet op brugervenlighed af systemet. de fleste anvendelser kræver stadig, at du husker shortcode selv.når du har skabt et mesterværk af et tema, anvendelighed bør ikke sakke bagud.skal jeg vise dig, hvordan man skaber shortcodes og integrere den i redaktør, så brugeren behøver ikke at tage sig gennem deres varer, bare for at kunne huske den korrekte syntaks at forankre en knap.hvad siger du så?lad os komme i gang!og, hvad er det shortco whamathingies?det kaldes en, shortcode, og det har været en del af grundlaget wordpress anlæg, da den ramte version 2. 5.dybest set, at de svarer til den, bbcodes, anvendes på den folkelige budskab bord software: let forhøjelse, der anvendes til format indhold.her, kan du definere deres egne koder til brug inden for temaet.i modsætning til bbcodes, shortcodes primært anvendes til at beskytte brugeren fra kedelige avance og eventuelle fejl.ved hjælp af en shortcode, sige, at en knap, brugeren behøver ikke at huske det komplicerede avance, der skal til for at skabe knap input.generelt er det noget af et skub til et tema er anvendelighed og eventuelt noob venlighed.,, shortcode variationer, hvis du ikke er bekendt med begrebet et bbcode, og i forlængelse heraf, shortcode, og det er den enkleste ser: [mit galleri], hvis du nogensinde har indbygget et galleri med wordpress, du har allerede brugt en shortcode!der er to ændringer, bør de også være bekendt med., [knappen] indhold [/knap] [link til = "www.net. tutsplus. kom. nettuts + [/led], vil vi gennemføre alle disse ændringer først, før de flytter over på andre, mere travlt. hver shortcode gennemførelse kræver en totrins - proces:,, 1:, skaber den primære kontaktperson metode 2:, sæt den kontaktperson for wordpress, uafhængigt af kompleksiteten af de shortcode, de centrale foranstaltninger forbliver de samme.,, 1: i stedet for strenge, må vi først lære at gennemføre den enkleste shortcode muligt.som anvendelse, lad os sige, at du stopper hver post med nogle fælles underskrivelse af teksten.kopiering og slaget er en enkel løsning, men du kan føle sig som en ignorant det.lad os ordne det her med nogle wp niftiness!,, medmindre andet er angivet, i kodeksen under går i funktioner. folkesundhedsprogrammet, trin 1: skabe den primære funktion, den primære funktion tager sig af den grundlæggende logik i deres shortcode.vi bliver nødt til at skabe det først, før proceduren., funktion signofftext() {tilbage "mange tak for det!og husk at abonnere på vores rss foder.;), trin 2: krog i wordpress, det næste skridt, som de kan påtage sig, er at finde i den wordpress system til at inddrage shortcode med denne tekst.dette gøres ved hjælp af den, add_shortcode metode., add_shortcode ('signoff "," signofftext), ja, et enkelt skib er alt hvad det kræver.den første parameter definerer shortcode, vil du være med i en redaktør, mens det andet punkt til den funktion, skabte vi et øjeblik eller siden.note:,,,, add_shortcode, metode altid kommer efter den kontaktperson metode. det burde være det.bare skriv, [signoff] til din redaktør, og wordpress vil dynamisk erstatte teksten efter behov.,, tag 2: emballage indhold, næste gang, vi kommer til at se en anden variation: indpakning nogle indhold med en avance.du er nødt til at bruge den som så: [citerer] en tekst [/citerer], trin 1: skabe den primære funktion, den primære funktion er at ændre lidt her.vi skal bemærke, at vores funktion modtager to parametre: attributter ved, atts, variable, og indholdet i sig selv gennem, indhold, variabel. det næste skridt, er ganske enkelt at vende tilbage, - - om de udvalgte tekst.funktion: ($atts $indhold = null) (modydelse på < div klasse = "tekst" > ". $indhold." "< /div > «), trin 2: krog i wordpress, dette skridt er stadig den samme:, add_shortcode (" "" "), jeg kan lide at kalde min shortcodes nøjagtigt det samme som de primære funktioner, hvis navn bliver tunge.du har din egen stil så føle sig fri til at ændre udpegelsen ordning.der er ingen accepterede bedste praksis.,, tag 3: værdiforøgende egenskaber, og endelig, at vi skal se på værdiforøgende egenskaber til blanding med.du er nødt til at bruge den som så: [link til = "www.net. tutsplus. kom. nettuts + [/led], trin 1: skabe den primære funktion, den primære funktion skal være refactored til at håndtere alle de nye funktioner, vi kommer med.det første, vi samler de attributter, vedtaget med shortcode og attributter, vi venter.du kan læse mere om proces. det sidste skridt, som altid, er ganske enkelt at vende den forhøjelse, vi ønsker efter fylde den op på passende vis.her, jeg har brugt de data, som er sendt til shortcode at udfylde anker, href, tilskriver samt indhold.fungerer forbindelsen ($atts $indhold = null) (ekstrakt (shortcode_atts (array ("til" = > "http://net.tutsplus.com), $atts) afkast < en href =". $. "" >. $indhold. < /a > «), trin 2: krog i wordpress, dette skridt forbliver uændret, men af afgørende betydning.kan du huske, uden at dette, wordpress er ikke, hvad jeg skal gøre med den shortcode., add_shortcode ("sammenhæng", "sammenhæng"), at sparke det lidt op, så er det her, du ville forvente det pædagogiske ende, men nej, du gættede forkert.som jeg nævnte tidligere, shortcodes tager en masse smerte, men der er kun få gotchas.for, at brugeren skal huske shortcodes, han har til rådighed til at foretage en relevant brug af dem, hvis du har et par, det er godt, men med træk laden temaer, husker hver en bliver en pligt.for at rette op på dette, er vi nødt til at tilføje knapper direkte til tinymce grænseflade, så brugeren kan bare klik på knappen til at få det overstået.som et eksempel vil jeg lære dig at tilføje den anden ændring til redaktør.jeg håber, du kan finde disse oplysninger for de særlige funktioner, de har i tankerne,.,, trin 1: krog i wordpress, det første skridt i processen, er, at i wordpress og tilføje vores initialization kode.følgende snippet tager sig af det.husk, alt dette skal være i jeres, functions.php, fil. add_action ('init "," add_button), beder vi wordpress at løbe den funktion, add_button, når den side er i første omgang ladt., add_action, er vores klo i wordpress' mellemrum.,, trin 2: skabe vores initialization funktion, funktion add_button() (hvis (current_user_can ('edit_posts) & & current_user_can ('edit_pages')) (add_filter ('mce_external_plugins "," add_plugin '); add_filter ('mce_buttons "," register_button');), en lille stump kode, vil blive henrettet, når side belastninger.over. vi tjekker, om brugeren har den nødvendige tilladelse til at redigere en side eller en stilling, før vi går, når det er gjort, så mødes vi to af vores [skal] funktioner til specifikke skriftlige filtre.begge disse faktisk klo i tinymce er front arkitektur ved wordpress.den første er gennemført, når den redaktør af byrder, plugins, mens den anden er løber, når de knapper er ved at blive ladt. i ovenstående eksempel, vi går videre, uanset hvilken transportform redaktør er i.hvis du vil se den, når den redaktør er i f.eks. visuelle tilstand, du bliver nødt til at foretage en hurtig undersøgelse.hvis get_user_option ('rich_editing), vurderes korrekt, er du i visuel tilstand.ellers, html tilstand.- typisk har en tendens til at tilføje disse knapper kun under visuelle tilstand, men det er gratis at blande dem her.,, trin 3: register, vores knap, funktion register_button ($knapper) (array_push ($knapper, ""); tilbage $knapper;}, funktion blot tilføjer vores shortcode til den vifte af knapper.du kan også tilføje en skillevæg mellem din nye knap og tidligere knapper af passerer i en



Previous:
Next Page: