Articles

Masterointi WordPress Shortcodes

Jean-Baptiste Jung
  • 9 min read
  • WordPress,essentials,shortcodes,techniques (WP)

  • tallennettu offline-lukemiseen
  • Jaa Twitterissä, LinkedIn
käyttöön WordPress 2.5: ssä lyhytnumerot ovat tehokkaita, mutta vielä melko tuntemattomia WordPress-funktioita. Kuvittele, että voisit vain kirjoittaa” adsense ”näyttääksesi AdSense-mainoksen tai” post_count ” saadaksesi heti selville blogisi julkaisujen määrän.

WordPress-lyhytnumerot voivat tehdä tätä ja muuta ja helpottavat varmasti bloggauselämääsi. Tässä artikkelissa, näytämme, miten luoda ja käyttää lyhytnumeroita, sekä tarjota tappaja käyttövalmis WordPress lyhytnumeroita, jotka parantavat bloggaaminen kokemus.

kannattaa myös vilkaista seuraavia aiheeseen liittyviä julkaisuja:

  • WordPress lyhytnumerot: Täydellinen opas
  • lisäämällä widgettejä Lyhytnumeroilla
  • 10 hyödyllistä WordPress Loop Hacks

Mitä ovat lyhytnumerot?

lyhytnumeroiden käyttäminen on erittäin helppoa. Jos haluat käyttää yhtä, Luo uusi viesti (tai muokata olemassa olevaa), Vaihda editori HTML-tilaan ja kirjoita lyhytnumero suluissa, kuten:

on myös mahdollista käyttää määritteitä lyhytnumeroilla. Lyhytnumeron attribuutit näyttäisivät suunnilleen tältä:

lyhytnumeroita voi myös upottaa sisältöä, kuten tässä näkyy:

Smashing Magazine

lyhytnumeroita hoitaa joukko toimintoja käyttöön WordPress 2.5 kutsutaan Shortcode API. Kun viesti on tallennettu, sen sisältö jäsennetään, ja shortcode API automaattisesti muuttaa lyhytnumeroita suorittaa toiminnon ne on tarkoitus suorittaa.

yksinkertaisen Lyhytnumeron luominen

asia, joka lyhytnumeroilla kannattaa muistaa, on se, että ne on erittäin helppo luoda. Jos osaat kirjoittaa perus PHP-toiminto, niin osaat jo luoda WordPress lyhytnumeroon. Meidän ensimmäinen, Let ’s luoda tunnettu” Hei, maailma ” viesti.

  1. avaa funktiot.php tiedosto teema. Jos tiedostoa ei ole olemassa, luo se.
  2. ensin on luotava funktio, jolla palautetaan ”Hello World” – merkkijono. Liitä tämä toimintoihisi.php-tiedosto:

    function hello() { return 'Hello, World!';}
  3. nyt kun meillä on funktio, meidän on muutettava se lyhytnumeroksi. add_shortcode() funktion ansiosta tämä on erittäin helppo tehdä. Liitä tämä rivi hello() funktion jälkeen, Tallenna ja sulje funktiot.php-tiedosto:

    add_shortcode('hw', 'hello');

    ensimmäinen parametri on lyhytnumeron nimi ja toinen on kutsuttava funktio.

  4. nyt kun lyhytnumero on luotu, voimme käyttää sitä blogikirjoituksissa ja sivuilla. Jos haluat käyttää sitä, vaihda editori HTML-tilaan ja kirjoita seuraava:

    olet valmis! Tietenkin tämä on hyvin perus lyhytnumeroon, mutta se on hyvä esimerkki siitä, kuinka helppoa on luoda yksi.

kehittyneiden Lyhytnumeroiden luominen

kuten mainittiin, lyhytnumeroita voidaan käyttää attribuuttien kanssa, jotka ovat erittäin hyödyllisiä esimerkiksi argumenttien välittämiseen funktioille. Tässä esimerkissä, näytämme, miten luoda lyhytnumeroon näyttää URL, aivan kuten tekisit kanssa BBCodes että yksi käyttää foorumeilla, kuten VBulletin ja PHPBB.

  1. avaa funktiosi.php-tiedosto. Liitä siihen seuraava funktio:

    function myUrl($atts, $content = null) { extract(shortcode_atts(array( "href" => 'http://' ), $atts)); return '<a href="'.$href.'">'.$content.'</a>';}
  2. muutetaan funktio lyhytnumeroksi:

    add_shortcode("url", "myUrl");
  3. lyhytnumero on nyt luotu. Voit käyttää sitä virkaa ja sivuja:

    WordPress recipes

    kun tallennat viestin, shortcode näyttää linkin otsikolla ”WordPress reseptit” ja osoittaa http://www.wprecipes.com.

Koodiselitys. Toimiakseen kunnolla, meidän shortcode toiminto on käsiteltävä kaksi parametria: $atts ja $content$atts on lyhytnumeron attribuutti(t). Tässä esimerkissä attribuutin nimi on href ja se sisältää linkin URL-osoitteeseen. $content on lyhytnumeron sisältö, upotettu verkkotunnuksen ja alihakemiston väliin (eli välillä ”www.example.com” ja ”/ alihakemisto”). Kuten koodista näkyy, olemme antaneet oletusarvot $content ja $atts.

nyt kun osataan luoda ja käyttää lyhytnumeroita, katsotaan nyt jotain tappajan käyttövalmiita lyhytnumeroita!

luo ”lähetä Twitteriin” lyhytnumero

ongelma. Monet teistä pitivät ”lähetä Twitteriin” – hakkeroinnistani. Olen myös todella nauttinut, että hakata, mutta se on haittapuoli: jos liitä koodi yhden.php-tiedosto,” lähetä Twitteriin ” – linkki näkyy jokaisessa viestissä, jota et välttämättä halua. Olisi parempi valvoa tätä hakata ja pystyä määrittämään, milloin lisätä sen postitse. Ratkaisu on yksinkertainen: lyhytnumeroon!

liuos. Tämä lyhytnumeroon on helppo luoda. Pohjimmiltaan, me vain saada koodi ”Send to Twitter” hakata ja muuttaa sen PHP toiminto. Liitä funktioihin seuraava koodi.php-tiedosto teemassasi:

function twitt() { return '<div><a href="http://twitter.com/home?status=Currently reading '.get_permalink($post->ID).'" title="Click to send this page to Twitter!" target="_blank">Share on Twitter</a></div>';}add_shortcode('twitter', 'twitt');

käyttääksesi tätä lyhytnumeroa, vaihda editori HTML-tilaan ja kirjoita sitten:

ja ”lähetä Twitteriin” – linkki ilmestyy, johon olet sijoittanut lyhytnumeron.

  • miten: luo ”lähetä tämä Twitteriin” – painike
  • Twitter-työkalut

luo ”Tilaa RSS” – lyhytnumero

ongelma. Tiedät jo, että erittäin hyvä tapa saada RSS-tilaajille on näyttää mukavan näköinen laatikko, jossa lukee jotain ” Tilaa RSS-syöte.”Mutta jälleen kerran, emme todellakaan halua hard-koodi jotain meidän teema ja menettää kontrollin, miten se näkyy. Tässä hakata, luomme ”Tilaa RSS” lyhytnumeroon. Näytä se joissakin paikoissa eikä toisissa, virkaa tai sivuilla, ylä-tai alapuolella pääsisältö, se on kaikki sinusta kiinni.

liuos. Kuten tavallista, luomme toiminnon ja sitten muuttaa sen lyhytnumeroon. Tämä koodi menee toimintoihisi.php-tiedosto. Älä unohda korvata esimerkki syötteen URL Oman!

function subscribeRss() { return '<div class="rss-box"><a href="http://feeds.feedburner.com/wprecipes">Enjoyed this post? Subscribe to my RSS feeds!</a></div>';}add_shortcode('subscribe', 'subscribeRss');

Stailaa laatikko. Todennäköisesti huomasit rss-box Luokka, joka lisättiin linkin sisältävään Div-elementtiin. Näin voit muotoilla laatikon haluamallasi tavalla. Tässä on esimerkki joitakin CSS tyylejä voit hakea ”Tilaa RSS” ruutuun. Yksinkertaisesti liitä se tyyliin.CSS-tiedosto teemassa:

.rss-box{ background:#F2F8F2; border:2px #D5E9D5 solid; font-weight:bold; padding:10px;}

lisää Google AdSense missä tahansa

ongelma. Useimmat bloggaajat käyttävät Google AdSense. On erittäin helppo sisällyttää AdSense-koodi teematiedostoon, kuten sivupalkkiin.php. Mutta onnistunut online markkinoijat tietävät, että ihmiset klikkaavat enemmän mainoksia, jotka on upotettu itse sisältöön.

liuos. Voit upottaa AdSense missä tahansa virkaa tai sivuja, luoda lyhytnumeroon:

  1. avaa toiminnot.php tiedosto teema ja liitä seuraava koodi. Älä unohda muokata JavaScript-koodia omalla AdSense-koodilla!

    function showads() { return '<div><script type="text/javascript"><!-- google_ad_client = "pub-XXXXXXXXXXXXXX"; google_ad_slot = "4668915978"; google_ad_width = 468; google_ad_height = 60; //--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>';}add_shortcode('adsense', 'showads');
  2. kun on tallennettu funktioita.php, voit käyttää seuraavia lyhytnumeroon näyttää AdSense missä tahansa virkaa ja sivut:

    huomaa, että AdSense-koodimme on kääritty adsense div-elementtiin, voimme tyylillämme stailata sen haluamallamme tavalla.CSS-tiedosto.

Koodiselitys. Yllä olevaa koodia käytetään yksinkertaisesti AdSense-mainosten näyttämiseen. Kun lyhytnumeroon lisätään postitse, se palauttaa AdSense mainos. Se on melko helppoa, mutta myös, olet samaa mieltä, todellinen ajansäästäjä!

lähteet:

  • miten: upota AdSense missä tahansa viesteissäsi

upota RSS-lukija

ongelma. Monet lukijat näyttivät myös nauttia” 8 RSS Hacks for WordPress ” post julkaistu Smashing Magazine äskettäin. Nyt, olkaamme käyttää tietoamme sekä RSS ja lyhytnumeroita upottaa RSS-lukija oikealle meidän virkaa ja sivuja.

liuos. Kuten tavallista, soveltaa tätä hakata, yksinkertaisesti liitä seuraava koodi teeman toiminto.php-tiedosto.

//This file is needed to be able to use the wp_rss() function.include_once(ABSPATH.WPINC.'/rss.php');function readRss($atts) { extract(shortcode_atts(array( "feed" => 'http://', "num" => '1', ), $atts)); return wp_rss($feed, $num);}add_shortcode('rss', 'readRss');

käyttääksesi lyhytnumeroa, Kirjoita:

feed attribuutti on syöte URL upottaa, ja num on numero näytettävistä esineistä.

Hanki viestejä WordPress-tietokannasta Lyhytnumerolla

ongelma. Oletko koskaan toivonut, että voisit soittaa listan liittyviä virkoja suoraan WordPress editor? Toki, the” Related posts ” plug-in voi hakea liittyviä viestejä sinulle, mutta lyhytnumeroon voit helposti saada luettelon tahansa määrä virkoja tietyn luokan.

liuos. Kuten tavallista, liitä tämä koodi toimintoja.php-tiedosto.

function sc_liste($atts, $content = null) { extract(shortcode_atts(array( "num" => '5', "cat" => ’ ), $atts)); global $post; $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat); $retour='<ul>'; foreach($myposts as $post) : setup_postdata($post); $retour.='<li><a href="'.get_permalink().'">'.the_title("","",false).'</a></li>'; endforeach; $retour.='</ul> '; return $retour;}add_shortcode("list", "sc_liste");

käyttääksesi sitä, yksinkertaisesti liitä seuraava WordPress-muokkaimeen siirryttyäsi HTML-tilaan:

Tämä näyttää listan kategorian kolmesta virasta, joiden ID on 1. Jos et tiedä, miten saada tunniste tietyn luokan, helppo tapa on selitetty täällä.

Koodiselitys. Kun se on poiminut argumentit ja luonut kokonaismuuttujan $postssc_liste() funktio käyttää get_posts() funktiota numberpostsorderorderby ja category parametrit, joilla saa X: n viimeisimmät viestit y-kategoriasta. Kun valmis, viestit upotetaan järjestämättömään HTML-luetteloon ja palautetaan sinulle.

lähde:

  1. WordPress: Création de shortcode avancé

Hanki viimeinen kuva postaukseen

ongelma. WordPressissä kuvia on melko helppo manipuloida. Mutta miksi et tekisi sitä vielä helpommaksi? Katsotaanpa monimutkaisempi lyhytnumeroon, joka automaattisesti saa uusimman kuvan liitteenä postitse.

liuos. Avaa toiminnot.php tiedosto ja liitä seuraava koodi:

function sc_postimage($atts, $content = null) { extract(shortcode_atts(array( "size" => 'thumbnail', "float" => 'none' ), $atts)); $images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . get_the_id() ); foreach( $images as $imageID => $imagePost ) $fullimage = wp_get_attachment_image($imageID, $size, false); $imagedata = wp_get_attachment_image_src($imageID, $size, false); $width = ($imagedata+2); $height = ($imagedata+2); return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>';}add_shortcode("postimage", "sc_postimage");

käyttääksesi lyhytnumeroa, Kirjoita muokkaimeen seuraava, Kun olet HTML-tilassa:

Koodiselitys. sc_postimage() funktio poimii ensin lyhytnumeron attribuutit. Sitten se hakee kuvan käyttämällä get_children()wp_get_attachment_image() ja wp_get_attachment_image_src() WordPress-funktioita. Kun valmis, kuva palautetaan ja lisätään viestin sisältöön.

lähteet:

  1. WordPress Shortcode: näyttää helposti postiin liitetyn viimeisen kuvan

ongelma. Vaikka olet nauttinut tämän artikkelin, olet ehkä tuntenut hieman turhautunut, koska oletuksena, WordPress ei salli lyhytnumeroon lisätään sivupalkin widgetit. Onneksi, tässä on pieni temppu parantaa WordPress toiminnallisuutta ja mahdollistaa lyhytnumeroita voidaan käyttää sivupalkin widgetit.

liuos. Vielä yksi pala koodia liittää toimintoja.php tiedosto:

add_filter('widget_text', 'do_shortcode');

se on kaikki mitä tarvitset sallia lyhytnumeroita sivupalkin widgetit!

Koodiselitys. Mitä teimme täällä on melko yksinkertainen: lisäsimme suodattimen widget_text() funktio suorittaa do_shortcode() funktio, joka käyttää API suorittaa shortcode. Siten, lyhytnumeroita ovat nyt käytössä sivupalkin widgetit.

Smashing Editorial(al)