Cum adaptezi tema blogului
355 views Publicat de Florin Lazar la 0:10Custom wordpress theme ?
Fiecare din bloggeri cred c? vrea ca tema blogului s? fie exact a?a cum o viseaz?, poate titlul pu?in mai la stânga, textul pu?in mai mare, o poz? în plus sau ceva de genul. Micile modific?ri nu înseamn? c? trebuie s? fi expert în php, codul care face ca blogul s? fie ceea ce este, dar trebuie s? recunosc c? nici eu nu sunt expert ?i modific?rile majore se fac de avansa?ii în php. S? revenim. Pentru a face primele modific?ri ?i a adapta tema blogului trebuie, în primul rând, s? … folose?ti un server de test, sa folose?ti un server local unde s? testezi sau s? faci un backup la blogul existent astfel încât s? nu ai surprize.
În mod normal tema de blog este compus? din mai multe fi?iere.
index.php
header.php
footer.php
sidebar.php
functions.php
comments.php
Deci e clar c? indexul comand? la celelate ce, cum ?i când s? fac?. Acum, header.php con?ine deobicei titlul ?i descrierea blogului împreun? cu c?su?a de search. Apoi, sidebar.php cred c? e clar c? e bara în care apar toate pluging-urile ?i care poate fi în orice pozi?ie pus?. Un blog poate con?ine ?i mai multe sidebar-uri – dar ?sta e un alt articol de discutat. Ultimul, da nu cel din urm?, e footer.php în care pot fi puse informa?ii de copyright ?i alte chestiuni. Defapt în func?ie de cum vrei s? arate po?i insera cam orice chestie, trebuie doar pu?in? aten?ie ?i documentare.
Stilizarea temei se face din style.css unde fiecare rând de php coloreaz?, modific?, m?re?te, mic?oreaz? ?i, în general, face cam tot ce ?ine de aspectul estetic a blogului. Pentru a face modific? prin rândurile de php încearc? s? modific elementele mici mai întâi, începând cu unul din urm?toarele :
a – indic? faptul c? este vorba de link-urile de pe blog. Singur înseamn? c? e vorba de link-urile care sunt prezente pe blog, vizibile cu ochiul liber, f?r? s? dai click pe ele
a:hover – indic? faptul c? este vorba despre link-urile de pe blog atunci când mouse-ul este peste acestea.
a:visited – indic? faptul c? este vorba despre link-urile pe care ai dat click în vizita ta pe blog.
#675, #9a8, #342 – sunt codurile php care corespund fiec?rui culori. Vezi aici toate culorile
color – prin asta indici c? este vorba despre culoarea fiec?rui link. Culoarea #675 indic? culoarea link-ului de pe blog, #9a8 indic? culoarea ce culoare s? aibe link-urile atunci când pui mouse-ul peste ele ?i #342 indic? ce culoare s? aibe link-urile pe care le-ai vizitat.
Modificând oricare din acestea, folosind un cod php de culoare adecvat, rezult? în schimbarea culorii pentru link-uri.
body – reprezint? indicatorul prin care se aplic? set?ri de culoare, text, etc. la tot ce înseamn? fundal.
background -este culoarea de fundal. Culoarea poate fi modificat? la fel ca în exemplul de mai sus
border – este “bordura” sau linia de contur de sus (border-top) sau de jos (border-bottom)
font-family – indic? textului c? trebuie s? fie format din caractere specifice Lucida Grande. Un alt exemplu este Times New Roman, Tahoma, Comic Sans, etc.
marging – este distan?a care s? o aibe fa?? de marginile design-ului. Con?inutul poate fi aliniat fa?? de stânga (margin-left), dreapta (margin-right), sus (margin-top) sau jos (margin-bottom).
Orice poate fi modificat de la titlul blogului ?i descriere (header), con?inutul articolelor (content), comentarii (comments), elementele din sidebar (wp-calendar), sidebar-ul in sine (sidebar) ?i pân? la orice alt element prezentat în style.css.
Sfatul meu: Modific? ! Aplic? ! Testeaz? ! Cel mai simplu s? înve?i câte ceva.
Articole pe aceeasi tema:
- Tema blogului 1741 views
- Prima impresie: Tema blogului 974 views
- Despre: Blog review's ! 105 views
- Imaginea blogului t?u în blogosfer? 170 views
- Pluging-uri pentru wordpress 80 views
Aboneaza-te. Scriu cel putin trei articole pe zi
July 4th, 2009 at 09:19
Bun articolul, ai precizat cateva lucruri de baza insa pentru a ajunge cu adevarat la modificarea temei mai sunt multi pasi de urmat. Sa cunosti codul si asta se intampla doar daca testezi si vezi ce se intampla, dar pentru asta iti trebuie timp si rabdare
…
O zi buna!
July 4th, 2009 at 21:30
@ciolitto: adev?rat ceea ce spui îns? un blogger care vrea s? ias? în eviden?? ?i cu tema blogului ?i nu are fondurile necesare poate opta pentru “timp ?i r?bdare” chiar dac? trebuie s? testeze. În plus nu crezi c? asta te ajut? s? înve?i pu?in php ?
July 4th, 2009 at 21:54
Nici nu am spus ca asta nu te ajuta, ba din contra, acesta este inceputul, apoi te ajuta putin google sau daca iti place iti cumperi si o carte si deja esti expert
July 6th, 2009 at 21:36
Dupa cum ai descris tu acolo (bine, de altfel) suna atat de simplu…Dar ce te faci cand sunt o sumedenie de scripturi care iti coordoneaza pagina, plus ca daca modifici de exemplu culoare din header, va fi nevoie automat sa schimbi si culoarea din content, si s-o adaptezi cu ceva contrastant, pentu ca apoi sa revii la culoare din header si in footer…Cred ca fiecare mica modificare a vre`unei parti din blog atrage dupa sine o alta modificare.
Iar “#675, #9a8, #342″ – sunt codurile html care dicteaza anumite culori, ptr ca de fapt html se organizeaza in functie de cerintele php-ului. Oricum, explicatiile sunt foarte bune ptr orice incepator. Bravo!
PS:Tema mea seamana cu celebru site Digg.com. cand am observat asta am incercat sa o schimb, dar am constatat ca implica foarte multe modificari, care imi luau o groaza de timp…asa ca am lasat-o asa. Oricum, de la cea initiala, la cea pe care o am acum…este o mare diferenta
July 7th, 2009 at 07:52
Se pare ca timpul e marea problema la toata luma insa decat sa dai de la 200-300 de euro in sus pentru o tema custom mai bine pierzi vremea cu php-ul
Spre exemplu eu as da 300 RON pe o tema custom, gasesc ?