Articles

Mastering WordPress Scurtăturile

by admin
  • 9 min citit
  • WordPress,Essentials,scurtăturile,tehnici (WP)
  • salvate pentru lectură offline
  • Share on Twitter, LinkedIn
introdus în WordPress 2.5, scurtăturile sunt puternice, dar încă destul de necunoscute funcții WordPress. Imaginați-vă că puteți tasta „adsense” pentru a afișa un anunț AdSense sau „post_count” pentru a afla instantaneu Numărul de postări de pe blogul dvs.

WordPress scurtăturile pot face acest lucru și mai mult și va face cu siguranta viata blogging-ul mai ușor. În acest articol, vă vom arăta cum să creați și să utilizați scurtăturile, precum și să oferiți codurilor scurte WordPress gata de utilizare, care vă vor îmbunătăți experiența de blogging.

ați putea dori, de asemenea, să aruncăm o privire la următoarele posturi conexe:

  • WordPress Scurtăturile: un ghid complet
  • introducerea widget-uri cu Scurtăturile
  • 10 utile WordPress buclă Hacks

ce sunt Scurtăturile?

folosind scurtăturile este foarte ușor. Pentru a utiliza una, creați o postare nouă (sau editați una existentă), comutați editorul în modul HTML și tastați un cod scurt între paranteze, cum ar fi:

de asemenea, este posibil să utilizați atribute cu coduri scurte. Un cod scurt cu atribute ar arata ceva de genul:

Scurtăturile pot încorpora, de asemenea, conținut, așa cum se arată aici:

Smashing Magazine

Scurtăturile sunt gestionate de un set de funcții introduse în WordPress 2.5 numit API cod scurt. Atunci când un post este salvat, conținutul său este analizat, iar API shortcode transformă automat scurtăturile pentru a îndeplini funcția pe care sunt destinate să efectueze.

crearea unui cod scurt simplu

lucru de reținut cu Scurtăturile este că acestea sunt foarte ușor de a crea. Dacă știți cum să scrieți o funcție PHP de bază, atunci știți deja cum să creați un cod scurt WordPress. Pentru prima noastră, să creăm binecunoscutul mesaj „Bună ziua, lume”.

  1. deschideți funcțiile.fișier php în tema. Dacă fișierul nu există, creați-l.

  2. În primul rând, trebuie să creăm o funcție pentru a returna șirul „Hello World”. Lipiți acest lucru în funcțiile dvs.fișier php: 

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

  3. acum că avem o funcție, trebuie să o transformăm într-un cod scurt. Datorită funcției add_shortcode(), acest lucru este foarte ușor de făcut. Lipiți această linie după funcția hello(), apoi salvați și închideți funcțiile.fișier php: 

    add_shortcode('hw', 'hello');

    primul parametru este numele codului scurt, iar al doilea este funcția care trebuie apelată.

  4. acum că codul scurt este creat, îl putem folosi în postări pe blog și pe pagini. Pentru a-l utiliza, pur și simplu comutați editorul în modul HTML și tastați următoarele:

    ați terminat! Desigur, acesta este un cod scurt foarte simplu, dar este un bun exemplu despre cât de ușor este să creezi unul.

crearea Scurtăturile avansate

după cum sa menționat, scurtăturile pot fi folosite cu atribute, care sunt foarte utile, de exemplu, pentru a trece argumente pentru funcții. În acest exemplu, vă vom arăta cum să creați un cod scurt pentru a afișa o adresă URL, la fel cum ați face cu BBCodes pe care o folosește pe forumuri, cum ar fi vBulletin și PHPBB.

  1. deschideți funcțiile.fișier php. Lipiți următoarea funcție în ea: 

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

  2. să transformăm funcția într-un cod scurt: 

    add_shortcode("url", "myUrl");

  3. codul scurt este acum creat. Îl puteți folosi pe postările și paginile dvs:

    WordPress recipes

    când salvați o postare, codul scurt va afișa un link intitulat „rețete WordPress” și va indicahttp://www.wprecipes.com.

explicație Cod. Pentru a funcționa corect, funcția noastră cod scurt trebuie să se ocupe de doi parametri:$atts și$content$atts este atributul cod scurt(e). În acest exemplu, atributul se numește href și conține un link către o adresă URL. $content este conținutul codului scurt, încorporat între domeniu și subdirector (adică între „www.example.com „și” /subdirector”). După cum puteți vedea din cod, am dat valori implicite $content și $atts.

acum, că știm cum să creeze și să utilizeze scurtăturile, să ne uităm la unele killer scurtăturile gata de utilizare!

creați un” Trimite la Twitter”cod scurt

problema. Se pare că o mulțime de tine bucurat meu „trimite la Twitter” hack. De asemenea, mi-a plăcut foarte mult acel hack, dar are un dezavantaj: dacă lipiți codul în single-ul dvs.fișierul php, linkul „Trimiteți pe Twitter” va fi vizibil pe fiecare postare, pe care poate nu o doriți. Ar fi mai bine să controlați acest hack și să puteți specifica când să îl adăugați la o postare. Soluția este simplă: un cod scurt!

soluția. Acest cod scurt este simplu de a crea. Practic, primim doar codul de la hack-ul „Trimite pe Twitter” și îl transformăm într-o funcție PHP. Lipiți următorul cod în funcții.fișier php în tema ta:

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

pentru a utiliza acest cod scurt, pur și simplu comutați editorul în modul HTML și apoi tastați:

și va apărea un link „trimite pe Twitter” unde ați plasat codul scurt.

  • cum să: creați un buton „Trimiteți acest lucru la twitter”
  • instrumente Twitter

creați un cod scurt” Abonați-vă la RSS”

problema. Știți deja că o modalitate foarte bună de a câștiga abonați RSS este să afișați o cutie cu aspect frumos care spune ceva de genul „Abonați-vă la fluxul RSS.”Dar, încă o dată, nu vrem cu adevărat să codificăm ceva în tema noastră și să pierdem controlul asupra modului în care apare. În acest hack, vom crea un” Aboneaza-te la RSS ” cod scurt. Afișați-l în unele locuri și nu în altele, în postări sau pe pagini, deasupra sau dedesubtul conținutului principal, depinde de dvs.

soluția. Ca de obicei, creăm o funcție și apoi o transformăm într-un cod scurt. Acest cod intră în funcțiile tale.fișier php. Nu uitați să înlocuiți URL-ul de alimentare exemplu cu propria ta!

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 caseta. Probabil ați observatrss-box clasa care a fost adăugată la elementul div care conține linkul. Acest lucru vă permite să stil caseta așa cum vă place. Iată un exemplu al unor stiluri CSS pe care le puteți aplica casetei „Abonați-vă la RSS”. Pur și simplu lipiți-l în stil.fișier css în tema: 

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

introduceți Google AdSense oriunde

problema. Majoritatea bloggerilor folosesc Google AdSense. Este foarte ușor să includeți codul AdSense într-un fișier tematic, cum ar fi bara laterală.php. Dar marketerii online de succes știu că oamenii fac clic mai mult pe anunțurile care sunt încorporate în conținutul în sine.

soluția. Pentru a încorpora AdSense oriunde în postările sau paginile dvs., creați un cod scurt:

  1. deschideți funcțiile.fișier php în tema și lipiți următorul cod. Nu uitați să modificați codul JavaScript cu propriul cod 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. după ce ați salvat funcțiile.php, puteți utiliza următorul cod scurt pentru a afișa AdSense oriunde pe postările și paginile dvs:

    rețineți că codul nostru AdSense este înfășurat cu unadsense element div, îl putem stiliza așa cum ne dorim în stilul nostru.fișier css.

explicație Cod. Codul de mai sus este folosit pur și simplu pentru a afișa anunțuri AdSense. Când codul scurt este introdus într-o postare, acesta returnează un anunț AdSense. Este destul de ușor, dar, de asemenea, veți fi de acord, un economizor de timp real!

surse:

  • cum să: încorporați AdSense oriunde pe postările dvs.

încorporați un cititor RSS

problema. Mulți cititori, de asemenea, părea să se bucure de „8 RSS Hacks pentru WordPress” post publicat pe Smashing Magazine recent. Acum, să folosim cunoștințele noastre despre RSS și scurtăturile pentru a încorpora un cititor RSS chiar în postările și paginile noastre.

soluția. Ca de obicei, pentru a aplica acest hack, pur și simplu lipiți următorul cod în funcția temei dvs.fișier php.

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

pentru a utiliza codul scurt, tastați:

feed atributul este URL-ul de alimentare pentru a încorpora, și num este numărul de elemente pentru a afișa.

Obțineți postări din Baza de date WordPress cu un cod scurt

problema. Ați dorit vreodată să puteți apela o listă de postări conexe direct în editorul WordPress? Sigur, plug-in-ul” postări conexe ” poate prelua postări conexe pentru dvs., dar cu un cod scurt puteți obține cu ușurință o listă cu orice număr de postări dintr-o anumită categorie.

soluția. Ca de obicei, lipiți acest cod în funcțiile dvs.fișier php.

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

pentru a-l utiliza, pur și simplu lipiți următoarele în editorul WordPress, după trecerea la modul HTML:

aceasta va afișa o listă de trei postări din categoria cu un ID de 1. Dacă nu știți cum să obțineți ID-ul unei anumite categorii, o modalitate ușoară este explicată aici.

explicație Cod. După ce a extras argumentele și a creat variabila globală$posts, funcțiasc_liste() folosește funcțiaget_posts() cunumberpostsorderorderby șicategory parametrii pentru a obține x Cele mai recente posturi din categoria Y. După ce ați terminat, postările sunt încorporate într-o listă HTML neordonată și vi se returnează.

Sursa:

  1. WordPress: Cr de cod scurt avanc

ia ultima imagine atașat la un Post

problema. În WordPress, imaginile sunt destul de ușor de manipulat. Dar de ce nu face chiar mai ușor? Să ne uităm la un cod scurt mai complex, unul care primește automat cea mai recentă imagine atașată la o postare.

soluția. Deschideți funcțiile.fișier php și lipiți următorul cod:

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

pentru a utiliza codul scurt, pur și simplu tastați următoarele în editor, atunci când în modul HTML:

explicație Cod. Funcțiasc_postimage() extrage mai întâi atributele codului scurt. Apoi, preia imaginea folosindget_children()wp_get_attachment_image() șiwp_get_attachment_image_src() funcții WordPress. După ce ați terminat, imaginea este returnată și inserată în conținutul postării.

surse:

  1. WordPress cod scurt: afișa cu ușurință ultima imagine atașat la post

problema. Chiar dacă ți-a plăcut acest articol, este posibil să te fi simțit puțin frustrat, deoarece, în mod implicit, WordPress nu permite introducerea codului scurt în Widgeturile din bara laterală. Din fericire, iată un mic truc pentru a îmbunătăți funcționalitatea WordPress și pentru a permite utilizarea codurilor scurte în Widgeturile din bara laterală.

soluția. Încă o bucată de cod pentru a lipi în funcțiile.fișier php: 

add_filter('widget_text', 'do_shortcode');

asta e tot ce ai nevoie pentru a permite scurtăturile în widget-uri bara laterală!

explicație Cod. Ceea ce am făcut aici este destul de simplu: am adăugat un filtru pe widget_text() funcție pentru a executa do_shortcode() funcție, care folosește API-ul pentru a executa codul scurt. Astfel, scurtăturile sunt acum activate în widget-uri bara laterală.

zdrobitor Editorial(al)