Që kur e filluam këtë projekt, gjithmonë donim që ai të kishte vulën tonë, dhe kjo është arsyeja pse shablloni i dytë që përdorim në DesdeLinux u krijua 100% nga ne.
Versione të tjera pasuan, dhe ndërsa mund të blejmë ose të marrim me qira shërbime të caktuara në internet për të krijuar dizajnet tona, si ato nga EstudioDWeb.com , ose të blejmë shabllone të gatshme nga ThemeForest.net , gjithmonë kemi dashur të kemi tonat, të përshtatura sipas nevojave tona, dhe vizita në DesarrolloWeb.com mund të jetë e dobishme
Gjithsesi, jam i apasionuar pas Dizajnit dhe Zhvillimit të Uebit dhe tashmë po punoj në temën e re për DesdeLinux dhe do t'ju tregoj disa pamje të ekranit se si po ecën.
Ideja është që të mos dalim nga ajo për të cilën jemi adaptuar tashmë, kështu që shumë elementë mbeten të njëjtë ose në një mënyrë të ngjashme. Filloj me faqen kryesore
Dhe kështu do të dukeshin artikujt:
Siç mund ta shihni, po na shkon tamam siç duhet, dhe kemi përfshirë Kode të Shkurtra të reja për krijimin e artikujve.
Kjo është arsyeja pse mendova t'ju tregoj se si të krijoni një prej tyre (atë informative) në rast se doni t'i përfshini në temat tuaja të WordPress-it . Diçka si kjo:
Unë nuk jam një ekspert në programimin me këtë CMS, kështu që nuk do të përpiqem të shpjegoj pse dhe si funksionon në këtë mënyrë, unë do t'ju tregoj vetëm se si ta bëni atë, periudha.
Për ta bërë këtë ne përdorim "Thikën zvicerane të ushtrisë" të WordPress-it , po i referohem skedarit functions.php që zakonisht e gjejmë në pothuajse të gjitha temat.
Ajo që do të bëjmë në këtë skedar është të shtojmë strukturën e Kodit tonë të Shkurtër dhe natyrisht, etiketën që e tregon atë. Pra, le të marrin atë.
Brenda funksionit.php
Brenda skedarit tonë function.php ajo që do të vendosim do të jetë struktura HTML e ShortCode, por nuk është thjesht vendosja e etiketave HTML ashtu. Do të kishim diçka të tillë:
// Infobox i funksionit të informacionit ($ atts, $ content = null, $ code = "") {$ return = ' '; kthimi $. = përmbajtja $; $ kthim. = ' '; kthim $ kthim; } // Kodi i Shkurtër add_shortcode ('informacion', 'infobox');
Nga këtu sqarojmë disa gjëra. Së pari, kur përdorim dy vija të pjerrëta, ne komentojmë rreshtin, prandaj // Info është vetëm një koment.
Emri i funksionit, në këtë rast infobox, mund të ndryshohet në çfarëdo që të duam, por duhet të përputhet me emrin që përdorëm në rreshtin e fundit.
Shembull:
kthimi $. = përmbajtja $;
Variabli $content , ku shkon përmbajtja që vendosim në ShortCode, do të kthejë një vlerë null nëse nuk vendosim asgjë.
Tani emri i Kodit të Shkurtër është ai me të cilin vendosim:
add_shortcode( 'info', 'infobox' );
Ku mund ta ndryshoni informacionin në çfarëdo që dëshironi. Tani, që të duket si shembulli, duhet të vendosim:
[ info ]Este será el ShortCode de ejemplo[ /info ]
Edhe pse sigurisht, pa hapësirat, të cilat i vendosa sepse padyshim që ShortCode do të aktivizohej.
Stili i kodit të shkurtër
Nëse shikoni vijën e mësipërme, pa kodin PHP dhe ndryshoret, Kodi i Shkurtër në HTML të pastër do të dukej diçka e tillë:
<div class="alert-info"></div>
Pra, ne vetëm duhet të aplikojmë stilin CSS.
.alert.alert-info {sfondi: # d9edf7 url (info.png) pa përsëritje 7px 50%; rrezja kufitare: 4px; kufiri: 1px solid # bce8f1; ngjyra: # 3a87ad; madhësia e shkronjave: 14px; diferencë: 15px 15px; mbushje: 15px 15px 15px 50px-përafrimi i tekstit: majtas}
Dhe kjo është e gjitha... Po e përsëris, nuk jam programues apo diçka e tillë, dhe shpjegimi që kam dhënë është se si e kuptoj që funksionon ShortCode