Vytvořte krátké kódy pro naše téma WordPress

Od té doby, co jsme začali s tímto projektem, jsme vždy chtěli, aby měl vlastní štítek, a proto používáme druhou šablonu DesdeLinux, byl vytvořen námi 100%.

Poté následovaly další verze, a přestože si můžeme koupit nebo najmout určité webové služby, abychom vytvořili naše návrhy, jako jsou ty z StudioDWeb.com, nebo koupit šablony již vytvořené v ThemeForest.net, vždy jsme chtěli mít to, co je naše, přizpůsobené našim potřebám a projít WebDevelopment.com může pomoci 😀

Každopádně mě vášnivě zajímá webový design a vývoj a už nyní pracuji na novém tématu pro DesdeLinux a ukážu vám několik snímků obrazovky toho, jak to vypadá.

Nejde o to, abychom se dostali z toho, na co jsme již přizpůsobeni, takže mnoho prvků zůstává stejných nebo podobným způsobem. Začínám s domovskou stránkou

A takto by články vypadaly:

Jak vidíte, je to vhodné pro naši míru a přidali jsme nové Krátké kódy za vypracování článků.

Proto mě napadlo podělit se s vámi o to, jak vytvořit jeden z nich (ten informační), pokud je chcete zahrnout do svých témat WordPress. Myslím něco takového:

Nejsem odborník na programování s tímto CMS, takže se nebudu snažit vysvětlovat, proč a jak to takto funguje, ukážu vám jen, jak na to, tečka.

K tomu využíváme «švýcarský armádní nůž» z WordPress, Myslím spis function.php které běžně najdeme téměř ve všech tématech.

Příklad Function.php s krátkými kódy DesdeLinux

Co v tomto souboru uděláme, je přidání struktury našeho ShortCode a samozřejmě štítek, který ji zobrazuje. Pojďme na to.

Uvnitř Function.php

Do našeho souboru function.php vložíme strukturu HTML ShortCode, ale nejde jen o to, abychom HTML tagy vložili právě tak. Měli bychom něco takového:

// Informační funkce infobox ($ atts, $ content = null, $ code = "") {$ return = ' '; $ návrat. = $ obsah; $ návrat. = ' '; návrat $ návrat; } // ShortCode add_shortcode ('info', 'infobox');

Odtud vyjasňujeme několik věcí. Nejprve, když použijeme dva pruhy, proto řádek okomentujeme // Informace je to jen komentář.

Název funkce, v tomto případě informační box Lze jej změnit na cokoli chceme, ale musí odpovídat jménu, které používáme v posledním řádku.

příklad:

$ návrat. = $ obsah;

Proměnná $ obsah což je místo, kde obsah, který jsme vložili do ShortCode, jde ve výchozím nastavení, vrátí nulovou hodnotu, pokud nic nevložíme.

Nyní máme název ShortCode, který jsme nastavili pomocí:

add_shortcode( 'info', 'infobox' );

Kde se můžete změnit info za to, co chceme. Aby to vypadalo jako příklad, který musíme uvést:

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

I když samozřejmě bez mezer, které jsem dal, protože by se samozřejmě aktivoval ShortCode.

Styl ShortCode

Pokud se podíváte na výše uvedený řádek, bez kódu PHP a proměnných by byl ShortCode v čistém HTML něco takového:

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

Musíme tedy použít pouze styl CSS.

.alert.alert-info {pozadí: # d9edf7 url (info.png) bez opakování 7px 50%; poloměr ohraničení: 4px; ohraničení: 1px solid # bce8f1; barva: # 3a87ad; velikost písma: 14px; okraj: 15px 15px; odsazení: 15px 15px 15px 50px zarovnání textu: vlevo}

A je to ... opakuji, nejsem programátor ani nic podobného a vysvětlení, které jsem uvedl, je, jak chápu, že ShortCode funguje 😛