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 Od Linuxu, 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 Od Linuxu 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.
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 to je vše... Opakuji, nejsem programátor ani nic podobného a vysvětlení, které jsem uvedl, je, jak chápu, že ShortCode funguje