WordPress se bazeaza foarte mult pe stilurile de prezentare din CSS. Odata cu introducerea temelor WordPress v1.5, optiunile dvs. de aspect nu tocmai s-au extins, ci au explodat! WordPress a facut mai usor ca niciodata sa va schimbati aspectul site-ului web si a deschis campul si mai mult pentru a va ajuta sa va creati propria tema si aspectul paginii.

CSS inseamna Cascading Style Sheets . Va permite sa stocati informatii despre prezentarea stilului (cum ar fi culorile si aspectul) separate de structura HTML. Acest lucru permite controlul precis al aspectului site-ului dvs. web si face paginile dvs. mai rapide si mai usor de actualizat.

Acest articol descrie pe scurt utilizarea CSS in WordPress si listeaza cateva referinte pentru informatii suplimentare. Pentru informatii despre CSS in sine, consultati Know Your Sources # CSS.

WordPress si CSS

Temele WordPress folosesc o combinatie de fisiere sablon, etichete sablon si foi de stil CSS pentru a genera aspectul site-ului dvs. WordPress.

Fisiere sablon 
Fisierele sablon sunt elementele care se reunesc pentru a va crea site-ul. In structura temei WordPress, antetul, bara laterala, continutul si subsolul sunt toate continute in fisiere individuale. Se unesc impreuna pentru a va crea pagina. Acest lucru va permite sa personalizati blocurile. De exemplu, in Tema WordPress implicita, vizualizarea cu mai multe postari gasita pe prima pagina, categorie, arhive si pagini web de cautare pe site-ul dvs., bara laterala este prezenta. Faceti clic pe orice postare, veti fi directionat catre vizualizarea postarii unice si bara laterala va disparea acum. Puteti alege partile si piesele care apar pe pagina dvs. si le puteti personaliza individual, permitand sa apara un alt antet sau o bara laterala pe toate paginile dintr-o anumita categorie. Si altele. Pentru o introducere mai extinsa a sabloanelor, consultati Pasul in sabloane.
Etichete sablon 
Etichetele sablon sunt biti de cod care ofera instructiuni si solicitari de informatii stocate in baza de date WordPress. Unele dintre acestea sunt extrem de configurabile, permitandu-va sa personalizati data, ora, listele si alte elemente afisate pe site-ul dvs. web. Puteti afla mai multe despre etichetele sablonului in Pasul in etichetele sablonului.
Foi de stil CSS 
Aici se reunesc toate. In fiecare fisier sablon din site-ul dvs., exista etichete XHTML si referinte CSS infasurate in jurul etichetelor si continutului sablon. In foaia de stil din cadrul fiecarei Teme sunt comenzi pentru structura paginii. Fara aceste instructiuni, pagina dvs. ar arata pur si simplu ca o pagina lunga tastata. Cu aceste instructiuni, puteti muta structurile blocului de constructie, facand antetul foarte lung si plin de grafica sau fotografii, sau simplu si ingust. Site-ul dvs. poate „pluti” in mijlocul ecranului vizualizatorului cu spatiu in stanga si in dreapta sau se poate intinde pe ecran, completand intreaga pagina. Bara laterala poate fi in dreapta sau in stanga sau chiar incepe la jumatatea paginii. Modul in care va stilizati pagina depinde de dvs. Dar instructiunile pentru styling se gasesc in fisierul style.css din fiecare folder tema.

Clase generate de WordPress

In WordPress 2.5 au fost introduse mai multe clase pentru alinierea imaginilor si a elementelor de bloc (DIV, P, TABLE etc.): aligncenter, alignleft si alignright. In plus, clasa alignnone este adaugata imaginilor care nu sunt aliniate, astfel incat sa poata fi stilizate diferit daca este necesar.

masaje final feliz jovenes zorras
porno caca follada por su jefe
porno maduras en español comic maduras
porno casero españa mamadas a dos bocas
tetas en la playa pollones enormes
intercambio amateur mama incesto
porno comic español se folla a su hijo
videos gays españoles porno españa casero
negros follando a blancas humillada y follada
chochitos jovencitos follame xxx
guarras españolas porno iberico
chantaje y lujuria porno maduras en español
las mejores folladas penes negros
videos de sexo en español peliculas porno de viejas
muy maduras follando mamas cachondas
hentai audio español abuelos calientes
pollas arabes porno de abuelas
descargar pelis pornos milf squirt
Keyword mi vecina me folla
abuelas porno porno agresivo

Aceleasi clase sunt utilizate pentru a alinia imaginile care au o legenda (incepand cu WordPress 2.6). Sunt necesare trei clase CSS suplimentare pentru subtitrari, impreuna clasele de aliniere si subtitrare sunt:

.aligncenter, div.aligncenter {display: block; margine-stanga: auto; marginea-dreapta: auto; } .alignleft {float: left; } .alignright {float: right; } .wp-caption {border: 1px solid #ddd; text-align: centru; culoare de fundal: # f3f3f3; captuseala: 4px; marja: 10px; / * colturi rotunjite optionale pentru browserele care il accepta * / -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; raza chenarului: 3px; } .wp-caption img {margin: 0; umplutura: 0; bordura: 0 niciuna; } .wp-caption p.wp-caption-text {font-size: 11px; inaltimea liniei: 17 px; umplutura: 0 4px 5px; marja: 0; }

Fiecare tema ar trebui sa aiba aceste stiluri sau stiluri similare in fisierul sau style.css pentru a putea afisa corect imaginile si subtitrarile.

In plus, mai sunt cateva etichete de clasa WordPress pe care ati putea dori sa le stilizati, deoarece sunt generate in mod implicit:

.categories {…} .cat-item {…} .current-cat {…} .current-cat-parent {…} .pagenav {…} .page_item {…} .current_page_item {…} .current_page_parent {…} .widget {…} .widget_text {…} .blogroll {…} .linkcat {…}

Vezi si

Pentru a va ajuta sa intelegeti mai multe despre modul in care functioneaza CSS in relatie cu pagina dvs. web, va recomandam sa cititi cateva dintre articolele citate in aceste liste:

  • Sabloane – Lista cuprinzatoare de articole cu teme si sabloane WordPress (un bun punct de plecare este Utilizarea temelor si exista, de asemenea, multe articole avansate in aceasta lista)
  • Blog Design si Layout – Lista cuprinzatoare de resurse legate de proiectarea site-ului in WordPress
  • Lectii WordPress – Lectii despre toate aspectele WordPress

Ajutor pentru aspectul WordPress

Daca aveti unele probleme sau intrebari cu privire la tema sau aspectul dvs. WordPress, incepeti prin a verifica site-ul web al autorului temei pentru a vedea daca exista un upgrade sau raspunsuri la intrebarile dvs. Iata cateva alte resurse:

  • Lectii despre proiectarea site-ului dvs. WordPress
  • Arhitectura site-ului 1.5
  • Depanare CSS
  • Gasirea stilurilor dvs. CSS
  • CSS Remedierea erorilor din browser
  • Validarea unui site web
  • Intrebari frecvente Aspect si design
  • Sabloane
  • Forumuri de asistenta WordPress
  • Ghiduri CSS WordPress de Podz
  • Stenografie CSS
  • HTML la XHTML NOU!

ARTICOLE SIMILAREDE LA ACELAȘI AUTOR