Krijoni kode të shkurtra për temën tonë WordPress

Që kur kemi filluar me këtë projekt, gjithmonë kemi dashur që ai të ketë etiketën tonë dhe kjo është arsyeja pse modeli i dytë në të cilin përdorim DesdeLinux, u krijua nga ne 100%.

Pastaj versionet e tjera ndoqën, dhe megjithëse ne mund të blejmë ose punësojmë shërbime të caktuara në internet për të krijuar dizajnet tona si ato të StudioDWeb.com, ose blini shabllone të krijuara tashmë në ThemeForest.net, ne gjithmonë kemi dashur të kemi tonat, të përshtatur për nevojat tona dhe të ndalemi pranë webdevelopment.com mund të jetë ndihmë

Gjithsesi, unë jam i apasionuar pas Projektimit dhe Zhvillimit të Uebit, dhe tashmë jam duke punuar në temën e re për të DesdeLinux dhe unë do t'ju tregoj disa pamje të ekranit se si duket.

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, ajo është e përshtatshme me masën tonë dhe ne kemi përfshirë të reja Kodet e Shkurtra për përpunimin e artikujve.

Kjo është arsyeja pse më ra ndërmend të ndaj me ju se si të krijoni njërën prej tyre (informacionin) në rast se doni t'i përfshini në temat tuaja të WordPress. Dua të them, 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 këtë ne përdorim «thikën e ushtrisë zvicerane» të WordPress, E kam fjalën për dosjen function.php që normalisht i gjejmë pothuajse në të gjitha temat.

Ejemplo del Function.php con los ShortCodes de DesdeLinux

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 ne sqarojmë disa gjëra. Së pari, kur përdorim dy shirita, ne komentojmë vijën, prandaj // Informacion eshte thjesht nje koment.

Emri i funksionit, në këtë rast infoboks Mund të ndryshohet në çfarë të duam, por duhet të përputhet me emrin që përdorim në rreshtin e fundit.

Shembull:

kthimi $. = përmbajtja $;

variabël përmbajtja $ e cila është ajo ku përmbajtja që ne vendosim në ShortCode shkon si parazgjedhje ajo 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 të ndryshoni info për atë që duam. Tani, për ta bërë atë të duket si shembulli që 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 kaq .. E përsëris, unë nuk jam programues apo diçka e tillë, dhe shpjegimi që kam dhënë është se si e kuptoj që funksionon ShortCode ode