Cum să editați șablonul Joomla. Schimbarea apariției

Schimbarea și editarea unui șablon ca schimbarea și editarea unui document obișnuit. Diferența constă numai că este necesar să se deschidă un șablon, nu un document. Diferența este mică, dar esențială deoarece modelul nu este încă un document.

  1. Alege echipa Fișier\u003e Creare.

Zona de sarcini va apărea pe ecran. Crearea unui document.

  1. Selectați un șablon din listă sau faceți clic pe link Pe calculatorul meuPentru a deschide un șablon de pe un hard disk.

De fapt, nu deschideți șablonul, ci creați pe el un nou document. Nu utilizați șablonul în sine, ci prin referire la acesta.

  1. Fa schimbari.

Șablonul este editat în același mod ca orice alt document. Nu uitați numai că aveți de-a face cu un șablon și nu cu un document "real". Toate stilurile sau modificările de text vor provoca o schimbare a șablonului și apoi vor fi salvate pe disc ca același model.

  1. Salvați șablonul editat selectând comanda. Fișier\u003e Salvați ca.
  2. Atribuiți un nou șablon de nume și lăsați șablonul sursă neschimbat.
  3. Alegeți în lista derulantă Tip fișier valoare Șablon de documente.
  4. Faceți clic pe buton Salvați.

Notă

Modificările efectuate de dvs. în șablon nu vor afecta documentele create folosind acest șablon înainte. Cu toate acestea, acestea vor afecta documentele pe care le creați după schimbarea șablonului.

Misterul de stocare a șabloanelor de fișiere pe hard disk

Este adesea mai ușor să schimbați șablonul existent, așa cum este descris în acest capitol decât găsirea unui șablon necesar [pe hard diskul computerului. Nu credeți că eu exagerez, dar locurile în care Word salvează șabloanele de documente, să nu fie găsite deloc. Locul de amplasare a șabloanelor nu este un secret, dar locul în sine este ales, pentru ao pune ușor, fără succes. În Windows XP, dosarul Documents și Setări este utilizat ca un depozit al tuturor datelor de utilizator. În acest dosar veți găsi folderul de date pentru aplicații în care multe aplicații salvează datele specifice utilizatorilor. Șabloanele trebuie să fie mai întâi urmate: Găsiți folderul Microsoft și în dosarul IT Șabloane. Mă îndoiesc că fără asistenţă Susanin ar putea găsi acest loc.

De la autor: Salutări pentru voi dragi cititori. Șablon în sistemul de control conținut Joomla., Joacă un rol foarte important, deoarece determină designul și structura partenerului de utilizator al site-ului. Dar pentru un dezvoltator începător, un proces destul de obișnuit de înlocuire a șablonului poate fi un test serios, deci în acest articol aș dori să vă arăt cum să modificați Șablonul Joomla.

Ce este un șablon?

Șablonul pentru sistemul de management al conținutului Joomla este o extensie care definește executarea părții utilizatorului CMS din CMS. Desigur, există modele care sunt destinate panoului de administrare, dar sunt folosite mult mai puțin frecvent. În același timp, trebuie să înțelegeți că modelul generează structura de bază și stabilește poziția pentru a afișa modulele. Adică cum se formează capacul site-ului, la fel de mult, barele laterale laterale vor fi create, după cum se formează un punct de sprijin, unde se va afișa conținutul principal etc. Și conținutul site-ului, adică conținutul său (de exemplu materiale), este format direct în componente, împreună cu designul. Astfel, se pare că o parte nu este controlată de un șablon și poate fi afișată în mai multe alte forme decât întregul site. Dar în șablon, pentru acele elemente, a căror design se formează separat, sunt furnizate redefiniții. Aceasta este, în șablon puteți suprascrie designul și designul elementelor care sunt formate în extensiile Joomla. Dar, desigur, dacă datele de expansiune susțin o astfel de oportunitate.

În acest moment, un număr mare de șabloane sunt create în diferite versiuni ale CMS Joomla, care sunt distribuite atât cele libere, cât și cele plătite. În consecință, dezvoltatorii web pot găsi un șablon potrivit pentru site-ul lor și, în același timp, apare întrebarea - cum să schimbe șablonul din Joomla? Răspunsul la care voi da mai jos.

Cum să schimbați modelul Jumla?

În primul rând, să instalați un nou șablon în sistemul de management al conținutului Joomla și apoi să-l dau seama cu o întrebare despre înlocuire. Deci, mergeți la panoul Administrator, apoi la managerul de extensie.

Tendințe și abordări moderne în dezvoltarea web

Aflați un algoritm de creștere rapidă de la zero în clădirea site-ului

Selectați arhiva cu șablonul pe care doriți să îl instalați și faceți clic pe linkul "Descărcați și instalați".

După finalizarea instalării, mergeți la Managerul de șabloane (extensii -\u003e Manager de șabloane).

Template Manager este o secțiune specială a panoului Joomla Admin, care vă permite să gestionați șabloanele CMS. În același timp, acest manager permite nu numai să aloce un șablon care să fie utilizat pentru a proiecta o parte a utilizatorului sau a panoului de administrare și pentru a configura fiecare șabloane pentru nevoile dvs., desigur, dacă șablonul acceptă setările. Pentru a configura șabloanele, trebuie să faceți clic pe titlul său.

Acum, mergem direct la răspunsul la întrebare - cum să schimbați modelul Jumla? Deci, în managerul șabloanelor, vizavi de antetul fiecăruia setați șablonulButonul este afișat utilizând care poate fi atribuit un anumit șablon ca un șablon implicit pentru partiția CMS corespunzătoare. Adică, acesta este un comutator regulat folosind care specificăm un nou șablon și, în consecință, cea anterioară - dezactivată.

În acest articol ne vom uita la modul de editare a aspectului șablonului Joomla..

Orice persoană care creează site-ul dorește să facă site-ul dvs. unic, bine sau cel puțin nu ca alții.

Acum, aproape toate șabloanele pentru Joomla sunt disponibile public, descărcați și instalați-le pe site-ul pot fi fiecare.

Să analizăm modificările șablonului standard Beez5..

Schimbați fundalul din spate al șablonului (fundal)

eu folosesc browser Chrome., Apăsați F12 sau faceți clic pe butonul din dreapta al mouse-ului în locul dorit și faceți clic pe "Vizualizați codul elementului".

După cum se poate observa în figură, eticheta este responsabilă pentru fundalul șablonului. corp. cu stil fundal..

În stiluri indicate fundal de culoare #Eee. Și imaginea de fundal (calea către ea). Acești parametri ne dau fundalul site-ului.

Pentru a le schimba, trebuie doar să înlocuiți acești parametri (specificați o nouă culoare și o cale către noua imagine).

Toate modificările sunt realizate în fișier, care este specificat în panoul dezvoltatorului, aici bez5.css.După un colon, este specificat un șir în care doriți să modificați parametrul, avem un șir de 19.

Puteți vedea calea către fișier dacă vizitați cursorul.

Schimbați sigla site-ului

Schimbarea logo-ului este foarte ușoară și există mai multe moduri pentru acest lucru.

Metoda 1:

La fel ca în primul mod, purtăm cursorul la logo-ul, faceți clic pe butonul din dreapta al mouse-ului și apăsați codul de vizualizare al elementului. Tot ce trebuie să știm este adresa (calea) la logo-ul. Acum faceți logo-ul, dați-i același nume (fructe.gif) Și înlocuiți doar vechea logo pe ea.

Metoda 2:

Această metodă este cea mai ușoară, dar nu se găsește în toate șabloanele. Mergem la: Manager de șabloane - Beez5 - Indicați logo-ul.

Metoda 3:

Facem același lucru, doar înlocuim fișierul greșit, dar calea către logo-ul. Așa cum se poate vedea în imagine, imaginea este introdusă prin hTML., nu prin css.. Prin urmare, trebuie să modificați codul sursă al șablonului. Este ușor de: Manager de șabloane - Beez5 - Șablon de schimbare pagina principală. Căutând o linie C.

Și schimbați calea către logo-ul la cel dorit. În acest șablon, calea este înregistrată pHP.Deoarece există opțiunea numărul 2. Prin urmare, este mai bine să profitați de versiunea numărul 1 sau numărul 2.

Schimbați lățimea șablonului și a blocurilor

Găsim blocul principal - div. După cum se poate vedea în imagine, aceasta

Este cel care este responsabil pentru lățimea site-ului. Ne uităm la parametrii stilurilor CSS, găsirea lățimilor indică lățimea dorită. După aceea, mergeți la dosar pozition.css., în 33 rând, scriem parametrul și salvați fișierul.

În același mod, blocurile separate sunt editate. Noi găsim blocul, aspect și schimbăm stilul.

Schimbarea culorii textului și a legăturilor

Toate acestea se fac la fel. Faceți clic pe butonul din dreapta al mouse-ului din text și apăsați pe vizualizarea codului elementului. Ne vom arăta un stil bloc și bloc responsabil pentru parametrii de text. Culoarea textului și a legăturilor este setată la parametrul de culoare.

Toate fișierele pot fi editate prin editori de tip. notepad ++. sau prin standardul "editor" Joomla.

Managerul de șabloane - șablonul dorit. Aici vă veți elibera o listă de fișiere (index.php, șablon de pagină 404, tipăriți șablonul paginii, stilurile.).

Asta e tot.

Opinia dvs. este importantă pentru noi. Scrieți comentariile dvs.

Fiecare document cuvânt este asociat cu un șablon. Dacă utilizați un șablon personalizat pentru documentul curent, dar ați uitat că acest cuvânt îi permite foarte ușor să aflați. Și, de asemenea, puteți schimba cu ușurință șablonul asociat documentului curent.

Cometariu: Ilustrațiile pentru acest articol sunt luate din Word 2013.

Pentru a determina sau modifica șablonul asociat documentului curent, veți avea nevoie de o filă. Dezvoltator (Dezvoltator). Porniți afișarea acestei fila pe bandă și deschideți-o.

În capitolul. Șabloane (Șabloane) apăsați Șablon de documente (Șablon de documente).

Se deschide o casetă de dialog Șabloane și add-on-uri (Șabloane și add-in-uri). În câmpul Șablon de documente (Șablon de documente) a înregistrat numele șablonului (sau calea către fișierul șablon) asociat cu documentul curent. Pentru a schimba șablonul, faceți clic pe A te alatura (Atașați).

În caseta de dialog Atașarea șablonului Atașați șablonul) Deschideți automat folderul selectat în mod implicit pentru șabloanele personalizate. Selectați un șablon din acest dosar sau mergeți într-o altă locație pentru a selecta un alt șablon. Apoi apasa Deschis (Deschis).

Acum în domeniu Șablon de documente (Șablonul documentului) este afișat calea completă la fișierul șablon. Dacă doriți ca stilurile documentului să fie actualizate automat, când închideți această casetă de dialog, verificați parametrul Actualizați automat stilurile Actualizați automat stilurile de documente). Clic O.KPentru a salva modificările și a închide caseta de dialog.

Conținutul documentului se va schimba în conformitate cu noul șablon. Stiluri, bare de instrumente personalizabile, macrocomenzi (dacă un șablon personalizat a fost creat și salvat cu extensie .dotm.) Stocate în șablon sunt acum disponibile în documentul dvs. curent.

Cometariu: Atașarea șablonului la document nu adaugă text sau imagini din acest șablon la acesta. Acest lucru se întâmplă numai atunci când creați un fișier nou din șablon.

Când închideți cuvântul, cel mai probabil va fi afișat o casetă de dialog, ca în figura de mai jos. Acesta este un avertisment că stilurile dintr-un șablon asociate cu documentul au fost modificate. Clic Salvați (Salvați) pentru a salva modificările, Nu salva (Nu salvați) dacă nu doriți să salvați modificările sau Anulare (Anulați) pentru a reveni la editarea documentului și nu închideți cuvântul.

Cometariu: O astfel de casetă de dialog poate apărea, chiar și atunci când nu ați făcut modificări în șablon. Dacă nu doriți să schimbați șablonul, faceți clic pe butonul Nu salva (Nu salvați).

Această procedură poate fi utilizată pentru a deconecta șablonul din document. Pentru a face acest lucru, atașați șablonul la document. Normal În loc de existente. Amintiți-vă că fiecare document ar trebui să aibă un șablon asociat cu acesta.

site-ul. Depinde de ce găzduire este localizată. Alegeți găzduirea pentru preferințele dvs. personale, pe baza avantajelor și dezavantajelor diverselor găzduire. Să-mi spunem mai multe despre cum să schimbați șablonul site-ul. pe Gazduire Ucoz.

Instrucțiuni

Pentru a schimba șablonul site-ul. Mai întâi mergeți la editorul paginii și selectați elementul "Setări generale" acolo. Opusă liniei "Design site-ul.»Faceți clic pe" Selectați Design "și se deschide o fereastră de selecție. Acum, pur și simplu selectați designul care vă place, instalați pe site-ul dvs. și continuați să editați.

De exemplu, schimbați imaginea capacelor site-ul.. Imaginile grafice care sunt utilizate în design sunt descrise în stilul stilului Style.Css sau în șablonul de pagină HTML.

Pentru imaginile înregistrate în CSS. ÎN panoul de sus Selectați "Design", apoi "Managementul designului". Apoi, fereastra se va deschide în fereastră, căutați o privire de # 182px; ....), care va fi adresa capacului . Rețineți că în diferite Șablonx Totul este diferit, deci căutând ce imagine cu ceea ce se referă.

Pentru imaginile prescrise în șablon. La fel ca în primul caz din panoul superior, selectați linia "Design", apoi "Managementul designului", apoi căutați o linie a speciei din fereastra care se deschide. Acum selectați o imagine care vă place.

Pentru a desena un nou antet, amintiți-vă că dacă este diferite dimensiuni decât originalul sau doriți să îl plasați în altă parte, faceți corecțiile necesare în fișierul șablon sau în stil. Salvați antetul în directorul rădăcină, pentru a face acest lucru, utilizați managerul de fișiere, schimbați, de asemenea, adresa imaginii vechi la noul și salvarea. În același mod, faceți cu toate imaginile designului sau creați imediat un nou design pentru întreaga pagină și înșurubați-l pe site.

Cea mai ușoară modalitate de a crea un site web cu un șablon. Cu toate acestea, resursa devine alocată, este necesar să se modifice designul standard. Și aici fără cunoștințe elementare despre HTML și CSS nu pot face.

Instrucțiuni

Pe Internet, găsiți șablonul site-ului pe care îl doriți cel mai mult. Acordați atenție capabilităților sale, capacitatea de a se adapta la dimensiunile monitorului, caracteristicile meniului și locația coloanelor. Descărcați computerul dvs. preferat, despachetați arhiva. Verificați-l cu performanța sa, pentru că completați fișierele la rădăcina site-ului. Poate că șablonul conține erori și nu va fi stabilit corect, atunci nu are sens să lucrați cu el în viitor.

Chiar dacă nu veți relua complet șablonul, înlocuiți majoritatea imaginilor și în special acelea sunt situate ca un logo. Înlocuiți fiecare imagine în acest mod:

Deschideți fișierul grafic în programul Photoshop
- în meniul "imagine" - "Dimensiunea imaginii" Uită-te la parametrii săi
- Deschideți o nouă foaie cu exact aceleași dimensiuni.
- Creați imaginea dorită utilizând instrumentele de aplicație
- Completați toate straturile și salvați (nu pentru web) o imagine nouă sub același nume și în același folder setând formatul original.

Astfel, în loc de o imagine, ar trebui să apară un altul.

Odată schimbați toate imaginile, arhivați folderul de fișiere (în cazul Joomla) și descărcați-l prin administrarea site-ului în meniul "Extensions". Uite, dacă subiectul cu ilustrații noi este afișat corect.

Schimbați parametrii rămași în stil.css. Și acest lucru este mult mai convenabil să îl faceți prin panoul de administrare, dar pe computer. Pentru viziunea rapidă a rezultatului transformării, este rezonabil să utilizați gazda locală (Denver). Acest lucru va evita nevoia de a încărca rezultatul la server de fiecare dată pentru a vedea rezultatele după editarea următoare.

Descărcați Freebug Plugin pentru Mozilla Firefox.. După instalare, o pictogramă a unui gândac galben va apărea în colțul din dreapta sus al browserului. Faceți clic pe acesta sau apăsați tasta F12 și pagina paginii va apărea în partea de jos a ecranului în versiunea folderului. Poate fi dezvăluit, pentru că trebuie să aduceți mouse-ul pe Plusies. Și dacă faceți clic pe linia elementului, acesta va fi evidențiat în partea de sus a ecranului. ÎN partea dreapta Fereastra de cod Veți găsi stiluri cu linii care sunt responsabile pentru aspect. Și devine imediat clar unde trebuie să editați fișierul cu stilurile pentru a schimba designul.

Deschideți stil.css în Notepad ++. Puteți utiliza alte programe concepute pentru a edita codul, totuși, în acest scop, un standard "notebook" nu poate fi aplicat, altfel vor exista erori din cauza codificării. Folosind Firebug Găsire parametrii necesaripentru a fi schimbat și, în același timp, le regulă în Notepad ++.

Salvați rezultatele CSS și descărcați fișierul pe server.

Notă

Deci, să începem o lecție: înlocuind șablonul UCOZ. În primul rând, trebuie să mergeți la panoul de gestionare a site-ului - Setări - Setări generale. În linia de design a site-ului, vedeți numărul șablonului instalat, acesta trebuie înlocuit cu unul nou. Înlocuirea numai a numărului de șablon la cel nou. Apoi, salvăm și vedem rezultatul. Dacă sa întâmplat totul, vă felicitați, ați reușit să schimbați șablonul UCOZ.

Sfaturi de ajutor

Cum se schimbă șablonul standard pe UcoZ și se poate face? Răspuns: Da, șabloanele standard pot fi modificate. Până în prezent, există 254,58 șabloane. Cum se schimbă șabloanele standard, puteți citi chiar mai jos. Pentru fiecare șablon, au fost specificate 3 întrebări: - Cum să schimbați pălăria? -Cum schimbați imaginile în blocuri? - Cum să schimbați fundalul în șablon?


Atenție, numai astăzi!

Toate interesante

După instalarea și configurarea unui cont în UCOZ utilizator. Începe să creeze propriul site web. La început, majoritatea webmasterilor solicită designul capacului site-ului, ceea ce determină structura resurselor viitoare. Pentru a crea de înaltă calitate ...

Cea mai ușoară modalitate de a crea un site web cu un șablon. Cu toate acestea, resursa devine alocată, este necesar să se modifice designul standard. Și aici fără cunoștințe elementare despre HTML și CSS nu pot face. Instrucțiuni 1b Internet Găsiți șablonul site-ului că sunteți mai mult ...

La crearea de site-uri, sunt adesea folosite șabloanele gata făcute în rețea. Acestea sunt uneori descărcate de către utilizatori mii de ori create pe baza lor resursele lor sunt foarte asemănătoare cu designul extern. La site-ul a avut un design individual, șablonul său ...

Sistemul de management al site-ului UCOZ oferă utilizatorilor săi o selecție largă de șabloane de fundal standard constând din 246 de unități. Cu toate acestea, nici măcar o astfel de cantitate poate satisface toate gusturile oamenilor, prin urmare în acest sistem există ...

La crearea site-ului dvs. pe UCOZ, este posibil să alegeți un design din șabloane standard care se disting printr-o mare varietate, dar uneori nu are, mai ales dacă doriți să accentuați individualitatea site-ului dvs. În acest caz, puteți ...

CMS modern permite utilizatorului fără să programeze cunoștințele pentru a gestiona aproape toți parametrii propriului site. Pentru începătorii clădirilor și ale organizatorilor propriilor bloguri, este adesea suficientă pentru a adăuga propria lor ...

Abilitatea de a comanda designul de la profesioniști nu este întotdeauna. Sistemul UCOZ oferă oportunități de scriere a designului în HTML și CSS literalmente de la zero, dar nu merită să petreacă timpul și puterea atunci când puteți crea un stil unic bazat pe ...

CMS UCOZ ON. acest moment Acesta este cel mai popular sistem de gestionare a site-urilor web din rândul webmasterilor datorită funcționalității sale și unei varietăți de șabloane existente. Cu toate acestea, începătorii din clădirea site-ului este adesea o dorință de a schimba ...

Cel mai simplu nou nou venit creează un site utilizând un șablon standard. Unicitatea resursei poate fi realizată făcând o serie de schimbări cosmetice și organizaționale la designul tipic. Veți avea nevoie de un șablon de site; - Programul Photoshop; - Expansiune pentru ...

Sistemul UCOZ este un set de instrumente pentru crearea propriului site web, chiar și pentru acei utilizatori care nu dețin abilități de proiectare și aspect. Acesta conține un număr mare de modele și semifabricate. Vei avea nevoie-…