Dacă anterior aproape fiecare fată ținea un jurnal cu experiențele personale în biroul ei, acum întreaga comunitate de internet este interesată de diverse bloguri tematice.

Șabloanele de blog Joomla sunt modalitatea perfectă de a vă gestiona conținutul. Astăzi, aproape fiecare persoană celebră are propriul blog. Este foarte interesant să afli știri despre viața cântărețului sau artistului tău preferat, dar asta nu înseamnă că nu este deloc interesant să te uiți prin paginile oamenilor obișnuiți. La urma urmei, este întotdeauna productiv să citești sfaturi utile, experimente interesante, precum și cele mai recente știri din industria modei.

Acum nu există dificultăți în organizarea spațiului personal pe Internet. Puteți pur și simplu să vă uitați prin știri și să cumpărați categoriile dvs. preferate de blog pentru joomla.

Șabloanele de blog care sunt publicate și accesibile tuturor sunt ideale atât pentru crearea unui portofoliu personal interesant, cât și pentru o revistă dedicată tendințelor modei. Există chiar și dezvoltări speciale concepute pentru iubitorii de muzică care au decis să-și înceapă propriul blog pentru a uni oameni cu gânduri similare. În acest caz, veți putea selecta atât un design, cât și o serie direct informativă, cu accent principal pe prezentarea diferitelor clipuri video și, în consecință, piese audio. Dacă doriți, puteți chiar să creați o rețea socială personală fără probleme, care va fi destinată fanilor deosebit de sociabili ai diverselor genuri muzicale.

Te-ai decis să-ți creezi blogul pe joomla și să-l combinați cu vânzările online? Apoi trebuie să acordați atenție șabloanelor de blog joomla 3, care oferă posibilitatea de a implementa vânzări online.

Fiecare dintre șabloanele Joomla prezentate se distinge prin frumusețea, stilul său și, în același timp, îl puteți personaliza cu ușurință pentru propriile nevoi.

În acest articol aș dori să abordez un tip de meniu foarte frecvent utilizat - șablon de blog de categorie. De fapt, acest articol vă permite să afișați conținutul unei categorii pe pagină. Singura nuanță este cuvântul " blog". De fapt, acesta este doar un tip de ieșire. De exemplu, pe pagina mea principală (și în secțiuni) este implementată o opțiune aproape similară. Cu toate acestea, este mai bine să vezi o dată decât să auzi de o sută de ori, așa că este mai bine să adăugați un șablon de blog de categorie în meniu și să vedeți rezultatul. Și vom vedea cum să adăugați acest tip de meniu în acest articol.

Când creați un nou articol de meniu, trebuie să selectați tipul - " Șablon de blog de categorie":

Dar în ceea ce privește " Opțiuni-General" Și " Opțiuni-Avansat„ acestea trebuie revizuite aici pentru că sunt diferite de alte tipuri de meniuri.

Să începem cu grupul" Opțiuni-General":

• Categorie. În această listă derulantă trebuie să selectați categoria pe care doriți să o afișați.
• Descriere. Dacă ați scris o descriere când ați creat o categorie, atunci aici o puteți afișa sau ascunde.
• Poza de descriere. Dacă ați specificat o imagine pentru o categorie, atunci o puteți afișa aici.
• Latimea intreaga. Acest parametru specifică cât de mult material va fi afișat pe toată lățimea conținutului. Aici este mai bine să priviți rezultatul și veți înțelege imediat ce face această opțiune.
• Introducere. Numărul de articole pe care utilizatorul le va vedea cu o scurtă descriere.
• Coloane. Numărul de coloane de blog.
• Legături. Numărul de link-uri simple către articole care apar imediat după ce toate materialele sunt afișate în lățime completă și introductivă.

În general, este mai bine să nu descrieți acești parametri, ci să îi priviți imediat și apoi veți înțelege imediat. Singurul lucru este că trebuie să creezi cel puțin mai multe articole pentru a vedea cu adevărat diferența.

Și acum să ne uităm la " Opțiuni-Avansat":

• Ordinea categoriilor. Aceasta înseamnă sortarea articolelor în categorii. " Titlul în ordine alfabetică" - aceasta este sortarea alfabetică, " Titlu vs alfabet", dimpotrivă, sortarea în funcție de alfabet. A " Ordinea de afișare" înseamnă că elementele vor fi sortate în funcție de ordinea pe care ați specificat-o.
• Triere. Aici trebuie să selectați opțiunea de sortare dorită din lista derulantă. Doar în cazul în care, lovituri- acesta este numărul de vizualizări ale articolului, deoarece acest cuvânt se găsește adesea în diferite versiuni de localizare și nu toată lumea îl știe.
• Comanda pentru mai multe coloane. Organizarea materialelor de categorie pe coloane. Acest lucru se aplică numai acelor tipuri de bloguri în care 2 și mai multe coloane.
• Împărțirea paginilor. Afișează sau ascunde paginarea.
• Rezultate împărțite în pagină. Dacă opțiunea anterioară este activată, atunci aici puteți afișa rezultatul împărțirii. De exemplu, " 1-2 din 2".
• Afișați linkul pentru feed. Puteți activa Flux RSS pentru această categorie, atunci oamenii se pot abona la ea și pot primi notificări despre actualizări.

Din propria mea experiență, voi spune că toate aceste setări de multe ori nu trebuie schimbate, așa că dacă ceva rămâne neclar, atunci priviți-le în practică. Deși, cel mai probabil, acest lucru nu va fi necesar.

Am atins subiectul wordpress, aici vom lua în considerare joomla, și anume cum să creăm și să redefinim șabloane de ieșire. Nu, nu, nu un șablon general de site web (deși vom lucra cu el), ci altceva pe care, din păcate, mulți dezvoltatori pur și simplu îl neglijează. Dar mai întâi lucrurile.

Să vedem mai întâi cum funcționează șablonul în joomla. O să explic în termeni generali, dar ca să înțelegeți despre ce tipare vorbesc. Știm cu toții că un site web are un șablon pe care îl putem schimba în orice dorim. Deci, acest șablon poate conține subșabloane, și anume șabloane de extensie. Imaginați-vă că doriți să schimbați stilul de ieșire al unui modul, de exemplu, să luăm modulul pentru a scoate cele mai recente materiale. Modulul poate fi fie nativ încorporat, fie terț, în principiu nu contează, esența este aceeași. Imaginați-vă că trebuie să schimbăm titlul articolului și imaginea anunțului, i.e. a fost - mai întâi apare titlul articolului, apoi sub el este o poză, apoi data, apoi textul etc. Și designerul ne-a desenat așa - poza este mai sus și titlul este mai jos. Cum ne vom schimba? Iată cel mai interesant lucru... Mulți dezvoltatori nu se gândesc la faptul că joomla este un sistem cu creștere rapidă, care se caracterizează prin actualizări frecvente. Dar mulți dezvoltatori găsesc chiar aceste linii în fișierele modulului și le modifică după cum au nevoie. Nu este posibil? De ce, este posibil numai după actualizarea modulului sau a motorului, dacă este un modul nativ - modificările tale sunt distruse și toată munca ta va fi irosită. Adică, fișierele modificate vor fi pur și simplu suprascrise în timpul actualizării. Deci, dezvoltatorii au prevăzut acest lucru și au venit cu un sistem de șablon și, în opinia mea, aceasta este o abordare foarte corectă și convenabilă.

Structura articolului

Deci, cum funcționează suprascrierea șablonului? Joomla, la fel ca majoritatea motoarelor moderne, funcționează conform modelului MVC - model, vedere, controler. Nu voi aprofunda acum, dar voi spune că acest model prevede separarea logicii de șablon. Deci, acest șablon este plasat în șablonul principal joomla. Joomla este proiectat în așa fel încât, dacă șabloanele de extensie nu se găsesc în șablonul site-ului principal din folderul „html”, le va elimina din nucleu. Pentru a fi clar, voi da un exemplu.

Să luăm o componentă standard com_content este o componentă a articolului joomla. Să încercăm să redefinim tipul de articole prezentate. Să le afișăm, de exemplu, pe pagina principală. Pentru a face acest lucru, trebuie să adăugăm un șablon pentru afișarea articolelor selectate ale componentei la șablonul principal joomla. Pentru a face acest lucru, creați folderul html în rădăcina șablonului principal al site-ului, apoi folderul „com_content” din acesta, apoi folderul „featured” (materiale selectate) din acesta, de exemplu. calea va fi cam așa - /templates/your template/html/com_content/featured. Acum mergeți la următoarea cale - /components/com_content/views/featured/tmpl/ și copiați fișierele default.php, default_links.php și default_item.php în folderul „featured” creat al șablonului dumneavoastră. Acum editați aceste fișiere după cum avem nevoie. Veți putea vedea modificările imediat pe site. Acum, când actualizați joomla, modificările dvs. vor rămâne intacte.

În acest fel, puteți suprascrie șablonul de ieșire al aproape orice componentă sau modul, atât încorporat, cât și terță parte. Pluginurile nu au șabloane. Pe de o parte, redefinirea șabloanelor poate părea o corvoadă - crearea de foldere într-o anumită secvență, dacă facem ceva greșit, șabloanele nu vor funcționa. În cele mai recente versiuni de joomla, începând cu joomla 3.2, a devenit posibil să se creeze înlocuiri automat direct din panoul de administrare a site-ului. Pentru a face acest lucru, accesați Extensii -> Manager șabloane -> în lista de șabloane vizavi de șablonul utilizat, în coloana „Șablon”, faceți clic pe numele șablonului și intrați în editorul de șabloane.

Acum doar faceți clic pe extensia care vă interesează și înlocuirile vor fi create automat în folderul șablonului selectat. După părerea mea, asta simplifică foarte mult viața, pentru că... nu trebuie să vă faceți griji despre ce foldere să creați, ce să puneți unde etc.

De asemenea, pe lângă șabloanele de componente și module, putem redefini aspectul machetelor. Ce sunt layout-urile? De exemplu, trebuie să schimbăm șablonul de navigare a paginii. Pentru a face acest lucru, trebuie doar să creați un șablon de aspect „Paginare” în panoul de administrare și să îl modificați după cum este necesar. Aspectele sunt o funcție nouă care a venit în Joomla 3.

Aspect alternativ

Acum înțelegem că înainte de a schimba designul de ieșire al unei anumite extensii, trebuie să creăm șablonul acesteia. Dar imaginați-vă că aceluiași modul trebuie să primească mai multe modele, de exemplu. într-o secțiune a site-ului designul este unul, în altă secțiune designul este diferit. Cum să fii aici? Voi spune că și dezvoltatorii au prevăzut acest lucru și au creat o opțiune specială numită „Aspect alternativ”. Puteți vedea această opțiune în setările modulului sau componentei. De exemplu, în setările modulului arată așa.

De exemplu, să redefinim șablonul modulului de formular de autentificare pe site și să creăm două șabloane. Pentru a clarifica modul în care diferă unul de celălalt, să facem ca butonul de conectare să fie portocaliu în mod implicit, butonul de conectare din șablon "Protostar" albastru. Pentru a face acest lucru, mai întâi accesați managerul de șabloane și creați o modificare pentru modul "mod_login"— Extensii -> Manager șabloane -> în coloana „Șablon”, selectați șablonul nostru, am acest șablon "Protostar"-> fila „Creare suprascriere” iar în coloana „Module” faceți clic pe link "mod_login".

Apoi primim un mesaj că anularea a fost creată și următorul lucru pe care îl vom face este să mergem în folderul șablon „Protostar” (dacă site-ul este găzduit, atunci este mai bine să folosiți un client ftp, de exemplu, total commander) și vedem că un folder a apărut în rădăcina șablonului "html", deschideți acest folder, apoi folderul "mod_login"și vedem două fișiere șablon: implicit.phpŞi default_logout.php. Putem schimba aceste fișiere așa cum ne dorim și putem vedea imediat rezultatul pe site după reîmprospătarea paginii. Dar aceste modificări se vor aplica imediat tuturor modulelor create "mod_login"și trebuie să creăm două modele diferite.

Pentru a înțelege esența aspectului alternativ, accesați setările modulului Formular de autentificare -> fila „Parametri suplimentari” și asigurați-vă că în lista derulantă „Aspect alternativ” Există doar un șablon implicit și atât.

Acum haideți să creăm copii ale șabloanelor de înlocuire din folder mod_loginșablon de site web (selectați fișierul, apăsați ctrl + c, apoi ctrl + v), vom avea fișiere cu prefixul „copiere”. Să redenumim ambele fișiere, înlocuind prefixul „copiere” cu, de exemplu, "-alternativă"(numele fișierelor trebuie să fie strict latine și să nu conțină liniuțe de subliniere), i.e. ar trebui să avem două fișiere suplimentare: default-alternative.phpŞi default-alternative_logout.php. Acum căutăm codul butonului în fișier default-alternative.php cu clasa "btn btn-primar"și schimbare "btn-primar" pe "btn-warning"(clasa butonului de alertă în ), adică ca aceasta - class="btn btn-warning".

Acum accesați setările modulului mod_loginși vedem că un șablon suplimentar „default-alternative” a apărut în lista „Alternative Layout”.

Gata, acum putem să ne clonăm modulul și să selectăm șablonul „alternativ-implicit” în opțiunea „Aspect alternativ”. Acum acest șablon va fi afișat pe site cu un buton portocaliu de autentificare.

Aspect alternativ de categorii și articole

La fel ca și modulelor, articolelor și categoriilor li se poate atribui propriul aspect alternativ de ieșire. Putem suprascrie rezultatul oricărui articol sau categorie. Atunci când creați un site web, de multe ori trebuie să apelați la astfel de metode, mai ales dacă este un site mare și există o mulțime de informații diferite pe acesta.

Putem atribui un aspect alternativ unei categorii separate și unui articol separat.

Este de remarcat imediat că aspectul alternativ al categoriei va funcționa numai dacă categoria nu este legată de un element de meniu cu tipul „Blog de categorie” sau „Lista materialelor de categorie”. Pentru a afișa un aspect alternativ pentru o categorie care este legată de un element de meniu, vom folosi o metodă diferită, dar mai multe despre asta mai jos...

Aspect alternativ al articolului unic

Să creăm un aspect alternativ pentru un material separat. De exemplu, într-un material separat am setat titlul H2 la clasa pageTitle, astfel încât acest material a devenit unic în raport cu altele. Cum se poate realiza acest lucru? Pur și simplu creăm un aspect alternativ de pagină și îl atribuim articolului dorit. Pentru a face acest lucru, creați mai întâi o înlocuire pentru articol: Extensii -> Manager șabloane -> coloana „Șablon”, selectați șablonul -> Creați o modificare -> în coloana „Componente” găsiți „com_content”, extindeți lista și faceți clic pe pe linkul „articol”.

Acum mergeți la directorul - /templates/your template/html/com_content/article/ și creați o copie a fișierului default.php. Apoi, redenumiți acest fișier, de exemplu, default-alt.php. Facem modificările necesare șablonului (am setat titlul paginii la clasa pageTitle, dacă vă amintiți). Acum să atribuim acest șablon articolului dorit - Materiale -> Manager de materiale -> selectați materialul dorit -> Opțiuni de afișare a materialelor -> mergeți în jos și în câmpul „Aspect alternativ” selectați aspectul nostru - default-alt.

Acum, dacă reîncărcăm pagina, putem vedea modificările noastre.

Să dăm acum aspectului nostru alternativ „default-alt” un nume adecvat. De exemplu, să-i spunem așa - Aspectul meu alternativ. Pentru a face acest lucru, trebuie să adăugăm o constantă cu traducere - TPL_ NUMELE ȘABLONULUI DVS _COM_CONTENT_ARTICLE_LAYOUT_ NUME ALTERNATIV DE FIȘIER DE AZAR ="Aspectul meu alternativ" - la fișierul de localizare a șablonului - ru-RU.tpl_ numele șablonului .sys.ini.

Folosesc șablonul implicit „protostar” și numele fișierului meu de aspect alternativ este default-alt.php. În cazul meu, pentru traducere, am adăugat constanta TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT=”My alternative layout” la fișierul ru-RU.tpl_protostar.sys.ini (/language/ru-RU/). Acum, când selectez un aspect alternativ, numele meu este afișat.

Există o metodă mai ușoară de a localiza un aspect alternativ prin suprascrierea constantelor limbajului joomla. Am scris despre asta în, puteți citi și. Traducerea este creată din panoul de administrare și nu este nevoie să intri în fișiere. Pentru a face acest lucru, accesați Extensii -> Manager de limbă -> Redefinirea constantelor. Apoi, în câmpul „Filtru”, treceți în zona panoului de control cu ​​limba dorită (am rusă, într-un site multilingv va trebui să creați una pentru fiecare limbă).

Acum faceți clic pe butonul „Creați” și introduceți constanta noastră în câmpul „Constante de limbă”, pentru mine este TPL_PROTOSTAR_COM_CONTENT_ARTICLE_LAYOUT_DEFAULT-ALT. În câmpul „Text”, introduceți traducerea acesteia - Aspectul meu alternativ. Faceți clic pe salvare. Gata, se va traduce și macheta.

Aș dori să adaug că aspectul nostru alternativ poate fi definit și global, de exemplu. implicit se va aplica tuturor materialelor. Pentru a face acest lucru, accesați setările materialelor - Material Manager -> faceți clic pe butonul „Setări” din colțul din dreapta sus -> în prima filă „Materiale”, în partea de sus vedem câmpul „Selectare aspect”.

Aspect alternativ de categorie

În același mod ca și pentru un articol, se creează un aspect alternativ de categorie. Creăm o înlocuire a șablonului de listă de articole de categorie (când creați o înlocuire, faceți clic pe linkul „categorie”). Apoi, accesați șablonul nostru și deschideți folderul de înlocuire creat - categorie. În acest folder găsim fișierele: blog.php, blog_item.phpŞi blog_copii.phpși creați copii ale acestora (selectați, CTRL+C -> CTRL+V). Să redenumim copii ale acestor fișiere, le-am numit astfel: myblog.php, myblog_item.phpŞi myblog_children.php. Puteți înlocui prefixul " blogul meu_» după numele său, dar succesiunea acțiunilor trebuie să fie exact așa, altfel pot apărea erori. Acum în panoul de administrare a site-ului deschidem categoria căreia dorim să îi atribuim un aspect alternativ și în fila „Opțiuni” găsim câmpul „Aspect alternativ”. Prin extinderea listei, vom vedea aspectul pe care l-am creat (în mod implicit, există deja două aspecte: Blog și Listă).

Lasă-mă să-ți amintesc din nou! Acest aspect alternativ va fi aplicat numai dacă categoria nu este legată de un element de meniu cu tip blog de categorie sau listă de categorii.

De asemenea, puteți da un nume adecvat aspectului prin crearea unei constante de limbă - TPL_ NUMELE ȘABLONULUI _COM_CONTENT_CATEGORY_LAYOUT_ NUME FIȘIER LAYOUT (copie a fișierului blog.php). În cazul meu va fi - TPL_PROTOSTAR_COM_CONTENT_CATEGORY_LAYOUT_MYBLOG, în câmpul de traducere am dat numele meu - Blogul meu.

Așadar, am redefinit șablonul de ieșire a blogului de categorie, dar dacă ați observat în folderul de suprascrie categorii există și fișiere: default.php, default_item.php și default_children.php - acestea sunt fișierele noastre șablon de listă de categorii. Deci, dacă doriți să creați un aspect alternativ al listei de categorii, atunci trebuie să creați copii ale acestor fișiere. Restul e tot la fel.

S-ar părea că asta e tot, dar mai este un punct despre care vreau să vorbesc. Imaginați-vă lista noastră de materiale de categorie, acestea sunt afișate în format blog. Să schimbăm acum titlul materialului din lista de categorii. În mod implicit este H2 și îl vom schimba în H3. Se fac modificări în fișierul blog_item.php, dar voi face modificări unui aspect alternativ, fișierul myblog_item.php. Deci, dacă deschidem acest fișier, se dovedește că unele blocuri sunt plasate în fișiere separate, inclusiv titlul articolului nostru. Rețineți a treia coloană „Aspecte” când creați o modificare într-un șablon. Deci, acum ne vom întoarce la această coloană. Trebuie să creăm înlocuiri de aspect pentru componenta standard a articolului joomla. Pentru a face acest lucru, mergem la suprascrieri și în coloana „Aspecte”, faceți clic pe linkul „conținut”. Acum mergem la folderul șablonului nostru, apoi la folderul „html” și vedem că acolo a apărut un alt folder - „aspecte”. Mare! Acum să mergem la acest folder -> joomla -> conținut și aici trebuie să găsim fișierul care conține titlul articolului nostru. Pentru a face acest lucru, să ne întoarcem la fișierul nostru myblog_item.php (în cazul meu) și să căutăm liniile în care afișăm titlul. Pentru mine este linia 23. Arata cam asa:

articol); ?>

Pe baza acestui cod, vedem că conectăm un fișier numit - blog_style_default_item_title, exact asta vom căuta în folderul layout-uri. Am acest fișier - blog_style_default_item_title.php. Îl puteți deschide imediat și îl puteți edita, dar vă sugerez să creați și un aspect alternativ pentru acest șablon de antet. Pentru a face acest lucru, creați o copie a acestui fișier și redenumiți-o, de exemplu, l-am numit astfel - . Acum să trecem la dosar myblog_item.phpși schimbă linia

articol); ?>

articol); ?>

Acum, fișierul șablon myblog_style_default_item_title.php puteți modifica după cum doriți și modificările vor fi aplicate exact în categoria căreia îi este atribuită aspectul alternativ al categoriei. Așa funcționează totul. Alte șabloane pentru coloana „Aspecte” sunt redefinite în același mod.

Acest aspect alternativ poate fi definit și global, de exemplu. va fi atribuit implicit tuturor categoriilor. Accesați setările componentei standard de articol joomla și selectați aspectul dorit în fila „Categorie”.

Aspect alternativ al elementelor de meniu

Acum să ne uităm la o altă opțiune pentru crearea unui aspect alternativ care este ancorat la un element de meniu. Accesați directorul - /templates/your template/html/com_content/categoty și creați o copie a fișierului blog.xml și apoi redenumiți-l în (în cazul meu) myblog.xml. Acum să deschidem acest fișier. La începutul fișierului vom vedea o structură ca aceasta:

Această structură este cea care definește elementul de meniu pentru aspectul nostru. Să schimbăm următoarele constante cu propriile noastre, înlocuind fragmentul selectat în conformitate cu șablonul alternativ creat și să creăm suprascrieri pentru ele în fișierele de limbă:

COM_CONTENT_CATEGORY_VIEW_ BLOG _TITLU
COM_CONTENT_CATEGORY_VIEW_ BLOG _OPŢIUNE
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_ BLOG
COM_CONTENT_CATEGORY_VIEW_ BLOG _DESC

Le-am numit astfel:

COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE
COM_CONTENT_CATEGORY_VIEW_MYBLOG_OPTION
JHELP_MENUS_MENU_ITEM_ARTICLE_CATEGORY_MYBLOG
COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC

Accesați managerul de limbi și creați înlocuiri constante pentru zona panoului de control cu ​​limba de care aveți nevoie. Tot ce trebuia să fac a fost să creez suprascrieri pentru două constante: COM_CONTENT_CATEGORY_VIEW_MYBLOG_TITLE și COM_CONTENT_CATEGORY_VIEW_MYBLOG_DESC.

Creăm un nou element de meniu, selectăm tipul „Materiale” și vedem că acolo a apărut un nou tip de aspect alternativ. L-am numit „Alternate Category Blog Layout”.

Acum rezultatul articolelor din acest articol de meniu va fi afișat în conformitate cu aspectul creat.

Aș dori să vă avertizez că, dacă creați un aspect alternativ al elementului de meniu, atunci nu veți putea selecta acest aspect alternativ la nivel global sau dintr-o categorie, deoarece nu va mai fi disponibil.

Stilul modulului

Să ne întoarcem la modulele noastre și să vedem ce altceva putem face acolo pentru a ne ușura viața. Până acum, am examinat layout-urile interne ale fiecărei extensii, vorbind despre faptul că acestea pot fi redefinite, dar modulele au și un înveliș exterior, care nu ne-a fost disponibil folosind metodele de mai sus. Ce fel de coajă este aceasta? Acesta este, de exemplu, un bloc cu o clasă moduletable care include fiecare modul cu un stil standard de ieșire xhtml. De asemenea, puteți include aici titlul modulului, care este afișat implicit în eticheta H3. Acum imaginați-vă situația - trebuie să schimbați unul dintre module, sau mai degrabă titlul său, pentru a schimba eticheta H3 într-un bloc div obișnuit cu o anumită clasă, de exemplu, clasa moduleTitle, + adăugați și o etichetă span în interiorul acestui bloc, adică încadrați titlul cu o etichetă span suplimentară. Acesta a vizat un modul separat. Dar ce se întâmplă dacă trebuie să afișați toate modulele într-o anumită poziție a modulului în acest fel?

Să ne dăm seama. Putem crea un wrapper unic și îl putem atribui oricărui modul. Pentru a face acest lucru, creați un fișier modules.php în folderul șablon, iar calea completă arată astfel - /templates/your template/html/modules.php. Deschideți acest fișier și inserați următorul cod în el:

continut)): ?>

Dar nu vă grăbiți să salvați, mai trebuie să îl edităm sau, mai precis, să creăm un stil unic pentru modul, altfel va apărea o eroare pe site sub forma unui ecran alb (cu afișarea erorilor dezactivată), deoarece acest stil există deja. Ne interesează funcția „modChrome_xhtm” hai să-i dăm un nume unic, l-am numit așa - „modChrome_myStyle”. Gata, acum conținutul funcției poate fi editat după cum avem nevoie. Drept urmare, dacă mi-am implementat planul, am modernizat codul după cum urmează:

continut)): ?>

Acum puteți salva acest fișier. Următorul lucru pe care îl vom face este să mergem la managerul de module și să deschidem modulul dorit pentru editare. Accesați fila „Parametri suplimentari”, mergeți în jos și în ultimul filtru „Stil modul” vedem că avem un stil suplimentar - pentru mine este myStyle.

Alegem acest stil și observăm rezultatul. Dacă inspectăm, vedem că în loc de titlul obișnuit H3, avem acum un bloc div cu clasa moduleTitle, care conține și o etichetă internă span.

Această caracteristică de atribuire a unui stil unic fiecărui modul a apărut în joomla 3. Nu am văzut această caracteristică în joomla 2.5. Deci, dacă nu ați făcut asta încă.

Acum să ne uităm la modul de ieșire a tuturor modulelor conform unui stil dat într-o anumită poziție a modulului. Poziția modulară în șablon este inserată după cum urmează:

name="header" - în schimb antet Introduceți numele dvs. pentru poziția modulară.

Dacă observați, stilul standard este afișat în această poziție - xhtml. Să-l înlocuim cu unul creat de noi - myStyle, adică. ca aceasta:

Gata, acum toate modulele din această poziție modulară vor fi afișate conform stilului nostru. Respect pentru dezvoltatori pentru că au făcut posibilă personalizarea șablonului atât de flexibil!

Caracteristici suplimentare

Dacă ați observat în aceeași filă a modulului „Parametri adiționali”, pe lângă câmpurile „Aspect alternativ” și „Stil modul”, există și câmpuri precum „Module CSS class suffix”, „Caching”, „Module HTML etichetă”, „Dimensiunea bootstrap”, „Etichetă antet HTML”, „Clasa antet CSS”. Ei bine, câmpul „Caching” nu are nimic de-a face cu șablonul, așa că îl vom omite pentru moment. Să ne uităm la câmpurile rămase.

Sufixul clasei CSS al modulului— adaugă un sufix la un bloc cu clasa moduletable. O clasă suplimentară poate fi specificată fie printr-un spațiu, fie printr-o cratimă, fie chiar scrisă împreună. În acest fel, putem defini în mod unic clasa bloc de modul și scrie stilurile pe care le dorim pentru aceasta.

Eticheta modulului HTML- funcționează dacă selectăm stilul modulului html5. Acest stil este creat implicit. Opțiunea vă permite să înlocuiți blocul div standard cu unul dintre cele selectate - secțiune, nav, articol etc.

Dimensiunea bootstrap— funcționează cu stilul de modul selectat html5. Această opțiune este relevantă numai dacă utilizați

Aici puteți descărca unic Șabloane Blogger. Subiectele din această colecție sunt mai avansate Optimizare SEO.

Limbi: engleză, rusă.

Tipuri: Știri, Revista, Blog, Minimalism, Portofoliu, O pagină, Galerie, Grilă, Magazin online, Cărți de vizită, Site-uri corporative.

Subiecte: Sport, Fotografii, Jocuri, Gătit, Stil și Modă, Femei, Copii, Mașini, Sănătate, Călătorii, Turism, Design, Renovare locuințe, Interior, Natură, Animale, Dans, Video, Muzică, Politică, Economie, Afaceri, Forex, Artă, Imagini, Imagini de fundal, Câștiguri, Imobiliare, Pescuit, Vânătoare, Software, Software, Aplicații de jocuri Android.

Tehnologii: Jquery, AMP, Bootstrap, Ajax, Javascript, Design receptiv.

Cele mai bune șabloane de bloggeri, alegerea utilizatorilor

UberSpot este o soluție excelentă pentru cei care apreciază designul frumos, optimizarea SEO și funcționalitatea eficientă. În această temă veți găsi o serie de produse noi interesante și productive, cum ar fi un nou widget Instagram, hărți de site, postări, comentarii etc. Puteți, de asemenea, să profitați de două tipuri diferite de layout-uri.

„Cuceritor de nișă” de neoprit. Aceasta este soluția ideală pentru site-uri cu o singură temă si bloguri. Ideea la crearea temei a fost implementarea unei navigații fără sfârșit, a cărei mișcare ar putea fi urmărită de motoarele de căutare. Astfel, noul sistem de navigație, spre deosebire de cele anterioare, nu numai că va crește factorul comportamental, ci îl va și afișa pe deplin, ceea ce va presupune o creștere a poziției site-ului în căutare.

Proiectat pe baza noilor teme Blogger din serie (CNES). Capabil să rezolve multe sarcini atribuite. Îl poți folosi cu toate widget-urile sau parțial ca blog cu informații personale. Viteza de încărcare a paginii vă va surprinde plăcut.

BlogBoard este unul dintre cele mai bune grile din 2018. Combină mai multe stiluri simultan. Poate fi folosit ca magazin online de blog. Va face o treabă grozavă de a vă prezenta abilitățile și serviciile, așa că este potrivit și pentru un portofoliu.

Dionis are un tip simplificat de livrare a mesajelor. Potrivit pentru orice nișe și povești. Printre caracteristicile pe care le putem evidenția este un preloader frumos (o imagine animată înainte de a încărca pagina principală), mesajele recomandate apar în partea dreaptă la derularea paginii.

Acesta este un model rapid și flexibil care a absorbit mai multe completări din rețelele sociale. O opțiune excelentă pentru cei care își prețuiesc timpul. Tradus în rusă.

Mistik are patru stiluri diferite. Îl poți alege pe cel care îți place cel mai mult. Personalizarea ușoară a meniurilor, culorilor și altor elemente vă permite să vă creați propriul design unic.

NewsB este o temă de știri ușoară, cu o schemă combinată de culori, widget-uri simple și în același timp elegante create pentru diverse subiecte și categorii de conținut. NewsB este pe deplin receptiv și susținut fără probleme de toate browserele moderne. Versiunea completă include cele mai recente setări SEO pentru bloggeri de astăzi, ceea ce va permite site-ului dvs. să-și mărească clasamentul în motoarele de căutare și mai sus.

Minima Mag este un șablon de știri modern, cu design receptiv, mesaje de încărcare rapidă, gadget-uri elegante și, desigur, un design curat care combină perfect trei culori, ceea ce face în cele din urmă Minima Mag îngrijit și elegant.

O temă uimitoare cu un stil clasic conceput pentru site-uri web și bloguri pentru femei. Avicia este o temă profesională cu un design elegant și modern care poate inspira și transmite doar emoții pozitive cititorilor.

Dream Press, este printre cele mai bune teme pentru bloggeri. În el veți vedea un design modern, elegant, stilat și simplu. În general, toate aceste calități vor ajuta la menținerea cititorului pe site.

Singurul lucru pe care trebuie să-l știi despre ExGPress este că are cea mai convenabilă funcționalitate, comparabilă cu o rețea de socializare, care va oferi site-ului tău un procent ridicat de returnări. La toate puteți adăuga optimizare SEO, viteză mare de încărcare și o rezervă mare de spațiu pentru gadget-uri și publicitate. ExGPress a fost conceput special pentru vizualizarea confortabilă a conținutului și cea mai bună interacțiune cu motoarele de căutare, ceea ce îl face unul dintre cele mai bune șabloane pentru bloggeri de astăzi. Zilele trecute i-au adăugat o nouă caracteristică: bare laterale plutitoare când derulați pagina în jos sau în sus, barele laterale cu widget-uri se mișcă odată cu derularea.

Grid Line este un șablon blogspot modern și elegant. Toate elementele sale sunt atent selectate, optimizate și aranjate astfel încât să maximizeze atenția cititorului asupra conținutului. Grid Line a fost creat nu numai pentru a vă promova cu succes resursa web în motoarele de căutare, ci și pentru a ridica moralul utilizatorilor și cititorilor săi.

Avin adesea situații când aveți nevoie de categorii diferite în Joomla! ieșire folosind șabloane individuale. De exemplu, categoria de știri este afișată cu propriul șablon, iar categoria articolului ar trebui să fie afișată cu propriul șablon, care este foarte diferit de șablonul de afișare a știrilor Joomla. Iată o modalitate simplă de a face acest lucru la nivelul standard de șablon de ieșire com_content, fără a afecta nucleul Joomla.

După ce ne-am uitat la structura componentei standard com_content din Joomla, să copiem fișierele de ieșire ale șablonului de categorie în șablonul nostru Joomla, dacă nu sunt deja acolo. Luați în considerare șablonul de ieșire pentru blog de categorie:

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\blog.php – șablon inițial

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\blog_item.php – șablon de material

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\blog_links.php – șablon pentru link-uri către următoarele materiale

Șablonul de ieșire blog.php se va încărca primul, care la rândul său folosește celelalte două șabloane. Pentru a rezolva problema, nu trebuie să atingeți fișierele de bază Joomla, ci vor fi folosite doar șabloane.

Deoarece blog.php va fi încărcat primul, manipulările trebuie efectuate cu acesta în consecință. Puteți adăuga condiția necesară pentru a verifica categoria Joomla. După ce verificați dacă accesul direct este interzis, adăugați:

articole->catid === $categorii[$i]) ( $this->_layout = "myblog"; $this->display(); $check = true; break; ) ) // Dacă condiția nu se potrivește , afișați șablonul obișnuit dacă (!isset($check)): $cparams =& JComponentHelper::getParams("com_media"); ?>

Și la sfârșitul fișierului închidem condiția:

Să ne uităm puțin la cod:

La o variabilă $categoriiîntrebăm noi ID categorii care trebuie afișate ca un șablon separat, separate prin virgule. Apoi, în consecință, aranjam totul într-o matrice și selectăm primul element pentru a determina categoria de ieșire. Apoi comparăm această categorie cu cele specificate în variabilă $categorii iar dacă există o potrivire, setăm șablonul și îl afișăm. Dacă nu se găsesc potriviri, atunci variabila $check nu este instalat și este afișat șablonul obișnuit blog.php.

Tot ce rămâne de făcut este să ne creăm fișierele șablon în același director:

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\myblog.php – șablon inițial

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\myblog_item.php – șablon de material

(rădăcină)\templates\(TEMPLATE)\html\com_content\category\myblog_links.php – șablon pentru link-uri către următoarele materiale

În acest fel, puteți controla șabloanele de ieșire pentru diferite categorii fără a afecta nucleul Joomla.

ÎN WordPress acest lucru este implementat foarte simplu: trebuie doar să creați o copie a șablonului categorie.phpși adăugați la acesta un slug (numele sistem englez al rubricii) din rubrica necesară. De exemplu: categorie-știri.php va fi folosit la afișarea postărilor din categorie cu un slug ştiri.