Maacht Shortcodes fir eist WordPress Thema

Well mir mat dësem Projet ugefaang hunn, wollte mir ëmmer datt et en eegene Label hätt, an dofir déi zweet Schabloun déi mir benotzen FromLinux, et gouf vun eis 100% erstallt.

Duerno sinn aner Versioune gefollegt, an och wa mir verschidde Webservicer kafen oder astellen fir eis Motiver ze kreéieren wéi déi vun StudioDWeb.com, oder Schabloune kafen, déi schonn am ThemeForest.net, mir wollten ëmmer eis eegen hunn, eis Besoinen ugepasst a stoppen WebDevelopment.com ka vun Hëllef sinn 😀

Egal wéi, ech sinn leidenschaftlech iwwer Webdesign an Entwécklung, an ech schaffe schonn un deem neien Thema fir FromLinux an ech weisen Iech e puer Screenshots wéi et ausgesäit.

D'Iddi ass net erauszekommen vun deem wat mir scho ugepasst sinn, sou vill Elementer bleiwen déiselwecht oder op eng ähnlech Manéier. Ech fänke mat der Startsäit un

Screenshot-dl

An dëst ass wéi d'Artikele wäerte ausgesinn:

Screenshot-dl-Post

Wéi Dir kënnt gesinn, passt et eiser Moossnam a mir hunn nei abegraff ShortCodes fir d'Elaboratioun vun den Artikelen.

Duerfir ass et mir opgefall mat Iech ze deelen wéi ee vun hinnen erstallt (d'Informatioun) am Fall wou Dir se wëllt an Är Themen abannen WordPress. Ech mengen, sou eppes:

Dëst wäert d'Beispill ShortCode sinn

Ech sinn keen Expert a Programméiere mat dësem CMS, also wäert ech net probéieren z'erklären firwat a wéi et sou funktionnéiert, ech weisen Iech just wéi et geet, Punkt.

Fir dëst benotze mir «d'Schwäizer Arméi Messer» vun WordPress, Ech mengen d'Datei function.php datt mir normalerweis a bal all Themen fannen.

Klammer_Funktioun

Beispill vun der Function.php mat de ShortCodes vun DesdeLinux

Wat mir an dëser Datei maachen, ass d'Struktur vun eisem ShortCode derbäi an natierlech de Label deen et weist. Also loosst eis dozou kommen.

Bannent der Function.php

An eiser function.php Datei wat mir setzen ass d'HTL Struktur vum ShortCode, awer et ass net einfach d'HTL-Tags sou ze setzen. Mir hätten esou eppes:

// Info Funktion Infobox ($ atts, $ content = null, $ code = "") {$ return = ' '; $ zréck. = $ Inhalt; $ zréck. = ' '; zréck $ Retour; } // De ShortCode add_shortcode ('info', 'infobox');

Vun hei kläre mir e puer Saachen. Als éischt, wa mir zwee Barren benotzen, kommentéiere mir d'Linn, dofir // info et ass just e Kommentar.

Den Numm vun der Funktioun, an dësem Fall Infobox Et kann u geännert ginn wat mir wëllen, awer et muss mam Numm passen deen mir an der leschter Zeil benotzen.

An all eenzel $ zréck mir zréckschécken wat d'HTL tags waren, a mir mussen am Kapp behalen datt no der éischter musse mir eng Period bäifügen gläiche Schëld an d'Linn endet mat engem Zeeche vun semikolon

Beispill:

$ zréck. = $ Inhalt;

Variabel $ Inhalt dat ass wou den Inhalt dee mir an de ShortCode setzen, par défaut geet et wäert e Nullwert zréckginn wa mir näischt setzen.

Elo ass den Numm vum ShortCode dat wat mir setzen:

add_shortcode( 'info', 'infobox' );

Wou Dir kënnt änneren Infoen fir wat mir wëllen. Elo, fir datt et wéi d'Beispill ausgesäit musse mir setzen:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Obwuel natierlech ouni d'Plazen, déi ech gesat hunn, well offensichtlech wier de ShortCode aktivéiert.

ShortCode Stil

Wann Dir d'Linn uewen kuckt, ouni de PHP Code an d'Variabelen, de ShortCode a reng HTML géif sou eppes ausgesinn:

<div class="alert-info"></div>

Also musse mir nëmmen den CSS Stil uwenden.

.alert.alert-info {Hannergrond: # d9edf7 url (info.png) nee widderhuelen 7px 50%; Grenzradius: 4px; Grenz: 1px zolidd # bce8f1; Faarf: # 3a87ad; Schrëftgréisst: 14px; Spillraum: 15px 15px; padding: 15px 15px 15px 50px text-align: left}

An dat ass et .. Ech widderhuelen, ech sinn net e Programméierer oder sou eppes, an d'Erklärung déi ech ginn hunn ass wéi ech verstinn datt de ShortCode funktionnéiert 😛


Den Inhalt vum Artikel hält sech un eis Prinzipie vun redaktionnell Ethik. Fir e Feeler ze mellen klickt hei.

9 Kommentaren, loosst ären

Gitt Äre Kommentar

Är Email Adress gëtt net publizéiert ginn.

*

*

  1. Responsabel fir d'Daten: Miguel Ángel Gatón
  2. Zweck vun den Donnéeën: Kontroll SPAM, Kommentarmanagement.
  3. Legitimatioun: Är Zoustëmmung
  4. Kommunikatioun vun den Donnéeën: D'Donnéeë ginn net un Drëttubidder matgedeelt ausser duerch legal Verpflichtung.
  5. Datenspeicher: Datebank gehost vun Occentus Networks (EU)
  6. Rechter: Zu all Moment kënnt Dir Är Informatioun limitéieren, recuperéieren an läschen.

  1.   Iwwerreschter72 sot

    Ech hu gär wéi et ausgesäit, ech félicitéieren Iech.

    1.    elav sot

      Merci, Dir hutt e laange Wee ze goen awer Merci.

  2.   Rogers sot

    Ganz gutt!! Ech hätt gär sou en Thema a mengem WP.
    Ech félicitéieren Iech!

    1.    elav sot

      Ech hunn et nach net gesat, ech kann Iech et verkafen HAHAHAHAHA .. Geckeg just 🙂

  3.   Manuel E. sot

    Exzellent, merci fir deelen.
    Dës Aart vu Ressourcen ass ganz vill um Internet gebraucht an erkläert d'Saache kloer.

    Merci!

  4.   eliotime3000 sot

    Schéinen Design. Loosst eis kucken ob Dir fir meng Websäit dës Schabloun gitt fir se ze personaliséieren.

  5.   raven291286 sot

    dat kann am Blogger gemaach ginn?

  6.   javier sot

    Gutt, näischt, ech hunn et gesot wéi et ass an et funktionnéiert net fir mech, wat kann et sinn? : /

    Ech setzen [Info] Informatioun [/ Info]

    a mengem wordpress Post erschéngt et nëmmen: Informatioun, d'Klammer verschwannen, ech mengen eppes ass falsch: /

    1.    Johnny Silva sot

      Vläicht an Ärer Schabloun sinn d'ShortCodes net an der function.php definéiert wéi a mengem Fall, dës Wäerter ginn an eng Datei mam Numm shortcodes.php vu mengem Thema derbäigesat.

bool (richteg)