Cum se configurează smartphone-uri și PC-uri. Portal informativ

Crearea unei teme simple Wordpress. Cum să creați un șablon wordpress, creați o temă wordpress

În acest articol, vom învăța cum să creăm o temă wordpress. Mai întâi, vom crea un șablon HTML + CSS pe care îl vom pune în structura temei noastre wordpress. După ce ați terminat de citit acest articol, vă puteți crea propriul șablon pentru wordpress sau, mai degrabă, îl veți crea pe măsură ce citiți și finalizați exercițiile practice. Veți ști cum funcționează tema și veți putea implementa în mod independent nucleul temei wordpress din alte șabloane HTML/CSS. Să începem?

Introducere - structura temei wordpress

Structura unei teme wordpress este extrem de simplă. La subiect avem un dosar index.php, el este responsabil de asamblarea pieselor șablonului. Alții sunt conectați la acest fișier: antet.php,subsol.php... Aceste fișiere (bucăți din șablon) sunt folosite pe orice pagină a site-ului. Știm că nu toate paginile sunt construite după același șablon, așa că tema wordpress are alte fișiere, cum ar fi arhive.php sau singur.php... De asemenea, puteți crea propriul tip de pagini dacă doriți să fie complet diferite de celelalte de pe site. Este foarte confortabil.

Dacă examinați cu atenție structura temei și citiți conținutul fișierelor, veți înțelege intuitiv ce este. Dar mai sunt câteva puncte pe care le vom lua în considerare. Vă puteți întoarce oricând la această pagină și puteți citi cum se face totul.

Acum să ne uităm la crearea unui șablon în etape:

Pasul 1 - style.css

Un fișier CSS este un fișier de parametri și soluții de proiectare pentru elementele șablonului HTML. Trebuie să redenumiți fișierul CSS principal (dacă aveți mai multe) la stil.css... În continuare, trebuie să adăugați următoarele informații comentate la începutul acestui fișier:

/ * Numele temei: Typography Paramount Theme URI: http: // site / Descriere: Un șablon fără imagini care se concentrează pe Typography..0. Comentarii generale / Declarație de licență, dacă este cazul. ... * /

Acest cod va afișa informațiile despre subiect pentru administratori. Asigurați-vă că este la începutul fișierului și că nu există caractere de spațiu alb în fața acestuia!

Apoi, am creat un alt fișier numit 1. css, și puneți-l în folder tipografie-primată pe care l-am creat în folderul wordpress al temei. Este necesar să respectați cu strictețe această structură pentru ca wordpress să poată vedea acest fișier.

Pasul 2 - antet și subsol

În acest pas, vom crea două fișiere: antet.phpși subsol.php mentionat mai devreme. Deși nu sunt de bază și sunt opționale în temă, sunt folosite în majoritatea șabloanelor, așa că le vom crea.

Header.php

Să începem cu acest fișier. Creați un fișier și dați-i un nume antet.php, apoi inserați codul dat în el și salvați. Acest fișier va fi afișat pe toate paginile șablonului nostru.

-

Până acum, nu a existat nimic special despre o temă simplă html/css. Dar acum vom înlocui unele dintre elemente cu etichete wordpress.

> <?php bloginfo("name"); ?> <?php wp_title(); ?> ; set de caractere =" /> "type =" text / css "media =" ecran, proiecție "/>

Acestea sunt doar câteva dintre etichetele pe care le cunosc. Veți găsi multe mai multe pe site-ul oficial: codex.wordpress.org.

atribute_limbii ()- Afișează tipul de limbă pentru etichetă .

info blog ()- Folosit pentru a afișa informații despre site, toți parametrii pot fi găsiți în codexul WordPress.

wp_title ()- Returnează titlul paginii.

wp_head ()- include javascript și alte elemente necesare.

get_option ()- obține opțiunile necesare pentru lucrul cu baza de date.

Footer.php

Acum să creăm așa-numitul „subsol de site”. Creați un fișier subsol.phpși pune următorul cod în el. Acest subsol va afișa anul, numele site-ului și linkurile rss.

< ?php wp_footer(); ?>

phpthe_timp ("Y ");?>- afișează anul curent.

- numele blogului.

- adăugarea unui link către fluxul rss al blogului.

wp_footer ()- acest lucru este necesar pentru nucleul wordpress în sine, care adaugă acolo elementele de care are nevoie.


Pasul 3 - fișierul șablon wordpress principal

Este timpul să creați un fișier șablon wordpress de bază care va include partea de sus și de jos a site-ului. Creați un fișier index.php... Acesta este unul dintre cele două fișiere de teme wordpress necesare (celălalt este style.css). Lipiți fișierul nou creat cu următorul cod:

Acest cod ajută wordpress să obțină informații unde să se conecteze antet.phpși subsol.php... Să mai adăugăm câteva rânduri între aceste etichete:

">

la | |

Woops...

Ne pare rău, nu am găsit nicio postare.

Acest fragment de cod primește informații despre postările de blog disponibile și, dacă există, le afișează. Dacă nu sunt găsite, atunci partea de cod este afișată după ceea ce ne anunță că blogul este încă gol.

A adăugat și eticheta care afișează linkuri de navigare, astfel încât utilizatorii să poată citi postările adăugate anterior.

Un exemplu despre cum funcționează o temă wordpress

Acum că avem o aparență de temă, să vedem un exemplu despre cum funcționează tema wordpress creată.


Avem patru fișiere în tema noastră, acest lucru este suficient pentru început. În articolul următor, vom adăuga fișierul singur.php care va fi afișat la afișarea unei anumite postări. Acest fișier va include, spre deosebire de fișier index.php.

Dacă mai aveți întrebări sau neînțelegeri cu privire la crearea unui șablon wordpress (temă), exprimați-vă preocupările în comentariile de mai jos!

Dacă doriți ca site-ul dvs. wordpress să arate promițător, atunci mai întâi ar trebui să vă gândiți să creați o temă unică pentru el. Acest proces este destul de laborios, deoarece este direct legat de diverse codificări și scripturi. Să o dezactivăm de la zero.

Aproape fiecare temă wordpress este instalată în directorul wp-content / themes și constă din 3 categorii de fișiere:

  1. fisiere de foi de stil;
  2. fișiere de funcționalități suplimentare;
  3. fișiere șablon.

Fișierele foilor de stil sunt style.css. Ei sunt responsabili pentru culoarea, dimensiunea, fontul și alți parametri ai elementelor site-ului. Fiecare site are doar 1 fișier style.css. Dacă deschideți acest fișier, atunci în partea de sus puteți vedea informații despre titlu, autor și o scurtă descriere a subiectului. Când vă creați propria temă, puteți introduce informații despre dvs. în style.css.

Următoarea categorie este fișierele cu funcționalități suplimentare. Acestea includ functions.php, al cărui principiu îl face să arate ca un plugin. Datorită acestui fișier, puteți personaliza vizual tema chiar în panoul de administrare. De obicei, lista de setări nu este foarte largă (numele site-ului, culoarea navigației și panourile laterale ale site-ului etc.). Dacă tema este multifuncțională, atunci lista de setări va fi mult mai largă.

Acum să trecem la fișierele șablon. Funcția lor principală este de a genera pagini care sunt solicitate de vizitatorii site-ului. Fișierele șablon au extensia „.php”. Cele mai multe teme de bază pot conține doar un fișier șablon numit index.php. În acest caz, toate paginile site-ului vor fi identice. Acest design este cel mai adesea folosit pentru a crea resurse Internet cu baze de date, atunci când designul nu joacă un rol cheie.

Dacă nu ați mai făcut niciodată un design, ar trebui să încercați mai întâi să creați o temă simplă. Pentru funcționarea normală, aveți nevoie de cel puțin 2 dintre următoarele fișiere: style.css și index.php.

După cum înțelegeți, fișierele cu funcționalități suplimentare în acest caz nu pot fi utilizate. Dintre fișierele șablon, index.php este unul dintre cele mai flexibile. Poate genera independent anteturi, diverse blocuri, subsol (subsol), conținut și alte elemente ale site-ului.

Este de remarcat faptul că acei parametri care nu sunt generați de fișierul index.php vor fi generați de fișiere standard. De exemplu, dacă tema dvs. este formată din doar 2 dintre fișierele de mai sus, dar utilizatorul are nevoie să genereze un formular pentru adăugarea de comentarii, atunci această funcție va fi realizată de standardul comments.php. Prin urmare, dacă doriți ca tema dvs. să fie mai unică, atunci merită să faceți fișiere șablon suplimentare. Să le luăm în considerare pe cele principale.

  1. Pentru a adăuga comentarii, ați ghicit, se folosește șablonul comments.php.
  2. Dacă doriți să faceți un pop-up cu comentarii, atunci în astfel de scopuri aveți nevoie de comments-popup.php.
  3. Pentru a genera pagina de pornire, se folosește home.php.
  4. Fișierul single.php este responsabil pentru afișarea articolelor site-ului. Dacă nu aveți un astfel de fișier, atunci index.php își va executa funcția.
  5. Fișierul page.php generează pagini individuale ale site-ului.
  6. Pentru a afișa informații despre autor, aveți nevoie de author.php.
  7. Category.php este responsabil pentru categorii.
  8. Afișarea arhivelor, a datei și a căutării se realizează prin fișierele archive.php, date.php și respectiv search.php.
  9. Pentru ca site-ul dvs. să afișeze o pagină unică de eroare 404, va trebui să adăugați 404.php.
  10. Subsolul și subsolul site-ului sunt generate de fișierele header.php și, respectiv, footer.php.

Crearea manuală a unei teme unice de la zero

Mai întâi trebuie să instalați un șablon potrivit. Poate fi găsit atât pe site-ul oficial wordpress.org, cât și în altă parte. Se recomandă utilizarea site-ului oficial, deoarece orice terță parte poate conține fișiere rău intenționate și link-uri rupte.

După ce ați făcut alegerea, puteți începe să descărcați arhiva. La sfârșitul procesului, va trebui să îl despachetați și să încărcați fișierele în anumite foldere de pe site (arhiva conține de obicei o mică instrucțiune). Descărcarea se poate face folosind programul FileZilla sau direct din hosting, dacă acceptă această opțiune. Acum trebuie doar să mergeți la secțiunea „Teme”, să o selectați pe cea pe care ați descărcat-o și să faceți clic pe butonul „Activare”.

De asemenea, îl puteți selecta chiar în panoul de administrare wordpress. În acest caz, nu trebuie să îl descărcați. Trebuie doar să faceți clic pe butonul „Instalare” și apoi pe „Activare”. Înainte de instalare, se recomandă să efectuați o previzualizare.

Acum că tema este activată, puteți trece la unicizarea acesteia. Primul pas este să vă gândiți la partea de sus a site-ului (header). Acesta este primul lucru care atrage atenția vizitatorilor tăi, așa că ar trebui să-l iei cu responsabilitate. De obicei, antetul constă din numele site-ului, logo și informații scurte despre conținut. Antetul poate fi creat în orice editor grafic. Chiar și în Paint standard. Designerii mai avansați folosesc Adobe Photoshop.

Numele site-ului ar trebui să fie scurt și ușor de reținut. Există multe stiluri diferite din care puteți alege în Adobe Photoshop. Când creați un logo, este posibil să aveți nevoie de forme diferite. Acestea pot fi descărcate de pe site-ul oficial Adobe Photoshop.

După ce faceți un desen al antetului într-un editor grafic, va trebui să îl încărcați pe site-ul dvs. web. Când descărcarea este completă, o adresă URL va apărea în dreapta imaginii și va trebui copiată. Apoi trebuie să mergeți la secțiunea „Editor” și să selectați fișierul care este responsabil pentru generarea antetului (header.php). În ea, va trebui să găsiți adresa URL a imaginii curente și să o înlocuiți cu cea pe care ați primit-o la încărcarea imaginii antet. După aceea, va trebui să actualizați fișierul. Acum puteți trece la verificarea afișajului antetului.

Dacă antetul tău are alți parametri decât cel standard, atunci aceștia pot fi ajustați în header.php. Lățimea este controlată de atributul width, iar înălțimea este controlată de înălțime. Ajustările pot fi făcute în pixeli și procente. Deci, dacă doriți doar să întindeți capacul, atunci setați-l la 100%.

Dacă doriți, puteți adăuga link-uri active către paginile site-ului wordpress în antet. Acest lucru se poate face folosind diverse servicii. Există o mulțime de ele pe Internet. Majoritatea lucrează pe același principiu. Conturați zona dorită a antetului, care va fi rezervată pentru link, iar serviciul vă va oferi codul de care aveți nevoie. Apoi va trebui să adăugați acest cod în fișierul header.php. Aveți grijă când îl adăugați. Fiecare punct contează. Dacă adăugați codul în locul greșit, linkurile active nu vor apărea în antet.

După înlocuirea antetului standard, puteți începe să înlocuiți fundalul implicit al site-ului wordpress, widget-urile, navigarea, subsolul și alte componente ale site-ului wordpress. De asemenea, pot fi desenate în orice editor grafic și încărcate pe site sub forma unei imagini.

Cu tine merită să iei în considerare că nu ar trebui să fie strălucitor. Majoritatea webmasterilor preferă să folosească un fundal alb. Nu rănește ochii și nu distrage atenția de la conținutul principal.

Pentru a crea o navigare de calitate de la zero, aveți nevoie de puține cunoștințe despre etichete, cum ar fi




  • Primul este responsabil pentru crearea blocurilor de site, al doilea este responsabil pentru adăugarea de link-uri către site-ul wordpress. Al treilea poate fi folosit pentru a crea coloane. Acesta din urmă este necesar pentru a personaliza celulele. Primul pas este să decideți locația în care va fi localizată navigația. De obicei se găsește chiar sub capac. Navigarea în layout este un proces destul de rapid. Mai jos este un mic exemplu despre cum puteți aranja un mic bloc de navigare.

    După cum ați înțeles deja, numele convențional al blocului de navigare este navigacia. Blocul este format dintr-o celulă „titlul paginii”. Rețineți că fiecare etichetă este închisă cu un caracter „/”. Dacă etichetele nu sunt închise, site-ul poate funcționa defectuos.

    Nu ar trebui să fie mare. Cele mai populare sunt calendar, tag cloud, meta, arhive, căutare, rss, video și știri de ultimă oră. Pentru a le adăuga, trebuie să accesați fila „Aspect” și să faceți clic pe câmpul „Widgets”. Apoi veți vedea o listă de opțiuni disponibile. De asemenea, widget-urile pot fi instalate folosind plugin-uri. Acestea pot fi descărcate atât de pe site-ul oficial, cât și direct prin panoul de administrare WordPress. Pentru a adăuga un videoclip care se află pe YouTube, trebuie doar să inserați un link către acesta în locul dorit de pe site. În caz contrar, videoclipul va trebui să fie încărcat pe site. Dacă vă place să programați, puteți adăuga propriul widget pe site. Pentru a face acest lucru, trebuie să faceți clic pe opțiunea „Text” și să introduceți acolo codul necesar.

    În setările fiecărui widget, vi se va oferi opțiunea de a schimba anteturile implicite. De asemenea, puteți alege unde să afișați widgetul (bara laterală din dreapta sau din stânga) și așa mai departe. Nu ar trebui să existe probleme cu ștergerea widget-ului. Pentru a face acest lucru, trebuie doar să faceți clic pe butonul „Ștergere” din setări.

    Crearea unei teme unice folosind programe și servicii speciale de la zero

    1. Cel mai popular este Artisteer. Nu aveți nevoie de cunoștințe speciale de programare pentru a lucra cu el. Procesul de creație are loc vizual. Ceea ce desenați va fi reprezentat folosind un cod care respectă standardul internațional „XHTML 1.0 Transitional”. Datorită acestui fapt, tema viitorului tău site va fi acceptată de toate browserele.

    Pentru muncă, vi se va oferi o selecție largă de efecte diferite, stiluri și multe altele. Acest program acceptă rusă, engleză, germană și alte limbi. Trebuie remarcat faptul că acest program are unele dezavantaje. Cel mai important, programul costă aproximativ 50 USD. Există și o versiune gratuită, dar conține foarte puține opțiuni. Pentru a crește unicitatea șablonului, va trebui să cercetați mai departe codificarea.

    Să mergem direct la instrucțiunile de lucru cu acest program Artisteer. De îndată ce deschideți programul, va apărea prima opțiune numită „Idei”. Ea vă va oferi diverse combinații de elemente standard. Dacă vrei ca designul tău să fie unic, atunci
    nu aveți nevoie de această opțiune. Pentru a stăpâni programul, trebuie doar să faceți clic pe opțiuni și să vizualizați parametrii. Acest program este ușor, așa că nu ar trebui să aveți probleme cu el.

    Acordați atenție opțiunii „Header”. Ea este responsabilă pentru afișarea antetului site-ului. Puteți utiliza un antet standard sau puteți încărca propriul antet. Știi deja să faci o pălărie unică.

    Pentru a regla lățimea site-ului, va trebui să utilizați opțiunea „Foaie”. Lățimea este dată în pixeli. Acest program vă va oferi inițial o lățime de 900 de pixeli. De asemenea, folosind această opțiune, puteți configura diverse efecte (umbră, margini rotunjite și așa mai departe).

    Opțiunea Fundal este responsabilă pentru setarea fundalului, ați ghicit. Îl puteți alege dintre opțiunile standard sau îl puteți încărca pe al dvs.

    Dacă doriți să personalizați aspectul elementelor site-ului, atunci ar trebui să utilizați opțiunea „Layout”.

    O opțiune la fel de importantă este „Articole”. În ea are loc aspectul designului articolelor site-ului. Aceasta include locația imaginii, textul, comentariile, diverse blocuri și așa mai departe.

    Pentru a alege o culoare, o dimensiune sau un font pentru text, aveți nevoie de opțiunea Culori și fonturi.

    După pașii finalizați, vă puteți salva creația. Pentru a face acest lucru, faceți clic pe paleta din colțul din stânga sus. O fereastră va apărea în fața ta. În ea trebuie să faceți clic pe „Salvare ca”. După aceea, trebuie doar să alegeți numele și locația fișierului. Vă rugăm să rețineți că fișierul trebuie să aibă extensia „.artx”. În timpul lucrului suplimentar cu programul, trebuie să faceți clic pe „Salvare” o singură dată pentru a salva.

    Când tema dvs. este complet finalizată, puteți continua să o exportați. Pentru a face acest lucru, trebuie să faceți clic pe fila „Export” și să selectați „Temă WordPress”.

    2. Dacă sunteți fluent în Adobe Photoshop, atunci ar trebui să instalați add-on-ul Divine Elemente. Datorită acestuia, puteți converti cu ușurință fișierul „.psd” în formatul care va fi acceptat de toate browserele.

    3. Dacă nu ai bani pentru Artisteer, poți folosi serviciul gratuit Lubith. Este disponibil online pe site-ul oficial lubith.com. Serviciul conține multe opțiuni utile și este deosebit de rapid. În doar câteva minute veți stăpâni pe deplin toate opțiunile sale.

    4. Analogul serviciului anterior este WordPress Theme Generator. De asemenea, este ușor de utilizat și conține o mare varietate de opțiuni diferite. Acest serviciu este absolut gratuit. Singurul dezavantaj este că acest serviciu acceptă doar limba engleză.

    5. XTemplate Generator este un generator rusificat de teme pentru site. Opțiunile sale sunt în fereastra din stânga, iar în cea din dreapta puteți vedea rezultatul vizual al lucrării dvs. Acest generator este, de asemenea, gratuit.

    6. WPTheme Generator este mult mai puternic decât precedentele, deoarece conține de câteva ori mai multe opțiuni. Singura avertizare este că acest serviciu este plătit. Pretul este de 30 USD. De asemenea, merită remarcat faptul că aspectul din acesta este realizat în întregime în limba engleză.

    7. CSSEZ nu este mai puțin popular decât precedentul. Înainte de a începe, trebuie să treceți printr-o mică înregistrare. În acest serviciu, puteți aranja până la 4 coloane pentru materialele de șantier. Puteți încărca propriul fundal.

    8. Dotemplate vă oferă aproximativ 11 șabloane wordpress diferite pe care le puteți modifica. Singurul dezavantaj este incapacitatea de a încărca propriul fișier grafic. Prin urmare, va trebui să descărcați singur antetul prin managerul de fișiere al site-ului.

    9. Weebly diferă de restul prin faptul că are opțiunea de a adăuga videoclipuri direct de pe YouTube sau Google oriunde pe site. Un site web care are un videoclip este un succes, deoarece informațiile sunt vizual mai rapid și mai ușor de perceput.

    10. În serviciul Eris' Template Generator puteți adăuga până la 3 coloane pentru a afișa materialele site-ului, adăugați diverse etichete, calendar și alte widget-uri.

    Lucrarea de rutină cu documente de același tip poate fi minimizată dacă acestea sunt generate pe baza șabloanelor Word. Ce sunt acestea și cum să le creăm, materialul nostru de astăzi.

    Destul de des în cursul activității noastre creăm documente de același tip: acte, ordine, scrisori, contracte, acte de termen etc. Toate aceste documente, de regulă, conțin unele elemente text sau grafice - titluri, rechizite, logo-uri, blocuri de text, repetate de la document la document.

    Un utilizator obișnuit al editorului de text Word, care creează un alt document, este forțat să folosească și să editeze un document care a fost deja creat de cineva și care conține toate aceste elemente sau pur și simplu să copieze elementele necesare într-un document nou, din nou, dintr-un vechi fișier, realizând în același timp că în acest caz editarea este inevitabilă.

    Un șablon definește structura de bază a unui document și conține setări ale documentului, cum ar fi elemente de text automat, fonturi, comenzi rapide de la tastatură atribuite, macrocomenzi, meniuri, configurarea paginii, formatare și stiluri. (Din Word Help)

    Această rutină poate fi minimizată prin crearea unui document bazat pe un șablon. Uneori șabloanele sunt numite și „pești”. Cu toate acestea, indiferent cum ați numi, șabloanele vă permit într-adevăr să creșteți semnificativ eficiența muncii.

    Un șablon poate fi creat în două moduri, luând ca bază orice document cu toate elementele prezente, sau pornind de la o foaie curată, incluzând în mod independent elementele necesare.

    Vă voi arăta cum să creați un șablon de la zero și astfel va fi mai ușor să înțelegeți întregul proces decât să modificați fișierul existent. De exemplu, vom crea un șablon simplu de scrisoare oficială. Nu este nimic dificil în asta, dacă urmați instrucțiunile mele pas cu pas.

    Asadar, haideti sa începem.

    1. Să creăm un document gol.

    2. Să-l salvăm imediat. Accesați meniul „Fișier” și selectați comanda „Salvare ca...”. Se va deschide caseta de dialog „Salvare document”, în care trebuie să selectăm în câmpul „Salvare ca tip” tipul „Șablon document” (* .dot) (Șablon document (* .punct).

    Aceasta va deschide folderul Șabloane, unde toate șabloanele sunt salvate implicit. Dați un nume fișierului și faceți clic pe butonul Salvare.

    3. Stabiliți ce elemente (text și grafică) și unde exact vor fi amplasate în document.

    De regulă, toate scrisorile oficiale conțin elemente precum numele organizației, logo-ul, detalii. Textul scrisorii în sine poate conține un apel politicos la adresa destinatarului scrisorii și, de fapt, textul scrisorii în sine. La sfârşitul scrisorii se indică denumirea funcţiei şefului organizaţiei cu semnătura acestuia. Să luăm ca bază o structură similară a scrisorii.

    4. Vom plasa numele organizației în partea de sus a documentului în centru. Pentru a face acest lucru, vom tipări numele organizației noastre cu majuscule, de exemplu, „WHITE NOCHI” LLC. Apăsați tasta Enter și mergeți la o nouă linie.

    5. Mai jos putem introduce o linie de despărțire. Pentru a face acest lucru, faceți clic pe butonul „Desen”. Un panou de desen cu butoane de control va apărea în partea de jos a ecranului. Suntem interesați de linii, așa că selectați butonul Linie corespunzător. Cursorul mouse-ului se transformă într-o cruce.

    Vă rugăm să rețineți: poate veți avea o așa-numită pânză inserată - o zonă punctată pentru inserarea formelor / desenelor. Pentru a scăpa inteligent de inserarea pânzei, accesați meniul Instrumente și alegeți comanda Opțiuni. Faceți clic pe fila General și debifați opțiunea Creare automată a desenului la inserarea formelor automate. Faceți clic pe „OK” și închideți fereastra „Opțiuni”.

    6. Mutați cursorul în formă de cruce la numele organizației și chiar mai jos trageți o linie de la cursorul care clipește până la marginea dreaptă a câmpului apăsând și menținând apăsat butonul stâng al mouse-ului. Se trasează linia.

    7. Puteți lăsa linia așa cum este, sau îi puteți da un aspect mai elegant. Pentru a face acest lucru, pe panoul de desen există un buton corespunzător „Stil de linie” (Stil de linie). Faceți clic pe el și alegeți orice tip.

    8. După ce vă opriți pe orice tip de linie, faceți dublu clic sub această linie - în acest loc se vor tipări adresa și detaliile organizației. Introduceți datele pe care le considerați necesare: adresa legală și reală, telefon, fax, URL site, e-mail, detalii bancare.

    9. Acum formatează textul tastat conform ideilor tale. Numele organizației, de exemplu, am selectat și atribuit stilul "Tit 1" (Tit 1). De asemenea, am centrat titlul și am spațiat literele cu cinci puncte.

    Am redus dimensiunea fontului textului de sub linie la nouă puncte și l-am aliniat la centru. Puteți vedea o mostră în captura de ecran de mai jos.

    Astfel, am creat o parte permanentă (imuabilă) a șablonului nostru, așa-numitul „antet”. Acum haideți să trecem mai departe și să creăm câmpuri în care ulterior vă veți înlocui datele.

    În partea stângă a șablonului, sub „antet”, faceți dublu clic pe mouse și introduceți numele orașului, de exemplu, Moscova. Apoi, în partea opusă (dreapta) a șablonului, faceți dublu clic din nou și introduceți data în locul în care cursorul clipește. Pentru asta:

    1. În meniul „Insert” (Insert) selectați comanda „Date and Time” (Data și Ora). Se va deschide o fereastră în care selectați formatul de afișare a datei necesar, de exemplu 18 iulie 2006.

    2. Bifați caseta „Actualizare automată”. Acum, când creați un document nou bazat pe acest șablon, data va fi deja ștampilată în conformitate cu ora curentă de pe computer.

    3. În partea dreaptă a șablonului de sub dată - cu o indentație de la marginea stângă de aproximativ 10 cm de-a lungul riglei orizontale - faceți dublu clic. Cursorul va clipi, iar în acest moment vom introduce un câmp pentru înlocuirea datelor destinatarului.

    4. În meniul „Inserare”, selectați comanda „Câmp”. Se va deschide o fereastră ca în captura de ecran de mai jos:

    5. În zona Categorii, selectați Document Automation. În zona Nume câmpuri, alegeți comanda MacroButton. În zona Afișare text, tastați Inserați numele destinatarului și faceți clic pe OK.

    Strict vorbind, în zona „Nume macrocomandă”, ar fi trebuit să specificați NoMacro (adică o comandă fără macro), dar asta nu era în listă. Prin urmare, îl lăsăm așa cum este, cel puțin eu nu am întâlnit niciodată erori.

    6. Primim câmpul cu textul nostru.

    Dacă aveți acest câmp afișat ca text normal fără umbrire, atunci vă recomand să faceți o astfel de umbrire. Acest lucru vă va permite să definiți cu ușurință câmpurile necesare pentru introducerea datelor în document mai târziu. Pentru a face acest lucru, accesați meniul Instrumente și selectați comanda Opțiuni și în fila Vizualizare din grupul Afișare selectați opțiunea Întotdeauna din lista Umbrire câmp. ).

    Mai jos puteți introduce suplimentar un câmp similar cu adresa destinatarului și poziția acestuia.

    Tot ce trebuie să facem acum este să introducem mai jos o adresă de bun venit destinatarului acestei scrisori, textul contestației în sine și semnătura expeditorului. Încercați să introduceți singur aceste câmpuri în șablon, pe baza instrucțiunilor de mai sus și nu uitați să salvați șablonul rezultat.

    De exemplu, puteți arunca o privire la captura de ecran a șablonului pe care l-am primit:

    Acum, pentru a utiliza acest șablon pentru a crea o scrisoare, trebuie să mergeți la meniul Fișier și să selectați comanda Nou. În partea dreaptă va apărea un panou de activități, în care trebuie să selectați opțiunea „Șabloane generale” (Pe computerul meu). Se va deschide o fereastră cu toate șabloanele disponibile. Selectați șablonul pe care l-ați creat și faceți clic pe „OK”. Un nou document bazat pe șablonul dvs. va fi încărcat în Word. Adăugați datele dvs. în câmpurile corespunzătoare și bucurați-vă de automatizare.

    Salutari. Acest articol va răspunde la întrebarea cum să creați un șablon WordPress unic, frumos și diferit. Va trebui să încerc să-mi încordez puțin creierul.

    Cum să creați un șablon WordPress unic - pentru început

    Mai jos este o listă de pași despre cum să creați un șablon unic pentru wordpress cu propriile mâini și gratuit.

    1. Schimbați pozele.
    2. Schimbați numele șablonului.
    3. Faceți modificări minore la stiluri.

    Să începem prin a examina fiecare articol în ordine.

    Schimbați pozele

    Cel mai simplu punct, îl voi analiza folosind exemplul șablonului douăzeci și unsprezece. Înlocuim imaginile stoc cu propriile noastre convertite. Este necesar să schimbați pălăria, subsolul, fundalul și altele mici.

    Dar nu pot scoate o soluție specială, în șablonul meu există un minim de poze (și cele care sunt uriașe). În general, trebuie să înlocuiți majoritatea imaginilor cu propriile imagini. Să aruncăm o privire la cele două elemente care sunt înlocuite:

    • Primul este prin intermediul panoului de administrare în sine.
    • Al doilea este prin cod.

    Dacă înțelegi principiul, atunci mult respect pentru tine.

    Prin panoul administrativ propriu-zis

    Temele moderne au o caracteristică plăcută de personalizare prin WordPress în sine, de ce să nu le folosiți? Mergem la panoul de administrare al blogului, privim și personalizăm.

    Dacă tema este făcută pentru oameni, atunci setările globale de design vor fi aici și ne vom ocupa de lucrurile mărunte de mai jos. În secțiune pentru moment, folosind exemplul lui Twenty unsprezece.

    1. Culori tematice comune. Setări pentru elementele principale (titluri, subtitrări etc.).
    2. Imagine antet, adică în antet.
    3. Imagine de fundal. Nu este prezent pe toate temele, il poti personaliza atat cu poza cat si doar cu culoare.

    În acest stadiu, iată ce am primit. Să mergem mai departe.

    Schimbarea imaginilor manual

    Să presupunem că imaginea unui element din șablon nu ți se potrivește și vrei să o schimbi. Ce să fac? Ne vom da seama. De exemplu, voi lua rezultatul unei imagini cu numărul de comentatori.

    Sistemul este valabil pentru toate subiectele.

    Faceți clic dreapta pe element și căutați rezultatul acestuia în cod folosind instrumentul „vizualizare cod”.

    1. Elementul în sine, faceți clic pe el cu butonul din dreapta al mouse-ului.
    2. Selectăm elementul „vezi codul”.
    3. Acesta este codul HTML de ieșire în sine, nu îi acordăm atenție.
    4. Iată adresa prețuită la care trebuie să mergi cu un înlocuitor. Fișierul pe care îl căutați este bubble.png, aflat în folderul imagini din tema în sine.

    Adică, trebuie să creați același fișier cu același nume și să-l înlocuiți. Sper că știți cum să utilizați manageri de fișiere precum FileZilla. Am vrut să fac o poză care să afișeze numărul de comentarii cu o stea cu un accident vascular cerebral. L-am făcut în Photoshop și l-am salvat ca imagine cu balonul de nume și extensia png.

    Gata, am deschis filezilla și am trecut la tema activă douăzeci și unsprezece din folderul imagini (pe care am învățat-o mai sus). și prin simpla glisare și plasare a noii imagini în folder, cu înlocuire. Vedeți captura de ecran pentru toate detaliile.

    Dacă totul este bine făcut, atunci o nouă imagine va fi afișată pe site, iată un instantaneu.

    După cum vă puteți imagina, această metodă poate fi folosită pentru a schimba orice imagine dacă nu există setări în panoul administrativ.

    Schimbați numele șablonului

    Îl poți schimba doar pe teme gratuite, acest lucru este important.

    Există două puncte și trebuie făcute:

    • Reproiectarea numelui în fișierul style.css
    • Schimbați numele folderului cu teme.

    Refaceți titlurile în style.css

    Pentru a face acest lucru, mergeți la editor ( amintește de editorul de look) și găsiți style.css.

    Pe ecran vedem o inscripție, totul trebuie schimbat. Începutul oricărui fișier style.css conține informații despre șablon la început. Ar trebui schimbat cel puțin la aceste linii.

    Numele temei: moi-shablon Descriere: Versiunea standard 1 .. Licență: GPL

    Ar trebui să arate așa după înlocuire.

    Completați datele dvs., nu le luați pe ale mele, pentru că noi facem șablonul unic. Schimbați cel puțin numele, autorul și site-ul.

    Înțeles, treceți la articolul următor.

    Schimbați numele folderului cu teme

    O facem prin managerul de fișiere, am Filezilla. În paragraful anterior, am schimbat numele subiectului din rând:

    Numele temei: moi-shablon

    Este nevoie de nume original douazeci unsprezece schimbarea la una nouă, în cazul meu, moi-shablon. Accesați folderul FileZilla teme, și găsiți numele original twenty11.

    Și îl schimbăm cu unul nou.

    Dacă totul a fost făcut corect, va funcționa. Tema pentru motoarele de căutare nu va mai fi standard, ci unică.

    Modificări minore în stiluri

    Nu pot veni cu o singură soluție pentru a crea un șablon unic pentru wordpress, trebuie doar să priviți șablonul pur vizual și să vedeți ce nu vă place. Mă uit la bara laterală.

    Nu chiar? Vreau să măresc titlurile pentru că sunt mici și se potrivesc cu fundalul. Toți pașii sunt afișați mai jos în imagine.

    1. Selectăm elementul pe care vrem să-l edităm. Faceți clic cu butonul din dreapta al mouse-ului.
    2. Faceți clic pe „vezi codul”.
    3. Întregul stil al acestei rubrici.
    4. Numele stilului pe care îl căutați.

    Deschideți fișierul style.css. Căutăm numele stilului folosind combinația de taste CNTRL + F.

    Vreau să măresc fontul, să fac o linie continuă sub el, să schimb culoarea și grosimea textului. Pentru a face acest lucru, modific sau adaug acești parametri.

    Culoare: # 1a1a1a; dimensiunea fontului: 15px; greutate font: 600; chenar-jos: 2px solid # 271eb1;

    Să analizăm liniile de cod.

    1. Schimbarea culorii.
    2. Schimbarea dimensiunii.
    3. Modificați lățimea textului.
    4. Adăugarea unei subliniere.

    Schimbăm sau adăugăm parametrii stilului în consecință. Ar trebui să arate așa.

    Toate modificările vor apărea imediat pe site.

    Sarcina mea acum nu este să predau aspectul, va dura mult timp și articole, ci să arăt însuși principiul modului de a face un șablon unic.

    Deci, cu toate celelalte elemente, aduceți-l la perfecțiune. Vă arăt ce s-a întâmplat în cadrul acestui articol.

    Acest articol a răspuns la întrebarea cum să creați un șablon WordPress unic. Iar tema standard poate fi numită a autorului tău.

    Dacă aveți întrebări, vă rugăm, în comentarii. Noroc.

    Să presupunem că am deschis o nouă prezentare Powerpoint, până acum goală. Și ce vedem?

    Și aveți culori și fonturi corporative pe care trebuie să le modificați de fiecare dată. Șablonul vă va permite să faceți acest lucru o dată pentru toată viața.

    Iar primul diapozitiv din prezentarea dvs. va arăta automat așa ÎNTOTDEAUNA fără efort suplimentar.


    Șablonul include:

    • Culori
    • Fonturi
    • Substituenți (secțiuni în care inserăm text, imagine, diagramă etc.)

    Mai jos veți găsi instrucțiuni pas cu pas pentru a vă crea propriul șablon Powerpoint.

    1. Creați un fișier nou în Powerpoint.

    2. Selectați „Slide Master” din meniul de sus din fila Vizualizare.


    În stânga apare un master de diapozitive standard.

    Aici vom lucra cu el. Și vom face non-standard din standard.

    3. Selectați tema fontului dorită sau creați una nouă.

    O temă de font este tipul de fonturi pe care le utilizați în prezentarea dvs. Crede-mă, există o mulțime de alte fonturi bune în afară de Calibri. Specificați-le o singură dată și vor fi înlocuite automat în întreaga prezentare sau șablon.


    4. Selectați fundalul dorit (culoare sau model). Puteți alege același fundal pentru toate diapozitivele simultan sau unul special pentru unul singur.

    5. După cum putem vedea, există multe opțiuni pentru locația textului, titlului etc. în stânga. Dar dacă avem nevoie de unul care nu există? De exemplu, să aibă 3 poze cu semnături.


    Apoi ne va ajuta funcția Insert Layout + Insert Placeholder.

    După ce faceți clic pe „Insert Layout” este creat un diapozitiv gol. Și îl putem umple după cum dorim.


    7. Acum, dacă vom crea un nou diapozitiv, atunci vedem opțiunile din șablonul nostru.

    8. Creați o nouă prezentare și v-ați „pierdut” șablonul? Accesați fila Design și căutați-l acolo.

Top articole similare