Articles

Zvládnutí WordPress Shortcodes

by admin
  • 9 min číst
  • WordPress,Základy,Shortcodes,Techniky (WP)
  • uložit pro offline čtení
  • Sdílejte na Twitteru, LinkedIn
Zavedena v WordPress 2.5, shortcodes jsou silné, ale stále ještě poměrně neznámý WordPress funkce. Představte si, že byste mohli jednoduše zadat „adsense“ pro zobrazení reklamy AdSense nebo „post_count“, abyste okamžitě zjistili počet příspěvků na vašem blogu.

WordPress shortcodes může udělat toto a další a určitě usnadní váš blogovací život. V tomto článku vám ukážeme, jak vytvářet a používat krátké kódy, a také poskytovat zabijácké krátké kódy WordPress připravené k použití, které zlepší váš zážitek z blogování.

můžete také chtít, aby podívejte se na následující související příspěvky:

  • WordPress Shortcodes: Kompletní Průvodce
  • Vkládání Widgetů S Shortcodes
  • 10 Užitečných WordPress Smyčky Hacky

Co Jsou to Shortcodes?

použití shortcodes je velmi snadné. Použít, vytvořte nový příspěvek (nebo upravit stávající), přepněte editor do HTML režimu a zadejte krátký kód v hranatých závorkách, například:

je také možné použít atributy s shortcodes. Shortcode s atributy by vypadat nějak takto:

Shortcodes můžete také vložit obsah, jak je znázorněno zde:

Smashing Magazine

Shortcodes jsou zpracovány sadu funkcí zavedených v WordPress 2.5 tzv. Shortcode API. Když je příspěvek uložen, jeho obsah je analyzován, a zkrácený API automaticky transformuje shortcodes vykonávat funkci, kterou jsou určeny k provedení.

Vytvoření Jednoduchého Zkrácený

Ta věc, kterou nezapomeňte s shortcodes je, že jsou velmi snadné vytvořit. Pokud víte, jak napsat základní funkci PHP, pak už víte, jak vytvořit zkrácený kód WordPress. Pro naši první vytvořme známou zprávu „Ahoj, svět“.

  1. otevřete funkce.php soubor ve vašem motivu. Pokud soubor neexistuje, vytvořte jej.

  2. nejprve musíme vytvořit funkci pro vrácení řetězce „Hello World“. Vložte to do svých funkcí.soubor php:

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

  3. Nyní, když máme funkci, musíme ji změnit na krátký kód. Díky funkci add_shortcode() je to velmi snadné. Vložte tento řádek za naši funkci hello() a funkce Uložte a zavřete.soubor php:

    add_shortcode('hw', 'hello');

    první parametr je zkrácený název a druhý je funkce, která má být volána.

  4. Nyní, když je vytvořen krátký kód, můžeme jej použít v blogových příspěvcích a na stránkách. Chcete-li jej použít, jednoduše přepněte editor do režimu HTML a zadejte následující:

    hotovo! Samozřejmě, toto je velmi základní krátký kód, ale je to dobrý příklad toho, jak snadné je vytvořit jeden.

vytváření pokročilých Shortcodes

jak již bylo zmíněno, shortcodes lze použít s atributy, které jsou velmi užitečné například pro předávání argumentů funkcím. V tomto příkladu vám ukážeme, jak vytvořit krátký kód pro zobrazení adresy URL, stejně jako u BBCodes, které člověk používá na fórech, jako jsou vBulletin a PHPBB.

  1. otevřete své funkce.php soubor. Vložte následující funkce:

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

  2. zapnout funkci do shortcode:

    add_shortcode("url", "myUrl");

  3. krátký kód je nyní vytvořena. Můžete jej použít na svých příspěvcích a stránkách:

    WordPress recipes

    Při uložení post, zkrácený zobrazí odkaz s názvem „WordPress recepty“ a ukázal na http://www.wprecipes.com.

vysvětlení kódu. Pracovat správně, náš zkrácený funkce musí zvládnout dva parametry: $atts$content$atts je zkrácený atribut(y). V tomto příkladu se atribut nazývá href a obsahuje odkaz na adresu URL. $content je obsah krátký, vložené mezi domény a sub-adresáře (tj. mezi „www.example.com“ a „/podadresář“). Jak můžete vidět z kódu, zadali jsme výchozí hodnoty $content a $atts.

Nyní, když víme, jak vytvářet a používat shortcodes, pojďme se podívat na některé killer ready-to-use shortcodes!

Vytvořte krátký kód „odeslat na Twitter“

problém. Zdá se, že mnoho z vás si užil můj“ poslat na Twitter “ hack. Také jsem si ten hack opravdu užil, ale má to nevýhodu: pokud vložíte kód do svého singlu.soubor php, odkaz „Odeslat na Twitter“ bude viditelný na každém příspěvku, který možná nebudete chtít. Bylo by lepší ovládat tento hack a být schopen určit, kdy jej přidat do příspěvku. Řešení je jednoduché: krátký kód!

řešení. Tento krátký kód lze snadno vytvořit. V podstatě získáme kód z hacku“ odeslat na Twitter “ a změníme jej na funkci PHP. Do funkcí vložte následující kód.php soubor ve vašem motivu:

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

Chcete-li použít tento shortcode, stačí přepnout editor do HTML režimu a pak napište:

„Odeslat na Twitter“ se zobrazí odkaz, kde jsou umístěny zkrácený.

  • Jak na to: Vytvořit „pošlete to na twitter“ tlačítko
  • Twitter tools

Vytvořit „Přihlásit k odběru RSS“ Zkrácený

problém. Už víte, že velmi dobrý způsob, jak získat předplatitele RSS, je zobrazit pěkně vypadající pole, které říká něco jako “ Přihlásit se k odběru RSS kanálu.“Ale opět Nechceme něco do našeho tématu tvrdě zakódovat a ztratit kontrolu nad tím, jak se zdá. V tomto hacku vytvoříme krátký kód „Přihlásit se k odběru RSS“. Zobrazte jej na některých místech a ne na jiných, v příspěvcích nebo na stránkách, nad nebo pod hlavním obsahem, je to jen na vás.

řešení. Jako obvykle vytvoříme funkci a poté ji změníme na krátký kód. Tento kód jde do vašich funkcí.php soubor. Nezapomeňte nahradit příklad zdroj URL s vlastní!

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

Styling boxu. Pravděpodobně jste si všimli třídy rss-box, která byla přidána do prvku div obsahujícího odkaz. To vám umožní stylovat krabici tak, jak se vám líbí. Zde je příklad některých stylů CSS, které můžete použít do pole“ Přihlásit se k odběru RSS“. Jednoduše jej vložte do stylu.soubor css ve vašem motivu:

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

vložte Google AdSense kdekoli

problém. Většina bloggerů používá Google AdSense. Je velmi snadné zahrnout kód AdSense do souboru motivu, jako je postranní panel.Linux. Úspěšní online obchodníci však vědí, že lidé klikají více na reklamy, které jsou vloženy do samotného obsahu.

řešení. Chcete-li AdSense vložit kamkoli do svých příspěvků nebo stránek, vytvořte krátký kód:

  1. otevřete funkce.php soubor v motivu a vložte následující kód. Nezapomeňte upravit kód JavaScript pomocí vlastního kódu AdSense!

    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. po uložení funkcí.php, můžete použít následující krátký k zobrazení AdSense kdekoli na vašich příspěvcích a stránkách:

    Všimněte si, že náš AdSense kód je zabalen sadsense div prvek, můžeme styl tak, jak chceme v našem stylu.soubor css.

vysvětlení kódu. Výše uvedený kód se používá jednoduše k zobrazení reklam AdSense. Když je krátký kód vložen do příspěvku, vrátí reklamu AdSense. Je to docela snadné, ale také, budete souhlasit, real time-saver!

zdroje:

  • Jak: vložit AdSense kdekoli na vašich příspěvcích

vložit RSS čtečku

problém. Zdálo se, že mnoho čtenářů si také užívalo příspěvek „8 RSS Hacks for WordPress“ zveřejněný nedávno v časopise Smashing. Nyní, pojďme využít naše znalosti RSS a shortcodes vložit RSS čtečku přímo v našich příspěvků a stránek.

řešení. Jako obvykle, Chcete-li použít tento hack, jednoduše vložte následující kód do funkce motivu.php soubor.

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

použít krátký kód, zadejte:

feed atribut je feed URL vložte si, a num je počet položek k zobrazení.

získejte příspěvky z databáze WordPress s krátkým kódem

problém. Přáli jste si někdy zavolat seznam souvisejících příspěvků přímo v editoru WordPress? Jistě, „Související příspěvky“ plug-in můžete získat související příspěvky pro vás, ale s shortcode můžete snadno získat seznam libovolný počet příspěvků z určité kategorie.

řešení. Jako obvykle vložte tento kód do svých funkcí.php soubor.

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

Chcete-li použít, stačí vložit následující ve WordPress editoru, po přepnutí do režimu HTML:

zobrazí se seznam tří příspěvků z kategorie s ID 1. Pokud nevíte, jak získat ID konkrétní kategorie, je zde vysvětlen snadný způsob.

vysvětlení kódu. Poté, co to má extrahovat argumenty a vytvořil globální proměnnou $postssc_liste() funkce používá get_posts() s funkcí numberpostsorderorderbycategory parametry X nejnovějších příspěvků z kategorie Y. Po dokončení jsou příspěvky vloženy do neuspořádaného seznamu HTML a vráceny vám.

Zdroj:

  1. WordPress: Création de zkrácený avancé

Poslední Obrázek Připojený k Příspěvku

problém. V aplikaci WordPress lze obrázky snadno manipulovat. Ale proč to ještě neusnadnit? Podívejme se na složitější krátký kód, který automaticky získá nejnovější obrázek připojený k příspěvku.

řešení. Otevřete funkce.php soubor a vložte následující kód:

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

Chcete-li použít shortcode, jednoduše zadejte následující v editoru, když v režimu HTML:

Kód vysvětlení. Funkce sc_postimage() nejprve extrahuje atributy krátkého kódu. Pak to načte obrázek pomocí get_children()wp_get_attachment_image()wp_get_attachment_image_src() WordPress funkce. Po dokončení je obrázek vrácen a vložen do obsahu příspěvku.

zdroje:

  1. WordPress Shortcode: snadné zobrazení posledního obrázku připojeného k příspěvku

problém. I když se vám tento článek líbil, možná jste se cítili trochu frustrovaní, protože WordPress ve výchozím nastavení neumožňuje vložení krátkého kódu do widgetů postranního panelu. Naštěstí je zde malý trik, jak vylepšit funkčnost WordPress a umožnit použití krátkých kódů v widgetech postranního panelu.

řešení. Ještě jeden kus kódu vložit do svých funkcí.php soubor:

add_filter('widget_text', 'do_shortcode');

to je vše, co potřebujete, aby shortcodes v postranním panelu widgety!

vysvětlení kódu. To, co jsme udělali tady, je to docela jednoduché: jsme přidali filtr na widget_text() funkce execute do_shortcode() funkce, která používá rozhraní API k provedení zkrácený. Krátké kódy jsou tedy nyní povoleny v widgetech postranního panelu.

Smashing Editorial(al)