Resource Roundup! 20 creatieve shortcodes om te gebruiken in uw projecten

WordPress introduceerde shortcodes in versie 2.5 als een geweldige manier om thema-specifieke styling toe te voegen door middel van een eenvoudig te gebruiken tag in je berichteditor of in de codering van je thema's. We kunnen geweldige functies doorgeven shortcodes, zowel nuttig als gewoon opwindend (voor geeks eigenlijk!). Vandaag gaan we enkele creatieve implementaties van de Shortcode API bekijken.

Invoering

We zullen hier binnenkort over het gebruik van de Shortcode-API gaan lezen op Wptuts, maar bekijk de codex ondertussen. Het is ook de moeite waard om op te merken dat er een behoorlijk interessant debat is over de "ethiek" van het gebruik van shortcodes binnen thema's? Voor de duidelijkheid, wat we hier behandelen, zijn geen herkauwen van elementaire HTML-elementen (zoals het gebruik van een [b] shortcode om te repliceren ) - in plaats daarvan kunnen alle volgende shortcodes gebruikers complexe informatie in een bericht opnemen zonder een heleboel aangepaste codering.


1. Google Docs Viewer

PDF's worden om verschillende redenen op internet gebruikt, voornamelijk documentatie, maar helaas kunnen sommige minder goed geïnformeerde computergebruikers gefrustreerd raken wanneer ze constant worden gevraagd om een ​​viewer-app te installeren. Gelukkig heeft Google Docs een ingebouwde PDF-weergavefunctie die dit mogelijk maakt. Deze plug-in, met dank aan Noscope, biedt de mogelijkheid om een ​​link naar een Google Docs-viewer toe te voegen, gewoon door de link naar de PDF in te voeren in de enkele parameter van de shortcode.

 functie pdflink ($ attr, $ inhoud) if ($ attr ['href']) return ''. $ content. '';  else $ src = str_replace ("=", "", $ attr [0]); return ''. $ content. '';  add_shortcode ('pdf', 'pdflink');

Voer in feite enkele tweaks uit en deze shortcode verandert in een viewer voor andere bestandstypes, zoals PowerPoint-presentaties en Word-documenten. Gebruikers kunnen deze bestanden opslaan in hun Google Docs-bibliotheek, als ze dat willen, opslaan, afdrukken en bewerken.

Gebruik

Deze specifieke shortcode is zeer eenvoudig in gebruik met een enkele parameter die nodig is: de link naar uw PDF.

 [pdf = http: //manuals.info.apple.com/en_US/Enterprise_Deployment_Guide.pdf] Tekst koppelen. [/ pdf]

Het resultaat is een link zoals deze.


2. Sluit Google Adsense-advertenties overal in

Bloggen kan een lucratieve carrière zijn, maar het vereist enige vorm van inkomsten genereren om financieel duurzaam te zijn. Veel bloggers doen dit via advertenties, meestal van Google. Deze zeer eenvoudige shortcode stelt een blogger in staat om een ​​enkele, parameterloze shortcode in een bericht te laten vallen om een ​​advertentie toe te voegen, met dank aan WpRecipes.

 function showads () return '  ';  add_shortcode ('adsense', 'showads');

Als u Google-advertenties niet gebruikt, kunt u eenvoudig uw eigen advertentiecode plakken en hetzelfde, eenvoudige gebruik behouden.

Gebruik

Om een ​​advertentie aan een bericht toe te voegen, voegt u gewoon de shortcode hieronder toe en gaat u verder. Het is waanzinnig eenvoudig.

 [Adsense]

3. Voeg privénotities toe aan berichten

Als je met anderen op je blog werkt, kan communicatie van vitaal belang zijn. Door simpelweg de volgende shortcode bij uw bericht te plaatsen, zien beheerders van de blog deze, terwijl andere bezoekers dat niet doen. De vierde regel wikkelt ook je notitie in een "notitie" -klasse, zodat je hem kunt stylen om op te laten vallen in je blog. Nogmaals, deze specifieke shortcode is met dank aan WPRecipes.

 functie sc_note ($ atts, $ content = null) if (current_user_can ('publish_posts')) return '
'$ Content.'
'; return "; add_shortcode ('note', 'sc_note');

Gebruik

Wikkel eenvoudig uw notitie in de [Notitie] sorteercode

 [Notitie]Uw notitekst[/Notitie]

4. Obfusceer een e-mailadres

Niemand houdt van spam en het plaatsen van je e-mailadres op je openbare website helpt nauwelijks. Het kan echter nodig zijn om uw e-mailadres op te geven en gelukkig kunt u ervoor kiezen om deze shortcode te gebruiken om te voorkomen dat u de stroom spam tegenkomt.

 function munge_mail_shortcode ($ atts, $ content = null) for ($ i = 0; $ i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';'; return ''.$encodedmail.'';  add_shortcode('mailto', 'munge_mail_shortcode');

Gebruik

Deze shortcode codeert in feite alleen uw e-mailadres in HTML-tekens, in plaats van alleen platte tekst, dus het is niet 100% onfeilbaar. Toch is het een goede stap voorwaarts en kan het eenvoudig worden gedaan door het gewenste e-mailadres in de [Mailto] tag zoals in het onderstaande voorbeeld.

 [Mailto] [email protected] [/ mailto]

5. Voeg Google Maps met weinig inspanning toe

Veel WordPress-thema's worden geleverd met een YouTube-tag - of een van een vergelijkbare service - dat betekent gewoon dat het toevoegen van video's net zo eenvoudig is als het raken van een knop en het plakken van de video-ID. Dankzij deze Digging into WordPress shortcode kunnen we eenvoudig een door Google gevoede kaart toevoegen door gewoon in de URL op de kaartpagina te plakken.

 functie fn_googleMaps ($ atts, $ content = null) extract (shortcode_atts (array ("width" => '640', "height" => '480', "src" => "), $ atts)); '';  add_shortcode ("googlemap", "fn_googleMaps");

Gebruik

Er zijn slechts drie shortcode-kenmerken om hier te gebruiken: breedte, hoogte en URL. De eerste twee zijn vrij duidelijk en, indien niet gebruikt, standaard terug naar de waarden voor breedte en hoogte die zijn ingesteld in de bovenstaande code (die u uiteraard kunt wijzigen). Het laatste vereiste kenmerk is de URL, die beschikbaar is door op de knop 'Link' op de Google Maps-website te klikken.

 [googlemap height "360" src = "http://google.com/maps/?ie=?"]

6. Sluit een RSS-feed in

Onze volgende bijdrage komt van Smashing Magazine en stelt je blog in staat om een ​​RSS-feed in te sluiten via een enkele shortcode door te spelen met de ingebouwde WordPress RSS-tools. Eerlijk gezegd, dit is een geweldige shortcode, en is mogelijk met de behoefte aan slechts twee parameters.

 include_once (ABSPATH.WPINC '/ rss.php.); functie readRss ($ atts) extract (shortcode_atts (array ("feed" => 'http: //', "num" => '1',), $ atts)); return wp_rss ($ feed, $ num);  add_shortcode ('rss', 'readRss');

Gebruik

In dit geval heeft u alleen de URL van uw RSS-feed nodig in het kenmerk "feed" en het aantal berichten dat u wilt weergeven in het "aantal"..

 [rss feed = "http://feeds.feedburner.com/webdesigntutsplus" num = "3"]

7. Twitter Share-knop

Twitter heeft een tijdje terug een officiële knop voor delen geïntroduceerd, waarmee ingelogde gebruikers berichten met een paar klikken kunnen delen met de microblogdienst. Het is heel eenvoudig om er een toe te voegen aan je thema, maar het moet zich bevinden in een themabestand, op een statische locatie. Met deze handige shortcode van iLERTECH kun je een Tweet-knop aan je bericht toevoegen met een shortcode van één letter.

 functie twitter ($ atts, $ content = null) / * Auteur: Nicholas P. Iler * URL: http://www.ilertech.com/2011/07/add-twitter-share-button-to-wordpress-3 -0-met-een-eenvoudige-shortcode / * / extract (shortcode_atts (array ('url' => null, 'counturl' => null, 'via' => ", 'text' =>", 'related' => ", 'countbox' => 'none', // none, horizontaal, verticaal), $ atts)); // Controleer of de telling url is en stel in op $ url indien niet opgegeven als ($ counturl == null) $ counturl = $ url; $ twitter_code = <<   HTML; return $ twitter_code;  add_shortcode ('t', 'twitter');

Gebruik

Er zijn twee toepassingen voor deze shortcode. De eenvoudigste vorm wordt hieronder getoond, die de tegenloze knop toevoegt aan je bericht.

 [t url = "get_permalink ();"]

Dat was eenvoudig, niet? Als u een teller wilt toevoegen, is dit slechts een parameter verwijderd en kan dit in een van de verticale of horizontale configuraties worden gedaan.

 [t countbox = "horizontal / vertical"]

Ten slotte kunt u in dit laatste voorbeeld bepalen welke gerelateerde accounts worden weergegeven nadat u heeft getweet, hopelijk om uzelf een paar extra volgers te helpen pakken.

 [t related = "connorturnbull: Author, envatowebdesign: Sister Site"]

8. Toon inhoud alleen aan geregistreerde gebruikers

Een stijgende trend is om alleen inhoud te geven aan geregistreerde leden, soms op een premium-basis. WordPress heeft een geweldig gebruikerssysteem, met de potentie om te groeien via een reeks beschikbare plug-ins, dus deze shortcode kan nodig zijn voor uw omstandigheden. Door eenvoudigweg deze shortcode te gebruiken, is inhoud die tussen de tags valt alleen beschikbaar voor degenen die momenteel zijn aangemeld.

Als je je zorgen maakt over je feed, zal deze shortcode ook de inhoud daar verbergen, dus er is geen maas in de wet te vinden.

add_shortcode ('member', 'member_check_shortcode'); function member_check_shortcode ($ atts, $ content = null) if (is_user_logged_in () &&! is_null ($ content) &&! is_feed ()) return $ content; terug ";

Gebruik

Zoals u wellicht (of beter gezegd, zou moeten) kunnen zien aan de hand van de bovenstaande shortcode-functie, de [lid] tag zal alle inhoud weergeven die er tussenin zit, onzichtbaar voor gebruikers die niet zijn ingelogd, of die de feed bekijken.

 [lid] Mijn supergeheime inhoud. [/ lid]

9. Gerelateerde berichten weergeven

Gerelateerde berichten zijn een geweldige manier om bezoekers te beïnvloeden meer van uw inhoud te lezen, door ze over uw vele archieven te laten vallen. Je kunt dit in je thema implementeren, maar deze shortcode maakt er weinig werk van en maakt het mogelijk om te worden gecontroleerd en gemanipuleerd vanuit de attributen van de shortcode.

Maar wees voorzichtig, dit is een iets langere functie dan onze vorige ingangen, en dat allemaal dankzij WP Mods.

function related_posts_shortcode ($ atts) extract (shortcode_atts (array ('limit' => '5',), $ atts)); globale $ wpdb, $ post, $ table_prefix; if ($ post-> ID) $ retval = '
    '; // Krijg tags $ tags = wp_get_post_tags ($ post-> ID); $ tagsarray = array (); foreach ($ tags als $ tag) $ tagsarray [] = $ tag-> term_id; $ tagslist = imploderen (',', $ tagsarray); // Doe de vraag $ q = "SELECT p. *, Count (tr.object_id) als count FROM $ wpdb-> term_taxonomy AS tt, $ wpdb-> term_relationships AS tr, $ wpdb-> posts AS p WHERE tt.taxonomy = 'post_tag' EN tt.term_taxonomy_id = tr.term_taxonomy_id EN tr.object_id = p.ID AND tt.term_id IN ($ tagslijst) EN p.ID! = $ post-> ID AND p.post_status = 'publiceren' EN p .post_date_gmt < NOW() GROUP BY tr.object_id ORDER BY count DESC, p.post_date_gmt DESC LIMIT $limit;"; $related = $wpdb->get_results ($ q); if ($ related) foreach ($ related as $ r) $ retval. = '
  • post_title). '"href ="'. get_permalink ($ r-> ID). '">'. wptexturize ($ r-> post_title). '
  • '; else $ retval. = '
  • Geen gerelateerde berichten gevonden
  • '; $ retval. = '
'; return $ retval; terug;

Gebruik

U kunt uw gerelateerde bericht invoegen door het eerste voorbeeld van de korte code hieronder te gebruiken. Als alternatief kunt u het aantal weergegeven berichtkoppels beperken door een limietkenmerk in te stellen, zoals wat in het tweede voorbeeld is gedaan.

 [gerelateerde berichten]
 [related_posts limit = "num"]

10. Toon laatste afbeelding gekoppeld aan bericht

Dit is een interessante shortcode waarmee je de laatste afbeelding via een shortcode aan de post kunt koppelen. Natuurlijk, WordPress heeft een uitgelichte afbeeldingsfunctie, maar dat werkt niet altijd voor wat je wilt bereiken, en het kan twee keer nodig zijn. Gelukkig kun je met deze functie een afbeelding uploaden en deze automatisch laten verschijnen op elke gewenste locatie, zolang het de laatste is om dit te doen.

 functie sc_postimage ($ atts, $ content = null) extract (shortcode_atts (array ("size" => 'thumbnail', "float" => 'none'), $ atts)); $ images = & get_children ('post_type = bijlage & post_mime_type = image & post_parent ='. get_the_id ()); foreach ($ images als $ imageID => $ imagePost) $ fullimage = wp_get_attachment_image ($ imageID, $ size, false); $ imagedata = wp_get_attachment_image_src ($ imageID, $ size, false); $ width = ($ imagedata [1] +2); $ height = ($ imagedata [2] +2); terug '
'$ Fullimage.'
'; add_shortcode ("postimage", "sc_postimage");

Gebruik

Zoals met vrijwel alle shortcodes die je vandaag hebt gezien, voegt deze persoon zich bij hen in de lijsten voor "Eenvoudigste Shotcodes ooit". De tag kan alleen worden gebruikt, of met een opgegeven tekengrootte en zwevende eigenschap om deze aan te passen, zoals hieronder wordt weergegeven.

 [postimage size = "num" float = "left / right"]

11. Sluit een Google-diagram in

Blue Anvil levert ons een geweldige shortcode voor het insluiten van een echt leuk soort media. Nee, het is geen YouTube-video, en ook geen HTML5- of Flash-effect. Sterker nog, het zijn grafieken.

Natuurlijk kunnen diagrammen saai zijn. Maar voor een webontwikkelaar zijn ze dat niet, vanwege de hoge aanpassingsmogelijkheden die haalbaar zijn via de Google Charts API, die nu kunnen worden gegoten in een shortcode voor gebruiksgemak. De ervaring met het gebruik van deze shortcode is nog steeds behoorlijk omslachtig in vergelijking met sommige andere, maar het bespaart op de lange termijn veel tijd, als u dit soort diagrammen regelmatig wilt gebruiken.

 function chart_shortcode ($ atts) extract (shortcode_atts (array ('data' => ", 'colors' =>", 'size' => '400x200', 'bg' => 'ffffff', 'title' => ", 'labels' =>", 'geavanceerd' => ", 'type' => 'taart'), $ atts)); switch ($ type) case 'line': $ charttype = 'lc'; break ; case 'xyline': $ charttype = 'lxy'; break; case 'sparkline': $ charttype = 'ls'; break; case 'meter': $ charttype = 'gom'; break; case 'scatter': $ charttype = 's'; break; case 'venn': $ charttype = 'v'; break; case 'pie': $ charttype = 'p3'; break; case 'pie2d': $ charttype = 'p'; break; default : $ charttype = $ type; break; if ($ title) $ string. = '& chtt ='. $ title. "; if ($ labels) $ string. = '& chl ='. $ labels. "; if ($ colors) $ string. = '& chco ='. $ colors."; $ string. = '& chs ='. $ size. "; $ string. = '& chd = t:'. $ data."; $ string. = '& chf ='. $ bg. "; terug ''$ Titel.'';  add_shortcode ('chart', 'chart_shortcode');

Gebruik

Om deze shortcode te gebruiken, is het raadzaam om enige achtergrondkennis te hebben over hoe de Google Charts API werkt. Indien mogelijk, blader eerst door de documentatie om een ​​idee te krijgen hoe het werkt.

Zodra u wat kennis hebt opgedaan, moeten de parameters vrij gemakkelijk zijn in te vullen, zoals de gegevenswaarden en labels. Anderen, zoals kleuren, achtergrondkleur, grootte, titel en type zijn vrij duidelijk en zouden geen extra problemen moeten veroorzaken.

 [diagramgegevens = "41.52,37.79,20.67,0.03" bg = "F7F9FA" labels = "Opnieuw lezen + sites | Zoeken + Motoren | Direct + verkeer | Overig" kleuren = "058DC7,50B432, ED561B, EDEF00" size = "488x200 "title =" Verkeersbronnen "type =" taart "]

12. Schakel WordPress-opmaak uit

In sommige gevallen wilt u mogelijk tekst die automatisch negatief wordt weergegeven door WordPress weergeven. Deze plugin / shortcode verwijdert de automatische formattering van WordPress door de ingebouwde filters te verwijderen die zijn toegevoegd aan uw aanroep van "the_content".

 function my_formatter ($ content) $ new_content = "; $ pattern_full = '(\ [raw \]. *? \ [/ raw \]) is'; $ pattern_contents = '\ [raw \] (. * ?) \ [/ onbewerkt \] is '; $ pieces = preg_split ($ pattern_full, $ content, -1, PREG_SPLIT_DELIM_CAPTURE); foreach ($ pieces as $ piece) if (preg_match ($ pattern_contents, $ piece, $ matches )) $ new_content. = $ overeenkomsten [1]; else $ new_content. = wptexturize (wpautop ($ piece)); return $ new_content; remove_filter ('the_content', 'wpautop'); remove_filter (' the_content ',' wptexturize '); add_filter (' the_content ',' my_formatter ', 99);

Gebruik

Het gebruik is relatief eenvoudig en vereist slechts één om zijn tekst in te pakken in de [Raw] Korte code.

 [raw] Mijn ongeformatteerde tekst [/ raw]

13. Blogstatistieken weergeven

Veel blogs houden ervan om te laten zien hoeveel berichten zijn geschreven onder hun naam, of hoeveel opmerkingen of een andere statistiek. Met deze shortcode-functie van WP-codefragmenten kan een auteur een reeks interessante statistieken oproepen door de shortcode toe te voegen aan zijn bericht of pagina. Bovendien kan het worden gebruikt in combinatie met de vorige shortcode die de inhoud verbergt voor iedereen behalve beheerders, zodat informatie wordt weergegeven zoals het aantal openstaande opmerkingen of berichten in de wachtrij voor spam.

add_shortcode ('wcs_count', 'wcs_count_shortcode_handler'); functie wcs_count_shortcode_handler ($ atts) // uitputtingsparameters $ parms = shortcode_atts (array ('type' => 'posts', 'format' => 'true', 'extra' => '1',), $ atts) ; $ type = strtolower ($ parms ['type']); $ format = strtolower ($ parms ['format']); $ extra = $ parms ['extra']; // process t / f options $ b_format = false; if (($ format == 'yes') || ($ format == 'y') || ($ format == 'true') || ($ format == '1')) $ b_format = true ; // exit return wcs_get_count ($ type, $ b_format, $ extra);  functie wcs_get_count ($ type = 'posts', $ format = '1', $ extra = '1') // TYPES: // posts, posts_by_author, pages, tags, categories // users, ms_users, blogroll, blogroll_categories , commenters // comments, comments_pending, comments_spam, comments_pingback // comments_by_user, comments_by_nicename, comments_by_email // comments_per_post // $ extra wordt gebruikt met: // posts_by_author, comments_by_user, comments_by_nicename, comments_by_email // comments_per_post // init global $ wpdb; $ type = strtolower ($ type); $ count = 0; // process switch ($ type) case 'posts': // published $ count = wp_count_posts ('post'); $ count = $ count-> publish; // opties: publiceren, toekomst, concept, in behandeling, privé, prullenbak, automatisch opstellen en overname overnemen; case 'posts_by_author': // gebruik $ extra voor gebruiker / auteur id geval 'posts_by_user': $ query = "SELECT COUNT (*) VAN $ wpdb-> berichten"; $ where = "WHERE post_type =" post "AND post_status =" publish "AND post_author =" $ extra ""; $ count = $ wpdb-> get_var ($ query. $ where); // alternatieve methode is: count_user_posts () pauze; case 'pages': // published $ count = wp_count_posts ('page'); $ count = $ count-> publish; breken; case 'tags': $ count = wp_count_terms ('post_tag'); breken; case 'categories': $ count = wp_count_terms ('category'); breken; case 'users': $ count = count_users (); $ count = $ count ['total_users']; breken; case 'ms_users': // multi-site $ count = get_user_count (); breken; case 'blogroll': $ query = "SELECT COUNT (*) VAN $ wpdb-> links"; $ where = "WHERE link_visible =" Y ""; $ count = $ wpdb-> get_var ($ query. $ where); breken; case 'blogroll_categories': $ count = wp_count_terms ('link_category'); breken; case 'commenters': $ query = "SELECT COUNT (DISTINCT comment_author) FROM $ wpdb-> comments"; $ where = "WHERE comment_approved =" 1 "AND; $ count = $ wpdb-> get_var ($ query. $ where); break; case 'comments': $ query =" SELECT COUNT (*) FROM $ wpdb-> comments "; $ where =" WHERE comment_approved = "1" AND; $ count = $ wpdb-> get_var ($ query. $ where); breken; case 'comments_pending': $ query = "SELECT COUNT (*) VAN $ wpdb-> reacties"; $ where = "WHERE comment_approved =" 0 "AND; $ count = $ wpdb-> get_var ($ query. $ where); break; case 'comments_spam': $ query =" SELECT COUNT (*) FROM $ wpdb-> comments "; $ where =" WHERE comment_approved = "spam" AND; $ count = $ wpdb-> get_var ($ query. $ where); breken; case 'comments_pingback': case 'comments_pingbacks': case 'comments_trackback': case 'comments_trackbacks': $ query = "SELECT COUNT (*) VAN $ wpdb-> reacties"; $ where = "WHERE comment_approved =" 1 "AND comment_type =" pingback ""; $ count = $ wpdb-> get_var ($ query. $ where); breken; case 'comments_by_user': // gebruik $ extra voor user_id $ query = "SELECT COUNT (*) FROM $ wpdb-> comments"; $ where = "WHERE comment_approved =" 1 "AND comment_type =" AND user_id = "$ extra" "; $ count = $ wpdb-> get_var ($ query. $ where); break; case 'comments_by_author': // gebruik $ extra voor auteursnaam (case INsensitive) case 'comments_by_nicename': $ query = "SELECT COUNT (*) VAN $ wpdb-> reacties"; $ where = "WHERE comment_approved =" 1 "AND comment_type =" AND comment_author = "$ extra ""; $ count = $ wpdb-> get_var ($ query. $ where); breken; case 'comments_by_email': // gebruik $ extra voor auteur email (case INsensitive) $ query = "SELECT COUNT (*) FROM $ wpdb-> comments"; $ where = "WHERE comment_approved =" 1 "AND comment_type =" AND comment_author_email = "$ extra" "; $ count = $ wpdb-> get_var ($ query. $ where); break; case 'comments_per_post': // $ extra is decimale plaats precisie (0 alleen voor integer) // posts $ posts_count = wp_count_posts ('post'); $ posts_count = $ posts_count-> publish; // comments $ query = "SELECT COUNT (*) FROM $ wpdb-> comments "; $ where =" WHERE comment_approved = "1" AND; $ comment_count = $ wpdb-> get_var ($ query. $ where); // gemiddelde retourronde ($ comment_count / $ posts_count, $ extra); standaard: $ count = 0;  // exit if ($ format) $ count = number_format_i18n ($ count); return $ count; / ************************************************* ********************* Auteursrechten ? 2011 Gizmo Digital Fusion (http://wpCodeSnippets.info) u kunt deze code herdistribueren en / of wijzigen onder de voorwaarden van de GNU GPL v2: http://www.gnu.org/licenses/gpl-2.0.html ** ************************************************** ****************** /

Gebruik

Ja, dat is een lange! Het is echter noodzakelijk om u het bereik van waardevolle informatie te bieden die nu beschikbaar is met een paar regels tekst, zoals hieronder weergegeven. De volledige lijst met typen is beschikbaar op de originele blogpost en één moet worden weggelaten in het kenmerk "type". In het geval van statistieken die naar een specifieke gebruiker verwijzen, is het attribuut "extra" nodig en fufiled met de specifieke ID.

 [wcs_count type = "berichten"]

14. Voeg een Flickr-badge toe

Veel blogs gebruiken Flickr om hun foto's te beheren, vooral degenen die Flickr gebruiken voor het primaire gebruik: fotografie. Een Flickr-badge is een leuke kleine widget waarmee u afbeeldingengalerijen kunt tonen van de dienst voor het delen van afbeeldingen op een webpagina en die ook kan worden gemanipuleerd in een WordPress-vriendelijke shortcode.

 functie flickr_badge_shortcode ($ atts, $ content = NULL) $ query_atts = shortcode_atts (array ('count' => '6', 'display' => 'latest', 'source' => 'user', 'size' = > 't', 'user' => ", 'layout' => 'x', 'tag' =>", 'group' => ", 'set' =>"), $ atts); terugkeer sprintf ('

% s

', $ content, http_build_query ($ query_atts)); add_shortcode ('flickrbadge', 'flickr_badge_shortcode');

Gebruik

De Flickr-badge bevat verschillende parameters die worden gedeeld met de respectieve shortcode die we zojuist hebben gemaakt. Het "tellen" informeert uw shortcode hoeveel afbeeldingen worden getoond, de "bron" beschrijft de gebruikte termen om de afbeeldingen te vinden (zoals gebruiker, groep, gebruikersset enz.) En de "weergave" beslist of willekeurig, of alleen de nieuwste afbeeldingen moeten getoond worden. De anderen zijn echt voor zichzelf.

 [flickrbadge count = "4" layout = "h" display = "laatste" size = "t" source = "all_tag" tag = "fish"] Dit is de nieuwste vis [/ flickrbadge]

15. Voeg een PayPal-donatielink toe

Blogs draaien niet zelf en of de eigenaar er alleen mee werkt, of als bijproject, hij moet waarschijnlijk een of andere vergoeding betalen. Terwijl sommige bloggers hun toevlucht nemen tot reclame, profiteren anderen van hun community via PayPal-donaties. Met deze shortcode kun je op elk moment een donatielink bellen en het is super eenvoudig om te stijlen zodat je je blog kunt matchen.

Dus de volgende keer dat je tekeer gaat over hoeveel het kost om de site te hosten, kun je een donatielink gebruiken in plaats van ze ergens anders naartoe te sturen.

 functie donate_shortcode ($ atts) extract (shortcode_atts (array ('text' => 'Doe een gift', 'account' => 'REPLACE ME', 'for' => ",), $ atts)); global $ post; if (! $ for) $ for = str_replace ("", "+", $ post-> post_title); return ''. $ text. ''; add_shortcode ('donate', 'donate_shortcode');

Gebruik

De shortcode voor de donatie wordt op geen enkele manier gevraagd binnen de shortcode zelf, maar via elke CSS die is toegevoegd aan de klasse "donateLink" die wordt gebruikt om de link weer te geven.

 [Doneren]

Een aantal geweldige plug-ins met shortcodes

De volgende vermeldingen zijn shortcodes die worden aangedreven door een plug-in, voornamelijk omdat ze vertrouwen op geavanceerdere manieren van configuratie of back-end-codering. Veel plug-ins worden gelicentieerd op een manier die u toestaat deze opnieuw te distribueren, handig als u de specifieke shortcode in een klantproject wilt gebruiken. Hoewel ze geen functionaliteit bieden die simpelweg in een enkel bestand wordt geplakt, zijn de functies die worden afgeleverd de extra installatie wel waard.


16. Roep gemakkelijk Boilerplate-tekst op

Deze plug-in maakt een nieuw berichttype aan in uw WordPress-installatie, zodat u standaardtekst kunt maken die u op elk gewenst moment kunt terugroepen via de ingesloten shortcode. Door een boermonteerplaat te maken die zich bezighoudt met uw auteursrechttermen, kan deze met succes teruggeroepen worden door er eenvoudigweg naar te verwijzen in een reguliere post.

De voordelen van een dergelijke installatie zijn de sjabloontags die ermee worden meegeleverd, dus ketelplaten kunnen ook in de themabestanden worden geopend.

Gebruik

Het onderstaande voorbeeld is het gebruik van de shortcode in zijn simplistische vorm, zonder een van de andere kenmerken die zijn opgenomen in de documentatie.

 [boilerplate bytitle = "Copyright"]

17. Voeg een count-up / down timer toe

Hopelijk krijg je het gevoel dat het leven met shortcodes alles een stuk gemakkelijker maakt. Zoals de naam doet vermoeden, kunt u met Easy Timer eenvoudig een tel- of afteltimer in hun blog invoegen, in een van de opgenomen talen.

Afgezien van de gezichtsfunctionaliteit van het toevoegen van een timer, dient de plug-in ook als een scheduler voor inhoudsmodificatie die moet worden uitgevoerd wanneer de timer eindigt.

Gebruik

De volledige gebruiksvoorwaarden worden uitgelegd op de pagina van de plug-in in uw WordPress-installatie, maar zijn redelijk duidelijk als hieronder wordt aangetoond.

 [timer] [verstreken tijd] [resterende timer]

18. Eenvoudig een contactformulier toevoegen en beheren

Ik beheerde altijd mijn contactformulier via een shortcode toen ik een van mijn oude blogs runde. Met deze specifieke plug-in kunt u een functioneel contactformulier invoegen in elke post of pagina via een shortcode die het formulier oproept dat is geconfigureerd in de instellingen van de plug-in. Met ervaring met deze specifieke plug-in, kan ik instaan ​​voor het nut en gemak van het meerdere keren herhalen van hetzelfde formulier of bij het bijwerken ervan.

Gebruik

Aangezien de configuratie van deze plug-in voornamelijk wordt gedaan in het toegevoegde menu in uw dashboard, is een attribuutloze shortcode alles wat nodig is om uw contactformulier in te sluiten.

 [Contact Formulier]

Opmerking: Ja, er zijn vele andere geweldige plug-ins die een shortcode gebruiken om een ​​formulier in te voegen! Dit is er maar een uit de horde! Bekijk ook Contact-Form 7 en de altijd populaire Gravity Forms.


19. Creëer QR-codes

Dit is echt geweldig! Met de plug-in Yeblon QR Code Generation kun je een QR-code rechtstreeks vanuit een shortcode genereren, waarbij de URL en de grootte als attributen worden gedefinieerd. Wat aan uw lezers wordt getoond, is een volledig functionele QR-code die ze naar hartelust kunnen scannen en gebruiken.

Het is misschien nerds, maar het is best stom!

Gebruik

Gebruik de inclued shortcode met een "url" -parameter (uiteraard met vermelding van de URL voor uw shortcode waarnaar moet worden verwezen) en "size" om de breedte en hoogte van de QR-code te definiëren. Bovendien kunt u een kenmerk "class" en / of "style" toevoegen om een ​​extra stijl aan de QR-code toe te voegen.

 [yeblonqrcode size = "200" url = "http://wp.tutsplus.com"]

20. Lijst geüploade bestanden

Ten slotte komen we bij een bescheiden plug-in die gebruikers toestaat bijlagen bij een bericht of pagina te vermelden; Perfect voor het toevoegen van bestanden en zonder zich zorgen te hoeven maken over het toevoegen van talloze links.

Gebruik

Deze shortcode kan worden gebruikt als vanille, plan of met wat extra's. Als u bijvoorbeeld het attribuut "type" instelt, kunt u de resultaten beperken tot slechts een specifiek bestandstype dat in dat attribuut is ingesteld. De andere beschikbare attributen hebben voornamelijk betrekking op styling en de structuur waarin de lijst wordt weergegeven.

 [list-attachments type = "pdf"]

Het zit er op!

Natuurlijk zijn de mogelijkheden om shortcodes te gebruiken vrijwel eindeloos, en ze werken als een effectieve methode om tijd te besparen in je dagelijkse bloggen. Sommige van deze shortcodes lijken saai aan de oppervlakte (zoals, hoeveel mensen moeten echt een PDF op regelmatige basis invoegen), maar als je bedenkt dat ze bijdragen aan extra, lichtgewicht functies voor je projecten, wordt het een no-brainer . In sommige gevallen, zoals in het geval van de QR-codegenerator, zijn ze gewoonweg cool!

Als je nog meer shortcodes hebt die je wilt delen, deel dan een link in de reacties!