ved hjælp af shortcodes at fremskynde udstationering med populære tjenester,,,,, andel,,,,,,,, 3,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i dag skal vi se på, hvordan man bruger shortcodes i forbindelse med en række populære tjenesteydelser - herunder steder som youtube og flickr ved første kort beskrevet, hvordan man skaber en shortcode, og hvordan at omsætte denne tredjeparts kode ind i noget, der kan gentages, og manipuleret.,,, har vi dækket shortcodes allerede her i wptuts +, om fordelene ved at anvende dem, og hvordan man faktisk, så brug dem.shortcodes effektivt genveje (som defineret i wordpress selv), der giver et resultat, der skal opnås gentagne gange med mindst arbejde muligt.i deres mest elementære, en shortcode omfatter en kode, du har været i wordpress i en anden sag, der undertiden er produktet af en tredjemand, f.eks. en youtube - video eller en flickr - stream.,, at sammenfatte: at skabe en grundlæggende shortcode, hvis du ikke er bekendt shortcodes, så du bør nok holde op med at læse denne artikel og tjek en af de andre artikler, vi har her i tuts + om shortcodes i wordpress.,, at komme i gang med at wordpress shortcodes, wordpress shortcodes: på den rigtige måde, ressource roundup.20, at skabe shortcodes til brug i deres projekter, en shortcode er skabt ved at tilføje en funktion til din functions.php, fil, og så forbinder det op som en shortcode.nedenstående eksempel, skaber en forbindelse til appstorm hub, funktion link_to_appstorm ($atts $indhold = null) (modydelse på < en href = "http: //www.appstorm. netto" > appstorm < /a > «) add_shortcode ('appstorm "," link_to_appstorm "), for at bruge det, vi bruger den simpleste form af en shortcode uden attributter., [appstorm], kan vi tage denne ide yderligere ved at indføre en attribut, som fastsætter en specifik appstorm sted til at forbinde., funktion link_to_appstorm ($atts $indhold = null) (ekstrakt (shortcode_atts (array ('site = > www), $atts) afkast < en href =" http: //«.$sted. ". appstorm. netto "> appstorm < /a > «) add_shortcode ('appstorm", "link_to_appstorm), den tid, shortcode linker til en subdomain af appstorm.vi ved, at angive, hvilke subdomain, sted, attribut.hvis der er ingen attribut defineres i shortcode, shortcode misligholdelse det, internet, som kun kan føres tilbage til de vigtigste hjemmeside.brug eksempel vil knytte til ipad. appstorm., [appstorm site = "ipad"], som du kan se, shortcodes er temmelig selvforklarende.det, vi ønsker at gøre, er imidlertid den samme grundlæggende princip for en forbindelse, der er skabt af en shortcode med en attribut til brug i forbindelse med en ekstern tjeneste som youtube eller flickr.,, fra omfatter til shortcode, konvertering af en statisk tredjemands stykke kode til en shortcode er ret svarer til den metode, der anvendes til at skabe en link.ganske enkelt, vil vi skabe en funktion, der returnerer den kode, som shortcode og så smide et par attributter for at tilpasse det.,, trin 1.at skabe en ikke - variabel shortcode, det første skridt, vi skal tage, er at tage den regelmæssige omfatter kode, og skabe en enkel tilbagevenden funktion op. funktion youtube_video ($atts $indhold = null) (modydelse på < iframe bredde = "640" højde = "360" src = "http://www.youtube.com/embed/cayu-lf9a4y?forhold = 0 "frameborder =" 0 "allowfullscreen > < /iframe > «) add_shortcode ('youtube", "youtube_video), anvendelse, [-], på samme måde som vi skabte det første, ikke - variabel led i det første eksempel, det stykke kode over inddrager en youtube - video, som ikke vil ændre på det.og hvordan det sker temmelig selvforklarende.,, trin 2.om indførelse af visse attributter, det stykke kode i den foregående skridt vil føre til et resultat, som, hvis den var limet til redaktøren tilbage kode.medmindre du vil regelmæssigt blive givet samme video igen og igen, det shortcode sandsynligvis er ubrugelig.derfor ønsker vi at indføre en attributter til at oversætte til parametre for, iframe,., for at opnå dette skal vi endnu en gang bruge, extract(), funktion at trække attributter fra shortcode.i kode nedenfor, gør vi det i en grundlæggende form, som kun skaber en egenskab til at erstatte den video - id, funktion youtube_video ($atts $indhold = null) (ekstrakt (shortcode_atts (array ('id = > "), $atts) afkast < iframe bredde =" 640 "højde =" 360 "src =" http://www.youtube.com/embed/".- id.? rel = 0 "frameborder =" 0 "allowfullscreen > < /iframe > «) add_shortcode ('youtube", "youtube_video), anvendelse, [youtube id ="), og som erstatter den video - id, kan vi gøre det samme for den bredde, og højde.det er den tid, du vil være sikker på, at du tilbyder standardværdier for, hvis brugeren ikke sørger for en bredde og højde værdi., funktion youtube_video ($atts $indhold = null) (ekstrakt (shortcode_atts (array ("id = >", "bredde" = > 640 "," højde = > 360), $atts) afkast < iframe bredde = ".$bredde. "højde = ".$højde. "" src = "http://www.youtube.com/embed/".- id.? rel = 0 "frameborder =" 0 "allowfullscreen > < /iframe > «) add_shortcode ('youtube", "youtube_video), anvendelse, [youtube id =" bredde = "" højde = "], trin 2b. yderligere parametre, youtube har yderligere parametre, der kan føjes til den internetadresse, som f.eks. autoplay.det er klart, at disse kan anvendes til tilbage kode for med deres egen attribut, hvis det er nødvendigt.generelt er det for sig selv, og det fremgår nedenfor (tilsat dele er i fed skrift). funktion youtube_video ($atts $indhold = null) (ekstrakt (shortcode_atts (array ("id = >", "bredde (= > 640", "højde = > 360", "autoplay = > '0'), $atts) afkast < iframe bredde =".$bredde. "højde = ".$højde. "" src = "http://www.youtube.com/embed/".- id.? autoplay = ".autoplay dollars. "& rel = 0 "frameborder =" 0 "allowfullscreen > < /iframe > «) add_shortcode ('youtube", "youtube_video), anvendelse, [youtube id =" bredde = "" højde = "" autoplay = "], trin 3.færdig!det er så simpelt, og som de vil se i det følgende roundup, samme grundlæggende metode kan anvendes til at skabe shortcodes for andre tredjepartstjenester.,, yderligere eksempler, alle disse tredjeparters inddrager er skabt ved hjælp af de samme trin som ovenfor.selvfølgelig, som i trin 2b, yderligere parametre kan tilføjes på.,, vimeo, en vimeo video er indbygget i stort set på samme måde som en youtube - video, gennem en, iframe med bredde og højde variabler.den eneste tilføjelse er farven variable at bygge den aktør, funktion vimeo_video ($atts $indhold = null) (ekstrakt (shortcode_atts (array ("id = >", "bredde (= > 640", "højde = > 360", "farve = > 59a5d1), $atts) afkast < iframe src =" http://player.vimeo.com/video/".- id.? farve = ".$farve. "bredde = ".$bredde. "" højde = ".$højde. "frameborder = "0" webkitallowfullscreen allowfullscreen > < /iframe > «) add_shortcode ('vimeo "," vimeo_video), anvendelse, [vimeo id = "bredde, højde = =" "" "farve ="], twitter (profil), twitter - profil widget er en del af javascript, med en masse forskellige egenskaber, i stedet for shortcode attributter i kode nedenfor.Because there is so many, you may want to remove some and replace them with constant values (such as styling) in the actual JavaScript, or just change the default attributes in the array and forget about using them in the shortcode., function twitter_widget($atts, $content=null) { extract(shortcode_atts( array( 'username' => '', 'width' => '300', 'height' => '200', 'tweetnum' => '4', 'shellbgcolor' => 'cccccc', 'listbgcolor' => 'eeeeee', 'textcolor' => '333333', 'linkcolor' => '639ee3', 'hashtags' => 'true', 'scrollbar' => 'true', 'loop' => 'false', 'stream' => 'false', 'avatars' => "falske", "et tidsstempel = >" falske "), $atts) afkast < manuskript src =" http: //widgets. twimg. kom /j /2 /widget. er "> < /manuskript > < manuskript > nye twtr. widget ((version: 2, type:" profil, rpp: «.tweetnum dollars. "interval: 30000, bredde: «.$bredde., højde: ".$højde. ", tema: (shell: {baggrund: "#".$shellbgcolor. "", farve: "#".textcolor dollars. "}, tweets: {baggrund: "#".$listbgcolor. "", farve: "#".textcolor dollars. "links: "#".linkcolor dollars. "}}, træk: {scrollbar: «.scrollbar dollars. ", loop: «.$loop.lever: «.$strøm., hashtags: «.hashtags dollars. ", et tidsstempel: «.tidsstempel for dollars. ", avatarer: «.$avatarer.adfærd: "alle"}}). render(). setuser (".$brugernavn. '"). start(); < /manuskript > «) add_shortcode ('twitter", "twitter_widget), anvendelse, alle disse shortcode attributter er misligholdelser, undtagen brugernavn, som er nødvendig.med hensyn til, hvad der rent faktisk i den egenskab, de er selvforklarende op til, hashtags, hvor resten er sandt og falsk., [twitter brugernavn = "" tweetnum = = "" "" bredde, højde = "shellbgcolor =" "listbgcolor =" "textcolor =" "linkcolor =" "hashtags =" "scrollbar =" loop = "å =" avatarer = "timestamp ="], fløjt (knap), tweet knap er en populær social fordeling på twitter., funktion tweet_button ($atts $indhold = null) (ekstrakt (shortcode_atts (array ("brugernavn = >", "url '= >", "stil" = > "ingen"), $atts) afkast < en href = "https://twitter.com/share" klasse = "twitter andel knap" data url = ".$url. "data, grev = ".- stil. "" data via = ".$brugernavn. "> r < /a > < manuskript type = "tekst /javascript" src = //platform. twitter. kom /widgets. er "> < /manuskript > «) add_shortcode ('tweetbutton", "tweet_button), anvendelse de to første fløjt knap attributter er ikke entydigt.det sidste sæt stil for tweet knap, horisontale, vertikale eller ikke,,., [tweetbutton brugernavn = "url =" stil = "], facebook og sende knapper, som tweet knap, og send knapper er den sociale deling knapper til?.Please note these buttons also need the JavaScript SDK referenced somewhere on the current page., function facebook_buttons($atts, $content=null) { extract(shortcode_atts( array( 'width' => '450', 'showfaces' => 'false', 'colorscheme' => 'light', 'font' => 'arial' ), $atts)); return '<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <fb:like send="true" width="' . $bredde. "" show_faces = ".$showfaces. "colorscheme =".colorscheme dollars. "font = ".$skrifttype. "> < /fl: som > «) add_shortcode (ligesom "," facebook_buttons), anvendelse, de forskellige egenskaber for brug er forklaret på facebook er forbundet side, men i bund og grund, bredde er skrevet i samme format som før, showfaces, er et sandt /falsk værdi om at vise ansigter af "europæiske", colorscheme, er enten mørk eller lys og skrifttype, men en skrifttype. siden xfbml automatisk vil målrette de nuværende side, er det ikke nødvendigt at have et attributter i anvendelse, dvs. shortcode kan være så simpelt som under f.eks., - som], flickr - skilt, flickr skilt er en måde at vise dine billeder fra flickr.desværre, flickr - dims kommer med sin egen css (selv om man let kan flytte ind i dit stylesheet) og bruger tabeller til opstilling.når din færdige yderst frustrerede over den praksis, der er shortcode., funktion flickr_widget ($atts $indhold = null) (ekstrakt (shortcode_atts (array 'brugeridentifikation = > "," nam "= >" 3 "," eller "= >" tilfældige "," størrelse "= >), $atts) afkast < stil type =" tekst /css ">&#flickr_badge_source_txt (polstring: 0; skrifttype: 11px arial, helvetica, uden serif; farve:򢰪}&#flickr_badge_icon (display: block!vigtige; margen: 0.vigtige; grænse: 1px fast rgb (0, 0, 0).vigtige;}&#flickr_icon_td (polstring: 0 5px 0 0!vigtigt.}. flickr_badge_image {tekst tilpasse: center.vigtigt.}. flickr_badge_image img {grænse: 1px fast black!vigtige;}&#flickr_www (display: blok polstret: 0 10px 0 10px!vigtigt: 11px ariel skrifttypen helvetica;, uden serif!vigtigt: farve:ྙff!vigtige;}&#flickr_badge_uber_wrapper a: den,&#flickr_badge_uber_wrapper a: sammenhæng,&#flickr_badge_uber_wrapper en: aktiv,&#flickr_badge_uber_wrapper a: besøgte (tekst): ingen.vigtige; baggrund: arve.vigtigt: farve:ྙff;}&#flickr_badge_wrapper {baggrund farve:&#ffffff; grænse: faste 1px�}&#flickr_badge_source (polstring: 0.vigtigt: 11px ariel skrifttypen helvetica;, uden serif!vigtigt: farve:򢰪!vigtige;} < /stil > < tabel id = "flickr_badge_uber_wrapper" cellpadding = "0" cellspacing = "10" grænse = "0" > < tr > < td > < en href = "http://www.flickr.com" id = "flickr_www" > www. < stærke stil = "farve:ྙff" > film < span stil = "farve:&#ff1c92" > f < /span > < /stærk >. kom < /a > < tabel cellpadding = "0" cellspacing = "10" grænse = "0" id = "flickr_badge_wrapper" > < tr > < manuskript type = "tekst /javascript" src = "http://www.flickr.com/badge_code_v2.gne?grev = ".- nam.& display.$. "& størrelse = m &, layout = h & kilde: bruger & brugeren = ".$brugeridentifikation. "> < /manuskript > < /tr > < /tabel > < /td > < /tr > < /tabel > «) add_shortcode ('flickr "," flickr_widget ');, anvendelse, flickr er widget har fire grundlæggende variabler, brugeridentifikation, er brugerens id (i form af 12345678 @ n01), det øjeblik, er antallet af billeder viser,,,,, er enten seneste eller tilfældige og drejer sig om, hvordan de billeder viser, bestemmes, og den størrelse, enten er s (en lille firkantet), t (en virksomhed beskrevet) eller m (middel). [flickr brugeridentifikation = "nam" "type =" = = "størrelse"], pakker, forhåbentlig har jeg forklaret, hvordan man skaber en shortcode inden for rammerne af en ekstern tjeneste.det er forholdsvis enkelt, vi skal bare finde ud af, hvordan den oprindelige kode værker og skifte statisk variabler for attributter.det sparer tid, men også, og måske endnu vigtigere, betyder, at kodeksen kan ændres på et senere tidspunkt, samtidig med at de parametre, som gør det muligt at ændre sig, bredde på et senere tidspunkt, på tværs af alle anvendelser af de særlige shortcode.,