Articles

Mastering WordPress Kortkoder

Jean-Baptiste Jung
  • 9 min lese
  • wordpress,essentials,shortcodes,techniques (wp)
  • lagret for offline lesing

Introdusert I WordPress 2.5, kortkoder er kraftige, men likevel ganske ukjente WordPress-funksjoner. Tenk deg at du bare kan skrive «adsense» for å vise En AdSense-annonse eller «post_count» for å umiddelbart finne ut antall innlegg på bloggen din.

WordPress kortkoder kan gjøre dette og mer, og vil definitivt gjøre blogging livet enklere. I denne artikkelen vil vi vise deg hvordan du lager og bruker kortkoder, samt gi killer klar Til Bruk WordPress kortkoder som vil forbedre din bloggopplevelse.

Du kan også være lurt å ta en titt på følgende relaterte innlegg:

  • WordPress Kortkoder: En Komplett Guide
  • Sette Inn Widgets Med Kortkoder
  • 10 Nyttige WordPress Loop Hacks

Hva Er Kortkoder?

Det Er veldig enkelt å Bruke kortkoder. For å bruke en, opprett et nytt innlegg( eller rediger en eksisterende), bytt redaktøren TIL HTML-modus og skriv en kortkode i parentes, for eksempel:

det er også mulig å bruke attributter med kortkoder. En snarvei med attributter ville se omtrent slik ut:

Kortkoder kan også legge inn innhold, som vist her:

Smashing Magazine

Kortkoder håndteres av et sett med funksjoner introdusert I WordPress 2.5 kalt Snarvei API. Når et innlegg er lagret, er innholdet analyseres, OG snarvei API forvandler automatisk kortkoder til å utføre den funksjonen de er ment å utføre.

Opprette En Enkel Snarvei

tingen å huske med kortkoder er at de er veldig enkle å lage. Hvis du vet hvordan du skriver en GRUNNLEGGENDE PHP-funksjon, vet du allerede hvordan Du lager En WordPress-kortkode. For vår første, la oss lage den velkjente» Hei, Verden » – meldingen.

  1. Åpne funksjonene.php-fil i temaet ditt. Hvis filen ikke finnes, oppretter du den.
  2. Først må vi opprette en funksjon for å returnere» Hello World » – strengen. Lim inn dette i funksjonene dine.php-fil:

    function hello() { return 'Hello, World!';}
  3. Nå som vi har en funksjon, må vi gjøre den til en kortkode. Takket væreadd_shortcode() – funksjonen, er dette veldig enkelt å gjøre. Lim inn denne linjen etter vår hello() funksjon, og lagre og lukk funksjonene.php-fil:

    add_shortcode('hw', 'hello');

    den første parameteren er kortnummeret, og den andre er funksjonen som skal kalles.

  4. Nå som kortnummeret er opprettet, kan vi bruke det i blogginnlegg og på sider. For å bruke det, bare bytt redaktøren TIL HTML-modus og skriv inn følgende:

    Du er ferdig! Selvfølgelig er dette en veldig grunnleggende kortkode, men det er et godt eksempel på hvor enkelt det er å lage en.

Opprette Avanserte Kortkoder

som nevnt kan kortkoder brukes med attributter, som er svært nyttige, for eksempel for å overføre argumenter til funksjoner. I dette eksemplet viser vi deg hvordan du oppretter en snarvei for å vise EN URL, akkurat som Du ville gjort Med Bbkoder som man bruker på fora som VBulletin OG PHPBB.

  1. Åpne funksjonene dine.php-fil. Lim inn følgende funksjon i den:

    function myUrl($atts, $content = null) { extract(shortcode_atts(array( "href" => 'http://' ), $atts)); return '<a href="'.$href.'">'.$content.'</a>';}
  2. la oss slå funksjonen til en kortkode:

    add_shortcode("url", "myUrl");
  3. kortnummeret er nå opprettet. Du kan bruke den på dine innlegg og sider:

    WordPress recipes

    når du lagrer et innlegg, vil snarvei vise en link med tittelen «WordPress oppskrifter»og peker til http://www.wprecipes.com.

kodeforklaring. For å fungere ordentlig, må vår snarvei funksjon håndtere to parametere: $atts og $content$atts er kortnummerattributtet(e). I dette eksemplet kalles attributtet href og inneholder en kobling til EN URL. $content er innholdet i kortnummeret, innebygd mellom domenet og underkatalogen (dvs. mellom «www.example.com «og» /underkatalog»). Som du kan se fra koden, har vi gitt standardverdier til $content og $atts.

Nå som vi vet hvordan å lage og bruke kortkoder, la oss se på noen killer ready-to-use kortkoder!

Lag En «Send Til Twitter» Snarvei

problemet. Synes at mange av dere likte min» Send Til Twitter » hack. Jeg likte også det hack, men det har en ulempe: hvis du limer inn koden til singelen din.php-fil, koblingen» Send Til Twitter » vil være synlig på hvert innlegg, som du kanskje ikke vil ha. Det ville være bedre å kontrollere denne hack og kunne angi når du skal legge den til et innlegg. Løsningen er enkel: en snarvei!

løsningen. Denne kortnummeret er enkelt å lage. I utgangspunktet får vi bare koden fra» Send Til Twitter » hack og gjør den til EN PHP-funksjon. Lim inn følgende kode i funksjonene.php-fil i ditt tema:

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

for å bruke denne kortnummeret, bare bytt redaktøren TIL HTML-modus og skriv deretter:

og en «Send Til Twitter» – lenke vises der du plasserte kortnummeret.

  • Hvordan: Lag En «send dette til twitter» knapp
  • Twitter verktøy

Lag EN «Abonner PÅ RSS» Snarvei

problemet. Du vet allerede at en veldig god måte å få RSS-abonnenter er å vise en pen boks som sier noe sånt som » Abonner PÅ RSS-feed.»Men igjen, vi ønsker egentlig ikke å kode noe inn i temaet vårt og miste kontroll over hvordan det ser ut. I denne hack, vi vil lage en «Abonner PÅ RSS» snarvei. Vis det noen steder og ikke andre, i innlegg eller på sider, over eller under hovedinnholdet, det er helt opp til deg.

løsningen. Som vanlig lager vi en funksjon og gjør den til en kortkode. Denne koden går inn i funksjonene dine.php-fil. Ikke glem å erstatte eksempel feed URL med din egen!

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 boksen. Du har sikkert lagt merke til rss-box – klassen som ble lagt til div-elementet som inneholder lenken. Dette gjør at du kan style boksen slik du vil. Her er et eksempel PÅ NOEN CSS-stiler du kan bruke på» Abonner PÅ RSS » – boksen. Bare lim det inn i stilen.css-fil i temaet ditt:

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

Sett Inn Google AdSense Hvor som helst

problemet. De fleste bloggere bruker Google AdSense. Det er veldig enkelt å inkludere AdSense kode i et tema fil som sidebar.php. Men vellykkede online markedsførere vet at folk klikker mer på annonser som er innebygd i selve innholdet.

løsningen. Hvis Du vil legge Inn AdSense hvor som helst i innleggene eller sidene dine, oppretter du en snarvei:

  1. Åpne funksjonene.php-fil i temaet ditt og lim inn følgende kode. Ikke glem å endre JavaScript-koden med Din Egen AdSense-kode!

    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. Når du har lagret funksjoner.php, kan du bruke følgende snarvei for å vise AdSense hvor som helst på dine innlegg og sider:

    Merk at AdSense-koden vår er pakket inn med et adsense div-element, vi kan style det slik vi vil ha i vår stil.css-fil.

kodeforklaring. Koden ovenfor brukes bare til å vise AdSense-annonser. Når kortnummeret settes inn i et innlegg, returnerer Det En AdSense-annonse. Det er ganske enkelt, men også, du er enig, en real time-saver!

Kilder:

  • Slik: Bygg Inn AdSense hvor som helst på innleggene dine

Bygg INN EN RSS-Leser

problemet. Mange lesere syntes også å nyte» 8 RSS Hacks For WordPress » innlegget publisert På Smashing Magazine nylig. Nå, la oss bruke vår kunnskap om BÅDE RSS og kortkoder for å legge INN EN RSS-leser rett i våre innlegg og sider.

løsningen. Som vanlig, å bruke denne hack, bare lime inn følgende kode i temaet funksjon.php-fil.

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

for å bruke snarvei, skriv inn:

feedattributtet er feed URL å bygge inn, ognumer antall elementer å vise.

Få innlegg Fra WordPress Database med En Snarvei

problemet. Noen gang ønsket at du kunne ringe en liste over relaterte innlegg direkte i WordPress editor? Jo, plugin-modulen «Relaterte innlegg» kan hente relaterte innlegg for deg, men med en kortkode kan du enkelt få en liste over et hvilket som helst antall innlegg fra en bestemt kategori.

løsningen. Som vanlig, lim inn denne koden i funksjonene dine.php-fil.

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

for å bruke det, lim inn følgende i WordPress-editoren, etter at du har byttet TIL HTML-modus:

dette vil vise en liste over tre innlegg fra kategorien MED EN ID på 1. Hvis DU ikke vet HVORDAN du får ID FOR en bestemt kategori, er en enkel måte forklart her.

kode forklaring. Etter at den har hentet ut argumentene og opprettet den globale variabelen $posts, bruker sc_liste() – funksjonen get_posts() – funksjonen med numberpostsorderorderby og category parametere for å få de siste x-innleggene fra kategori y. Når du er ferdig, er innlegg innebygd i en uordnet HTML-liste og returnert til deg.

Kilde:

  1. WordPress: Cr Hryvnation De Shortcode avancé

Få Det Siste Bildet Knyttet til Et Innlegg

problemet. I WordPress er bildene ganske enkle å manipulere. Men hvorfor ikke gjøre det enda enklere? La oss se på en mer kompleks snarvei, en som automatisk får det siste bildet knyttet til et innlegg.

løsningen. Åpne funksjonene.php-fil og lim inn følgende kode:

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

for å bruke snarvei, bare skriv inn følgende i redaktøren, når DU er I HTML-modus:

kode forklaring. sc_postimage() – funksjonen trekker først ut kortkodeattributtene. Deretter henter den bildet ved hjelp avget_children()wp_get_attachment_image() ogwp_get_attachment_image_src() WordPress funksjoner. Når dette er gjort, blir bildet returnert og satt inn i innlegget innhold.

Kilder:

  1. WordPress Snarvei: enkelt vise det siste bildet knyttet til post

problemet. Selv om du likte denne artikkelen, kan Du ha følt deg litt frustrert fordi WordPress som standard ikke tillater kortnummer å bli satt inn i sidebar widgets. Heldigvis, her er et lite triks for å forbedre WordPress funksjonalitet og tillate kortkoder som skal brukes i sidebar widgets.

løsningen. Ett stykke kode for å lime inn i funksjonene dine.php-fil:

add_filter('widget_text', 'do_shortcode');

Det er alt du trenger for å tillate kortkoder i sidebar widgets!

kode forklaring. Det vi gjorde her er ganske enkelt: vi har lagt et filter påwidget_text() funksjon for å utføredo_shortcode() funksjon, som bruker API for å utføre snarvei. Dermed er kortkoder nå aktivert i sidebar widgets.

Knusende Redaksjonell(al)