Articles

a WordPress rövid kódok elsajátítása

by admin
  • 9 perc olvasni
  • WordPress,essentials,shortcodes, technikák (WP)
  • mentett offline olvasás
  • Share on Twitter, LinkedIn

a WordPress 2.5-ben bevezetett rövid kódok erőteljes, de még mindig meglehetősen ismeretlen WordPress funkciók. Képzelje el, hogy csak beírhatja az “adsense” szót egy AdSense hirdetés megjelenítéséhez, vagy a “post_count” szót, hogy azonnal megtudja a blogjában szereplő bejegyzések számát.

a WordPress shortcodes képes erre és többre, és biztosan megkönnyíti a blogolás életét. Ebben a cikkben megmutatjuk, hogyan hozhat létre és használhat rövid kódokat, valamint gyilkos használatra kész WordPress rövid kódokat biztosít, amelyek javítják a blogolási élményt.

Ön is szeretné, hogy vessen egy pillantást a következő Kapcsolódó hozzászólások:

  • WordPress Shortcodes: a teljes útmutató
  • beszúrása widgetek Shortcodes
  • 10 hasznos WordPress Loop Hacks

mik Shortcodes?

a rövid kódok használata nagyon egyszerű. Az egyik használatához hozzon létre egy új bejegyzést (vagy szerkesszen egy meglévőt), kapcsolja át a szerkesztőt HTML módba, és írjon be egy rövid kódot zárójelbe, például:

az attribútumok rövid kódokkal is használhatók. Az attribútumokkal ellátott rövid kód valahogy így néz ki:

a rövid kódok beágyazhatnak tartalmat is, amint az itt látható:

Smashing Magazine

a rövid kódokat a WordPress 2.5-ben bevezetett funkciók kezelik, az úgynevezett rövid kód API. Amikor egy bejegyzés mentésre kerül, annak tartalma elemzésre kerül, és a shortcode API automatikusan átalakítja a rövid kódokat, hogy elvégezzék a kívánt funkciót.

létrehozása egyszerű Shortcode

a dolog, hogy emlékezzen a shortcodes, hogy ők nagyon könnyű létrehozni. Ha tudja, hogyan kell írni egy alapvető PHP funkciót, akkor már tudja, hogyan kell létrehozni egy WordPress rövid kódot. Az elsőhöz hozzuk létre a jól ismert “Hello, World” üzenetet.

  1. nyissa meg a függvényeket.php fájl a témában. Ha a fájl nem létezik, hozza létre.

  2. először létre kell hoznunk egy függvényt a “Hello World” karakterlánc visszaadásához. Illessze be ezt a funkcióiba.php file:

    function hello() { return 'Hello, World!';}

  3. most, hogy van egy funkciónk, rövid kóddá kell alakítanunk. A add_shortcode() funkciónak köszönhetően ez nagyon egyszerű. Illessze be ezt a sort a hello() függvény után, majd mentse el és zárja be a függvényeket.php file:

    add_shortcode('hw', 'hello');

    az első paraméter a rövid kód neve, a második pedig a hívandó függvény.

  4. most, hogy elkészült a rövid kód, használhatjuk blogbejegyzésekben és oldalakon. A használatához egyszerűen váltson a szerkesztőt HTML módba, és írja be a következőt:

    kész vagy! Természetesen ez egy nagyon alapvető rövid kód, de jó példa arra, hogy milyen könnyű létrehozni.

speciális rövid kódok létrehozása

mint említettük, a rövid kódok olyan attribútumokkal használhatók, amelyek nagyon hasznosak például az argumentumok függvényekhez történő továbbításához. Ebben a példában megmutatjuk, hogyan lehet létrehozni egy rövid kódot az URL megjelenítéséhez, ugyanúgy, mint a BBCodes, amelyet az egyik olyan fórumokon használ, mint a VBulletin és a PHPBB.

  1. nyissa meg a funkciókat.php fájl. Illessze be a következő funkciót:

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

  2. fordítsuk a funkciót rövid kódra:

    add_shortcode("url", "myUrl");

  3. a rövid kód most létrejött. Használhatja a bejegyzéseiben és oldalain:

    WordPress recipes

    amikor elmentesz egy bejegyzést, a rövid kód egy “WordPress recipes” nevű linket jelenít meg, amely ahttp://www.wprecipes.com hivatkozásra mutat.

Kód magyarázat. A megfelelő működéshez a rövid kód funkciónknak két paramétert kell kezelnie: $atts és $content$atts a rövid kód attribútum(ok). Ebben a példában az Attribútum neve href, és egy URL-re mutató hivatkozást tartalmaz. $content a rövid kód tartalma, beágyazva a domain és az alkönyvtár közé (azaz a “www.example.com ” és” / alkönyvtár”). Amint a kódból látható, alapértelmezett értékeket adtunk meg $content és $atts.

most, hogy tudjuk, hogyan kell létrehozni és használni shortcodes, nézzük meg néhány gyilkos használatra kész shortcodes!

hozzon létre egy” Küldés a Twitterre”rövid kódot

a probléma. Úgy tűnik, hogy sokan élvezték a “Küldés a Twitterre” hack. Én is nagyon élveztem, hogy a hack, de van egy hátránya: ha beilleszti a kódot a single.php fájl, a” Küldés a Twitterre ” link minden bejegyzésen látható lesz, amelyet esetleg nem akar. Jobb lenne, hogy ellenőrizzék ezt a hack, és képes meghatározni, hogy mikor kell hozzáadni egy bejegyzést. A megoldás egyszerű: rövid kód!

a megoldás. Ezt a rövid kódot egyszerű létrehozni. Alapvetően csak megkapjuk a kódot a” Küldés a Twitterre ” hackből, és PHP függvénygé alakítjuk. Illessze be a következő kódot a funkciókba.php fájl a témában:

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');

a rövid kód használatához egyszerűen kapcsolja át a szerkesztőt HTML módba, majd írja be:

és megjelenik egy “Küldés a Twitterre” link, ahol a rövid kódot elhelyezte.

  • hogyan kell: hozzon létre egy “küldje el ezt a twitter” gomb
  • Twitter eszközök

hozzon létre egy “Feliratkozás RSS” Shortcode

a probléma. Már tudja, hogy az RSS-előfizetők megszerzésének nagyon jó módja egy szép megjelenésű doboz megjelenítése, amely valami ilyesmit mond: “iratkozzon fel az RSS-hírcsatornára.”De még egyszer, nem igazán akarunk valamit kódolni a témánkba, és elveszíteni az irányítást a megjelenés felett. Ebben a hack, majd hozzon létre egy “Feliratkozás RSS” shortcode. Jelenítse meg egyes helyeken, máshol nem, bejegyzésekben vagy oldalakon, a fő tartalom felett vagy alatt, mindez rajtad múlik.

a megoldás. Mint általában, létrehozunk egy funkciót, majd rövid kóddá alakítjuk. Ez a kód megy be a funkciókat.php fájl. Ne felejtsd el kicserélni a példa hírcsatorna URL-jét a sajátodra!

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');

a doboz formázása. Valószínűleg észrevette arss-box osztályt, amelyet hozzáadtak a linket tartalmazó div elemhez. Ez lehetővé teszi, hogy a dobozt tetszés szerint formázza. Íme egy példa néhány CSS stílusra, amelyet alkalmazhat az” Feliratkozás az RSS-re ” mezőbe. Egyszerűen illessze be a stílusba.css fájl a téma:

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

helyezze be a Google AdSense bárhol

a probléma. A legtöbb blogger a Google AdSense szolgáltatást használja. Nagyon könnyű felvenni az AdSense kódot egy témafájlba, például az oldalsávba.php. De a sikeres online marketingszakemberek tudják, hogy az emberek többet kattintanak a tartalomba ágyazott hirdetésekre.

a megoldás. Az AdSense beágyazásához bárhol a bejegyzéseiben vagy oldalain hozzon létre egy rövid kódot:

  1. nyissa meg a funkciókat.php fájlt a témát, és illessze be a következő kódot. Ne felejtse el módosítani a JavaScript kódot a saját AdSense kódjával!

    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. a funkciók mentése után.php, akkor a következő shortcode megjelenítéséhez AdSense bárhol a hozzászólások és oldalak:

    vegye figyelembe, hogy az AdSense kód van csomagolva egyadsense div elem, tudjuk stílus azt, ahogy akarjuk a stílus.css fájl.

Kód magyarázat. A fenti kódot egyszerűen az AdSense hirdetések megjelenítésére használják. Amikor a rövid kódot beillesztik egy bejegyzésbe, AdSense hirdetést ad vissza. Ez elég egyszerű, hanem, akkor egyetértek, egy valós idejű-saver!

források:

  • hogyan: Embed AdSense bárhol a hozzászólások

Embed egy RSS olvasó

a probléma. Sok olvasó is úgy tűnt, hogy élvezze a” 8 RSS Hacks For WordPress ” post megjelent Smashing magazin a közelmúltban. Most használjuk mind az RSS, mind a rövid kódok ismereteit, hogy beágyazzunk egy RSS olvasót közvetlenül a bejegyzéseinkbe és oldalainkba.

a megoldás. Mint általában, a hack alkalmazásához egyszerűen illessze be a következő kódot a téma funkciójába.php fájl.

//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');

a rövid kód használatához írja be:

a feed az attribútum a beágyazandó hírcsatorna URL, a num pedig a megjelenítendő elemek.

Get Hozzászólások WordPress adatbázis egy Shortcode

a probléma. Valaha azt kívánta, hogy hívja fel a kapcsolódó hozzászólások listáját közvetlenül a WordPress szerkesztőben? Persze, a “kapcsolódó hozzászólások” plug-in lekérheti a kapcsolódó hozzászólásokat az Ön számára, de rövid kóddal könnyen kaphat egy listát tetszőleges számú hozzászólásról egy adott kategóriából.

a megoldás. Mint általában, illessze be ezt a kódot a funkcióiba.php fájl.

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");

használatához egyszerűen illessze be a következőket a WordPress szerkesztőbe, miután HTML módba váltott:

Ez a kategória három bejegyzésének listáját jeleníti meg 1 azonosítóval. Ha nem tudja, hogyan szerezheti be egy adott kategória azonosítóját, itt egy egyszerű módszert ismertetünk.

Kód magyarázat. Miután kibontotta az argumentumokat és létrehozta a globális változót $posts, a sc_liste() függvény a get_posts() függvényt használja a numberpostsorderorderby and category paramétereket, hogy az X legújabb hozzászólás kategória Y. Miután elkészült, a bejegyzések beágyazódnak egy rendezetlen HTML listába, és visszaküldik Önnek.

forrás:

  1. WordPress: Cr Rövidkód de rövidkód avanc

Szerezd meg az utolsó képet egy bejegyzéshez

a probléma. A WordPress-ben a képeket meglehetősen könnyű manipulálni. De miért nem teszi még könnyebbé? Nézzünk meg egy összetettebb rövid kódot, amely automatikusan megkapja a bejegyzéshez csatolt legújabb képet.

a megoldás. Nyissa meg a funkciókat.php fájlba illessze be a következő kódot:

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");

a rövid kód használatához HTML módban egyszerűen írja be a következőket a szerkesztőbe:

Kód magyarázat. A sc_postimage() függvény először kibontja a rövid kód attribútumokat. Ezután beolvassa a képet a get_children()wp_get_attachment_image() és wp_get_attachment_image_src() WordPress funkciók használatával. Miután elkészült, a kép visszakerül és beillesztésre kerül a bejegyzés tartalmába.

források:

  1. WordPress rövid kód: könnyen megjeleníti az utolsó csatolt kép post

a probléma. Még akkor is, ha élvezte ezt a cikket, lehet, hogy kissé csalódottnak érezte magát, mert alapértelmezés szerint a WordPress nem engedélyezi a rövid kód beillesztését az oldalsáv widgetjeibe. Szerencsére itt van egy kis trükk a WordPress funkcionalitásának javításához, és lehetővé teszi a rövid kódok használatát az oldalsáv widgetekben.

a megoldás. Még egy darab kódot, hogy illessze be a funkciókat.php fájl:

add_filter('widget_text', 'do_shortcode');

Ez minden, amire szükség van, hogy shortcodes oldalsáv kütyü!

Kód magyarázat. Amit itt tettünk, nagyon egyszerű: hozzáadtunk egy szűrőt a widget_text() függvényhez a do_shortcode() függvény végrehajtásához, amely az API-t használja a rövid kód végrehajtásához. Így a rövid kódok mostantól engedélyezve vannak az oldalsáv widgetekben.

hatalmas szerkesztői(al)