Sigurnost.  Postaviti.  Internet.  Oporavak.  Instalacija

Struktura WordPress šablona, ​​njegova konfiguracija i uređivanje. Kako prilagoditi wordpress temu

Svaka tema dizajna ima niz postavki koje se mogu mijenjati na CMS kontrolnoj tabli. Raznolikost parametara može varirati od predloška do predloška, ​​ali gotovo svaka tema vam omogućava da prilagodite logotip, pozadinu, fontove, bočne trake, naslov i opis web-mjesta s admin panela.

Unatoč tome, vlasnik stranice možda želi promijeniti neke sitnice koje kontrolna ploča ne dozvoljava. U tom slučaju možete unajmiti webmastera, ali ako nemate novca ili vremena, lako možete shvatiti predložak i sami napraviti potrebne izmjene.

Tema motora se sastoji od mnogo datoteka. Znajući za koji dio stranice je svaki od njih odgovoran, možete jednostavno urediti dizajn CMS šablona kako bi odgovarao vašim potrebama.

Datoteke tema sadrže HTML, PHP i CSS kod. Na sajtu postoji posebna referentna knjiga o HTML/CSS-u, ali poznavanje PHP-a u osnovi nije potrebno za kreiranje dizajna.

Dakle, svaki WordPress predložak ima sljedeće datoteke.

1. index.php. Datoteka čini glavnu stranicu stranice i poziva druge datoteke tema.

2. header.php. Kreira vrh, „zaglavlje“ stranice - obično sadrži logotip, naslov, opis web resursa, kao i horizontalni meni. HTML kontejner se takođe nalazi u ovom fajlu.

3. footer.php. Sadrži kod za donji dio stranice, njeno “podnožje”.

4. style.css. Kaskadna datoteka sa stilskim listama. Pošto je obično prilično velika, style.css dobro komentarisano. Nažalost, najčešće na engleskom, ali će osnovno znanje biti dovoljno da se shvati koji dio koda je odgovoran za dizajn kojih elemenata. Više o CSS-u pročitajte ovdje.

Ovo je obavezna baza za WordPress šablon, ali obično postoji mnogo više datoteka tema, a evo i najčešćih.

1. single.php- zaseban post.

2. page.php- stranica.

3. sidebar.php- bočni panel/paneli.

4. archive.php- arhiva članaka.

5. search.php- stranica s rezultatima pretrage.

6. comments.php- izlaz komentara.

7. 404.php- stranica greške sa kodom 404 (Datoteka nije pronađena).

8. function.php- fajl koji sadrži funkcije teme. Možete mu dodati svoje PHP skripte.

Naravno, predlošci obično sadrže mnogo više datoteka nego što je gore opisano, ali obično im nije potrebno uređivanje. Osim toga, možete saznati o svrsi svake datoteke iz njenog imena i komentara u njoj.

Uređivanje šablona je često potrebno da bi se ispravio ili dodao neki mali detalj. Ispod je nekoliko uobičajenih situacija.

Dodaj meni

Meni se može postaviti ne samo na mjesta koja su određena temom (ovo se radi preko widgeta), već i na bilo koji drugi dio stranice ili čak na određenu stranicu.

Da biste umetnuli meni bilo gdje, dodajte redak:

direktno u kod stranice gdje želite da ga postavite. Linija će raditi ako postoji samo jedan prilagođeni meni na stranici. Ako ih ima nekoliko, trebali biste dodati liniju poput ove u kod:

"Menu_1")); ?>

gde umesto Meni_1 potrebno je da unesete naziv vašeg menija.

Promijenite stranicu 404

Ako veza vodi do nepostojeće stranice ili datoteke, WordPress vodi korisnika na stranicu greške sa kodom 404 (Datoteka nije pronađena). Za to je odgovoran fajl 404.php, pohranjen u folderu aktivne teme. Često se engleski tekst prikazuje na ekranu, a želja vlasnika stranice na ruskom jeziku da ga prevede na svoj maternji jezik je sasvim razumljiva.

Da biste promijenili sadržaj stranice, otvorite datoteku u uređivaču 404.php, pronađite redove sa tekstom prikazanim u pretraživaču i promijenite ih (prikazani tekst je najčešće stavljen pod navodnike). Na primjer, u jednoj od standardnih tema (dvadesetčetrnaest) će vas zanimati sljedeći kod:

Zamijenite tekst pod navodnicima (ne gdje je dvadesetčetrnaest, već nešto drugo) svojim i dobijte izmijenjenu 404 stranicu.

Registrirajte autorska prava

Na dnu stranice uobičajeno je pisati službene informacije, posebno godine rada resursa i autorska prava. U velikoj većini slučajeva, vaša "oznaka" u datoteci footer.php koje ostavljaju autori tema, a webmasteri, naravno, žele zamijeniti ove informacije svojim.

Kao što znamo, „noge“ stranice su odgovorne za datoteku pohranjenu u korijenu aktivne teme footer.php, i trebali biste u njemu potražiti kod odgovoran za autorska prava.

Na primjer, ravno-bijela tema skriva prateće informacije u sljedećim redovima ove datoteke:

" title=""> ">

Rusifikuj tekst

Često WordPress šabloni nisu u potpunosti rusifikovani ili uopšte nisu prevedeni. Poznavajući strukturu datoteke teme i činjenicu da je tekst prikazan korisniku (ako nije varijabla) u kodu uvijek stavljen u navodnike, lako je pronaći i samostalno prevesti željeni fragment, a nije potrebno za ručno pretraživanje riječi - za ovo možete koristiti automatsku pretragu koja je prisutna u svakom uređivaču koda.

Na primjer, u ravnom bijelom predlošku odmah želite rusificirati barem dva natpisa: „PROČITAJTE JOŠ“ i „Ostavite komentar“, jer su vidljivi na glavnoj stranici.

Fajl je odgovoran za glavnu stranicu index.php, koji se nalazi u korijenu direktorija teme, stoga ga morate urediti. Ali nema teksta za natpise, tako da morate razumjeti kod da biste saznali gdje su pohranjeni. U našem slučaju, fajl je odgovoran za informacije ispod objava na glavnoj stranici template-parts/content.php, povezani nizom

Ako uđete u to i u kod

".__("Ostavite komentar", "flat-white")."
"; ?>
" class="read_more">

tekst Ostavite komentar zamijenjen sa

Nakon što ste kupili domenu i naručili hosting, vrijeme je da konfigurirate WordPress. Blog se ne može koristiti u svom trenutnom obliku. Morate pravilno konfigurirati stalne veze, odabrati i instalirati temu (dizajn) i povezati sve potrebne dodatke.

Sva ova podešavanja su potrebna kako bi se osiguralo da blog ima uredan izgled kako za buduće posjetitelje tako i za robote za pretraživanje. Što će se pozitivno odraziti na dalju promociju pretraživača.

Također morate razumjeti meni konzole. Konzola se još naziva i "admin panel". Možda ste primijetili da postoji dosta dodatnih postavki u admin panelu.

Da biste došli do administrativnog područja bloga, trebate otići na site.ru/wp-admin/. Zamijenite site.ru imenom svoje domene.

Glavna stranica sadrži osnovne informacije o cijelom blogu. Sa ove stranice možete dodati članak, postaviti osnovne postavke teme ili vidjeti najnovije komentare na unos.

2. Ažuriranja

U ažuriranjima možete vidjeti trenutnu verziju WordPress-a i da li zahtijeva nova ažuriranja. Čim programeri objave ažuriranje, vidjet ćete ga na svom admin panelu.

Ne zaboravite ažurirati ako se to od vas zatraži. Ovo će vas zaštititi od pokušaja hakovanja od strane uljeza.

3. Zapisi. Svi unosi

U ovom meniju možete vidjeti sve snimke napravljene tokom vremena. Također možete vidjeti koliko je komentara dobio svaki članak i kojoj kategoriji pripada.

Zadržite pokazivač miša preko članka i pojavit će se podizbornik s kojim možete uređivati, ići na ili brisati članak.

Ako niste ništa promijenili nakon instalacije WordPress-a, tada ćete već imati svoj prvi testni post. Usmjerite ga na njega i izbrišite ga. Ako greškom izbrišete unos, uvijek ga možete vratiti iz korpe za otpatke. Ako unosi više nisu potrebni, ne zaboravite isprazniti smeće.

3.1. Dodaj novi

Prije nego što počnete objavljivati ​​članke na svom blogu, morate napraviti nekoliko vrlo važnih postavki. Navedite ih u paragrafima 8.1 i 11.3. Nakon što ste postavili stalne veze, ili kako ih još zovu (CNC), možete početi s objavljivanjem članaka.

Naslov je napisan na vrhu. Ne bi trebalo da bude predugačak i ne prekratak. Nakon što unesete naslov ispod, pojavit će se trajna veza. Ovako će izgledati ako instalirate poseban dodatak, koji se nalazi u paragrafu 8.1.

Ispod ćete pronaći alate pomoću kojih možete formatirati tekst, dodati slike i postaviti aktivne veze. Ako ste upoznati sa programom Word, onda s tim neće biti problema.

Ako se prvi put susrećete sa takvim uređivačem, pogledajte video tutorijale na YouTube-u o tome kako dodati članak na WordPress blog. Nakon što je vaš članak dodan i formatiran, odaberite ili kreirajte kategoriju za njega. Jedan članak po kategoriji, zapamtite ovo!

Otpremite sličicu, ovo je mala slika za vaš članak. Takve slike podržavaju većinu tema. Kada je sve spremno, kliknite na “Objavi”. Sada idite na početnu stranicu svog bloga i pogledajte kako izgleda vaša objava.

Rad sa slikama

Kada dodajete fotografije, pokušajte uvijek uključiti atribut “Alt”. Ako koristite svoje fotografije, to će vam omogućiti da privučete promet sa pretraživača iz odjeljka "slike".

Dovoljne su 2-3 riječi o onome što je prikazano na samoj slici. Ako ne znate šta da napišete, bolje je da ne pišete ništa.

Fotografija se može poravnati sa središtem ili ivicom. Ako imate veliku sliku i želite da se otvori u punoj veličini kada kliknete na nju, odaberite “link to media file”. Ako trebate preusmjeriti na drugu stranicu, upotrijebite prilagođeni URL.

U postavci veličine možete postaviti veličinu koju želite. Zapamtite da je širina samog bloga rijetko veća od 1000 piksela. Preporučujem da ga postavite na full.

Uverite se da sve vaše fotografije imaju naziv latiničnim slovima pre nego što ih otpremite na svoj blog, na primer, moy-dom.jpg.

3.2. Kategorije

Ovaj meni je namenjen kreiranju kategorija. Na primjer, imate blog o kulinarskim receptima. Naslovi mogu biti:

  • Salate
  • Grickalice
  • Pića

Napišite svoju kategoriju u naslovu. U naljepnicu upišite naziv iste kategorije, ali samo latiničnim slovima. Možete napisati i ćirilicom, ali preporučujem da to uradite kao u primjeru.

Rubrike mogu imati potkategorije. Na primjer, "Salate" mogu uključivati ​​sljedeće podnaslove: "Pileće salate", "Jednostavne salate", "Recepti za salate za zimnicu" itd. Potkategorije se mogu kreirati u meniju „Roditelj“.

Napišite 2-3 rečenice koje opisuju vaš dio. Navedite suštinu. Obavezno ga učinite jedinstvenim. To znači da morate sami smisliti ovaj opis, a ne kopirati ga. Kada su sva polja popunjena, možete kliknuti na dugme „Dodaj novu kategoriju“.

3.3. Oznake

Oznake su potrebne da bi veliku web stranicu učinili lakšim za korištenje. Ako ne planirate kreirati veliki portal s mnogo kategorija i potkategorija, bolje je ne koristiti oznake.

4. Medijski fajlovi

U ovom dijelu ćete pronaći sve fotografije koje su ikada postavljene na blog. Također možete dodati novu fotografiju u svoju biblioteku. Ovaj meni nam praktički neće biti potreban, jer možete dodati fotografiju svom članku u odjeljku 3.1.

5. Stranice

Nemojte brkati ovaj odjeljak sa objavama! Takve stranice su uglavnom potrebne za informacije. Na primjer, na mom blogu postoje odvojene stranice o autoru i o blogu. Možete kreirati stranicu sa kontaktima vaše organizacije ili bilo kojim drugim informacijama.

Sada imate probnu stranicu. Pogledajte ga, pokušajte ga urediti, a zatim ga obrišite.

U ovom dijelu ćete vidjeti sve kreirane stranice. Ako treba da kreirate novi, jednostavno idite na meni „Dodaj novo“ i koristite uređivač, kao u meniju 3.1.

6. Komentari

Ovdje možete vidjeti sve komentare vaših korisnika. Komentari se mogu onemogućiti, odobriti i uređivati.

7. Izgled. Teme

WordPress podrazumevano nudi 3 teme. Dizajn im je tako-tako i rijetko ko ih koristi. Sve tri teme možete vidjeti u ovom meniju. Na Internetu postoji veliki broj stranica koje nude preuzimanje besplatnih predložaka.

Preporučujem da instalirate teme iz službene WordPress trgovine. Prvo, besplatni su, a drugo, ne sadrže zlonamjerni kod ili viruse. Da biste instalirali novi predložak, samo kliknite na "Dodaj novu temu".

Bićete preusmjereni na odjeljak u kojem možete odabrati temu koja vam se sviđa. Zadržite pokazivač iznad bilo kojeg predloška i pogledajte kako će izgledati. Možete odabrati temu filtriranjem karakteristika koje su vam potrebne. Nakon što je odabir napravljen, kliknite na instaliraj i aktiviraj.

Nemojte se bojati postavljati različite teme. Vrlo je teško pronaći onu koja će vam se svidjeti prvi put. U svakom trenutku možete izbrisati sve nepotrebne teme.

Besplatni šabloni imaju i svoje nedostatke. Loše su optimizirani za pretraživače.

Ili možete odmah kupiti jeftin predložak za svoj projekt, koji će eliminirati sve tehničke greške. Instalirajte temu, prilagodite je jednom i koristite.

Ako imate bilo kakvih pitanja o postavljanju teme, usluga podrške na ruskom govornom području uvijek će vam pomoći besplatno. Preporučujem da odaberete jedan od ova tri šablona.

Također u ovom dijelu uvijek možete promijeniti svoju lozinku i email.

10. Alati

Možete bezbedno da preskočite ovu sekciju, ovde još nema ništa zanimljivo. Prilikom dodavanja novih dodataka, neki od njih će se nalaziti ovdje.

11. Postavke. Uobičajeni su

Iz nekog razloga najvažniji meni je na samom kraju. Prije nego počnete objavljivati ​​članke i kreirati nove stranice, potrebno je izvršiti podešavanja.

Napišite naziv Vaše stranice. Opis treba da bude kratak i jasan. Trebao bi sadržavati cjelokupnu suštinu vaše niše. Možete preskočiti kratak opis. Ako imate nešto da napišete, onda to popunite. Možete napisati neki slogan.

WordPress adresa i adresa web stranice. Ovdje možete odrediti kako će vaš blog biti prikazan. Na primjer, sa ili bez www. https ili http. Ovo je veoma važan parametar, obavezno ga popunite.

Ako ste po mom mišljenju registrirali domenu i hosting, onda morate imati certifikat sigurnog https protokola. Dakle, podesite postavke kao na slici. Odaberite format datuma i vremena koji vam je potreban. Preskačemo meni „pisanja“.

11.1. Čitanje

11.2. Diskusija

U ovom odeljku možete konfigurisati svoju crnu listu. Ako vidite da vam neko ostavlja neželjene komentare, možete ih staviti na crnu listu. Dovoljno je dodati IP adresu, koja se može vidjeti u komentarima ili kreirati vlastitu listu stop riječi.

Na primjer, ako dodate riječi: www, http://, download, besplatno, tada takvi komentari neće biti podvrgnuti automatskoj moderaciji. Možete sigurno preskočiti postavke medija.

11.3. Permalinks

Ovdje se nalazi jedna od najvažnijih postavki WordPress-a. Ovo je postavka stalne veze. Označite okvir "Prilagođeno" i tamo zalijepite sljedeći predložak:

/%category%/%postname%.html

Yandex metrika

Da biste saznali koliko ljudi posjećuje blog, morate na njega instalirati poseban brojač. Ovaj brojač će pokazati detaljne informacije o korisniku. Preporučujem instaliranje Yandex Metrica.

Ako još nemate poštu od Yandexa, registrirajte je odmah, to će potrajati nekoliko minuta.

Kada ste unutra, kliknite na “Dodaj brojač”.

Zatim popunite: naziv šaltera i adresu web stranice, označite polje za potvrdu „Prihvatam uslov“, kreirajte brojač. Označite okvir za web preglednik i kliknite na Spremi. Ispod ćete vidjeti kod brojača koji treba instalirati.

Kopirajte ga i idite na admin područje vašeg bloga kao što je prikazano na slici ispod.

Pronađite u desnoj koloni i kliknite na “Header (header.php)”. Zalijepite kopirani kod u slobodni prostor. Bolje je to uraditi tamo gdje se završava.

Kliknite ažuriranje datoteke. Vratite se na listu brojača klikom na “Šalteri”.

Nakon nekoliko minuta, brojač će se ažurirati i postati zelen. Ako se to ne dogodi, odjavite se sa svog naloga i ponovo se prijavite.

Spremni! Nakon nekog vremena, brojač će zabilježiti sve posjetioce vašeg bloga. Kliknite na ime i bićete odvedeni u glavni meni.

Ako želite razumjeti sve mogućnosti ovog alata, pogledajte priručnik.

robots.txt

Ako ne znate šta je robots.txt i za šta je potreban, možete ga pročitati u pomoći za Yandex. Kako ne biste patili i ne biste ga sami sastavili, možete ga jednostavno preuzeti.

Ne zaboravite ispraviti svoju web lokaciju u datoteci tako što ćete zamijeniti site.ru i site.ru/sitemap.xml svojim. Također unesite http ili https. Sada ga trebate otpremiti na svoj server u root folder u kojem je instaliran vaš blog.

Ako koristite Beget hosting, koji preporučujem, onda ovaj fajl možete preuzeti na sljedeći način. Prijavite se na svoj hosting i kliknite na „Upravitelj datotekama“.

Pronađite fasciklu sa svojom web lokacijom i uđite u nju klikom 2 puta. Trebali biste vidjeti ovo:

Idite u ovu fasciklu tako što ćete kliknuti 2 puta. Sada se nalazite u root folderu vaše stranice. Sada kliknite na "Upload Files" i "Browse..."

Odaberite datoteku i kliknite na dugme "Učitaj". Fajl je postavljen na stranicu.

Sada možete provjeriti. Unesite sljedeći upit u traku za pretraživanje: https://site.ru/robots.txt zamijenite site.ru svojom web lokacijom. Uzmite u obzir i značenje https ili http.

Registracija domena. Postavljanje hostinga. Hajde da instaliramo blog!


Naručite hosting i kupite domen >>>

Zaključak

Sada je vaš blog potpuno postavljen i spreman za rad. Počnite ga puniti kvalitetnim člancima za ljude. Počnite polako razumjeti SEO (optimizacija za pretraživače).

Čim vaš blog dostigne 500 posetilaca dnevno, onda kupite jedinstvenu temu. Ako imate bilo kakvih pitanja, svakako ih postavite u komentarima ispod.

Srdačan pozdrav, Sergej Smirnov.

Ako se odlučite za kreiranje web stranice, možda ste je već kreirali, tada ćete, u svakom slučaju, biti suočeni sa zadatkom prilagođavanja izgleda.

Svaki web resurs ima dvije strane, administrativni kontrolni panel i ono što svi posjetitelji vide.

Dakle, da bi svi koji odu na vaš blog/portal bili “prijatni za oko” i zahvaljujući tome se osoba zadržava na stranicama, potrebno je prilagoditi šablon, učiniti ga lijepim, praktičnim...

Koje opcije postoje za rješavanje ovog problema?

Pobrinite se da vaša stranica bude jedinstvena po izgledu, kako bi se smatrala atraktivnom i zanimljivom, važno je kreirati bombaški sadržaj i raditi na zaglavlju, sidebaru, podnožju, fontu itd.

Da, da, sadržaj je temelj. Ako su informacije iz originalnog izvora i dani materijal je jasan, onda dizajn jednostavno ne postoji. Prazan list papira i članak ili video će biti dovoljni. Kvalitetne informacije su uvijek cijenjene! Ali, mislim da ste napravili web stranicu i da to radite, kojih ima toliko na RuNetu. Stoga je prilagođavanje teme neophodno.

Ukoliko nemate vremena i dovoljno vještina za ovaj posao, naručite izgled i dizajn kod. O takvim stranicama i udaljenim zaposlenicima sam govorio u ranijim brojevima.

Ovo je prva opcija - naručite!

Druga opcija je da probate sami.

Reći ću vam kako to tačno da uradite u današnjoj epizodi.

Treća opcija je da kupite gotov šablon! Ali također se može uređivati ​​i prilagođavati.

Kako prilagoditi wordpress temu

Mislim da nisam rekao da ću prilagoditi šablon koristeći WordPress engine, jer je najpopularniji.

Prije prilagođavanja predloška na WordPress-u, morat ćemo instalirati temu. Možete ga preuzeti, ili možete uzeti jedan od standardnih koji se nalaze u admin panelu. I kao što sam ranije rekao, moguće je kupiti jedinstveni šablon.

Kako god bilo, sada ćemo sve srediti.

Kako instalirati WordPress šablon sa interneta

Sada ću vam reći kako pronaći predložak na Internetu i postaviti ga ovdje na admin panel za daljnju konfiguraciju. Zatim ću vam pokazati kako da aktivirate već dostupne teme.

Dakle, otvorite tražilicu i unesite upit "Wordpress šabloni". Sviđa mi se jedan veoma popularan sajt:

http://wp-templates.ru

Idite na njega, kliknite na demo dugme ispod teme koja vam se sviđa i pogledajte kako izgleda. Jasno, palo je oko na njega ili ne. Ako da, onda slobodno kliknite na dugme "Preuzmi".

Zip arhiva će biti preuzeta. Vaš zadatak je da odete do admin panel -> izgled -> teme -> dodaj novu -> prenesi temu -> prevucite arhivu sa šablonom u oblast "Odaberi datoteku". Tako da arhiva dodirne dugme. U redu, preuzeto, sada kliknite na “Instaliraj”, a zatim “Prikaži”.
Odlično, sada smo u panelu postavki teme. O tome ćemo razgovarati u nastavku. U međuvremenu ću vam pokazati kako da otvorite standardne WordPress šablone.

Opet, idite na admin panel -> izgled -> teme -> dodaj novo -> sada pronađite bilo koji šablon, zadržite pokazivač miša i kliknite na prikaz.

To je to, više neće biti nepotrebnih radnji. Kao što vidite, radili smo samo sa karticom “Izgled”.

Prilagođavanje WordPress predloška (teme) za sebe

Otišli smo na panel postavki, glavni alati će uvijek biti identični onome što imate i onome što imate. Ali, ovisno o određenom predlošku, funkcionalnost konfiguracije će se razlikovati.

Gore sam spomenuo widgete. Dakle, kako instalirati ovaj ili onaj widget u bočnu traku?

Sve što se može postaviti u bočnu traku radi se preko widgeta.

Na primjer, u nedavnom broju o kojem sam govorio. Ovo nije jedan od standardnih WordPress widgeta, već widget treće strane. Da biste ga instalirali, morat ćete koristiti widget “Text” i istovremeno nam je potrebna skripta za umetanje. U članku, link iznad, pričao sam o tome detaljno.

Šta se može postaviti u bočnu traku?

Imam vrlo mali set alata u svojoj bočnoj traci. Od WordPress widgeta instaliran je samo “Search”. I napisao sam rukom “Zanimljiva pitanja”.

Bilo bi dobro staviti kategorije u bočnu traku kako bi navigacija po stranici bila zgodna.

A redoslijed rasporeda bi trebao biti otprilike ovakav: prvo, obavezno „Traži“, zatim kategorije, pa zanimljivi unosi i tako dalje.

Kako instalirati widget?

Zadržite pokazivač miša preko kartice Izgled i kliknite na Widgeti.

Levim tasterom miša zgrabite i držite željeni widget, zgrabio sam widget “Slika”. Nakon toga, premjestite ga na desnu ploču, bočnu traku ili podnožje gdje želite da ga instalirate i tamo pomaknite kursor.

Vrijeme je da se malo upoznamo s njegovom strukturom i principima uređivanja elemenata naše teme. Ovdje nećemo analizirati takve postavke za administratora. paneli kao što su pozadina, boja teksta, veličina fonta itd.

Mislim da pošto ste došli do ove faze, već imate ideju o WordPress-u, i moći ćete da shvatite dugmad na kojima je sve napisano na ruskom :) Preći ćemo na malo napredniji nivo prilagođavanja WordPress šablona .

Mislim da svi razumiju zašto trebate promijeniti šablon. Osim vas, hiljade ljudi ga je vjerovatno preuzelo ( posebno slobodne teme), i ne bismo željeli da naša stranica izgleda kao nečija, zar ne? 🙂

Osim toga, moguće je da u temi dizajna koju ste odabrali postoje neki elementi koji vam smetaju i treba ih ukloniti ili želite nešto zamijeniti. Općenito, razloga je dosta, a mislim da nema nijedne osobe koja ne bi željela napraviti neke promjene u preuzetom šablonu.

Kako prilagoditi WordPress šablon?

Kao što se sjećamo, na statičnim stranicama, da bismo prilagodili izgled, samo trebamo otvoriti željenu stranicu, recimo index.html i css datoteke povezane s njom u uređivaču teksta (ili html editoru), i jednostavno unijeti potrebne promjene u kod stranice.

Ali u CMS WordPress stranicama naše web stranice dinamičan, tj. generira ih server koristeći PHP program, direktno nakon korisničkog zahtjeva iz pretraživača. Drugim riječima, ne možemo samo uzeti i promijeniti gotovu stranicu, jer... nema spremne stranice :)

Ali takva dinamička stranica ima svoju strukturu, znajući koju možete promijeniti njene postavke. Nisam stručnjak za PHP i nisam ga namjerno proučavao, ali da biste općenito prilagodili WordPress predložak, nije vam potrebno duboko znanje, biće dovoljno da se malo udubite u temu, tako da se nemojte previše plašiti )

Od čega se sastoji WordPress tema?

Uglavnom iz php datoteka, css datoteka, slika i skripti korištenih u temi. Sve ove datoteke se nalaze u folderu \wp-content\themes\your_theme_name\

Spisak php fajlova kao i glavni css stil teme se takođe može videti odlaskom na administratora. panelu na kartici Dizajn - Editor, možete ih i uređivati ​​tamo. Međutim, za ozbiljne promjene preporučujem korištenje Notepad++ znatno olakšava rad sa kodom. Prilikom spremanja, ne zaboravite postaviti kodiranje datoteke na utf_8

Pogledat ću strukturu koristeći svoju temu kao primjer; vaši detalji se mogu razlikovati, ali mislim da ćete razumjeti opći princip..

Na ovom snimku ekrana podijelio sam temu na 4 uslovne komponente, za čiju su generaciju odgovorne njihove vlastite php datoteke. Vrlo je sličan blok modelu statičnih stranica, zar ne. Međutim, postoje neke nijanse.

Zaglavlje stranice.

Datoteka je odgovorna za zaglavlje u standardiziranim temama header.php Zaglavlje obično uključuje elemente kao što su Meni, Naslov web-mjesta, logotipi, baneri, a može uključivati ​​navigaciju, pretragu, projekciju slajdova itd. Sve zavisi od konkretnog šablona. Doctypes, metas i druge vrijednosti oznaka su također napisane tamo. html stranice.

Glavni sadržaj

  • 404.php koji je odgovoran za prikaz stranice greške 404.
  • archive.php koji je odgovoran za stranice sa arhivama kao što su kategorije, oznake, kalendar itd.
  • index.php- Početna stranica stranice
  • page.php je odgovoran za prikazivanje stranice „Stranice“, izvinite na igri reči) videćete je ako kliknete na vrhu „O autoru“, „Mapa sajta“ „Gost“ itd.
  • single.php odgovoran je za prikazivanje određene objave, poput ove koju trenutno čitate :)
  • comments.php nije teško pogoditi da je odgovoran za blok komentara
  • recent-comments.php nedavni komentari
  • itd.

Bočna traka

Odgovoran za izlaz bočne kolone našeg bloga sidebar.php . Neke teme mogu imati nekoliko njih, ali ja imam jednu. Bočna traka je važan dio stranice; u pravilu sadrži widgete, banere, navigaciju i druge korisne informacije koje posjetitelju uvijek trebaju biti vidljive, bez obzira na kojoj stranici otvori vašu stranicu. U mojoj temi postoji i pretraga u bočnoj traci. search.php I searchform.php odgovorni su za pretragu i sve u vezi sa tim.

Podnožje stranice

footer.php odgovoran je za prikaz donjeg dijela stranice - podnožja. Obično postoje autorska prava, informacije o kreatorima i dizajnerima, brojači itd. ponekad se tu postavlja neka funkcionalnost sajta, koja nije postavljena u gornjim delovima sajta, kako ne bi odvlačila pažnju posetioca.

Stoji odvojeno functions.php navodi različite funkcije vaše stranice, uključujući one koje su dostupne samo administratoru.

Kao što ste primijetili, sve stranice našeg sajta imaju podnožje, zaglavlje i bočnu traku, bez obzira gdje idete. I samo se sadržaj glavnog sadržaja stalno mijenja, to je poenta dinamičkih stranica.

Nadam se da ste sada generalno razumjeti strukturu vašeg šablona, a ako želite nešto ukloniti ili, naprotiv, dodati nešto, znat ćete gdje tražiti pravi element)

Ispostavilo se da je post prilično dugačak, pa... CSS stilovi teme i slike I. Tamo ćemo vidjeti kako Firebug olakšava rad sa kodom stranice.

Tema je prilično teška za početnika, pa ako imate pitanja ili vam nešto ostane nejasno, nemojte se ustručavati postavljati pitanja u komentarima.

Danas bih želio govoriti o načinima instaliranja tema na WordPress. Na kraju krajeva, nakon kreiranja bloga i njegove osnovne postavke, svakako moramo napraviti resurs koji nije sličan drugima ili sa nekim zaokretom, ali kako to učiniti? Naravno, postavljanje teme. Ali, ako je moguće, treba da bude jedinstven, iako možete koristiti i standardne WordPress šablone ili teme koje se mogu naći na internetu, slobodno dostupne, a možete kupiti i šablon za blog. Ali najbolja opcija je jedinstveni šablon koji niko drugi nema, jer je tema našeg sajta njegovo lice, koje posetilac pamti i može da prepozna naš blog među ostalima. A kada je standardan ili se često koristi na mnogim resursima, vaš resurs će biti izgubljen u ovoj gomili blogova ili web lokacija. Stoga, hajde da pogledamo načini za instaliranje tema na wp.

Metoda 1: Instalirajte WordPress temu koristeći WordPress pretragu.

Prvo, u WordPress administratoru morate otići da instalirate teme. Da biste to učinili, na lijevoj strani menija nalazi se stavka "izgled", au ovom odjeljku postoji pododjeljak "teme". Treba nam danas da instaliramo šablon na WordPress. Nakon odlaska u pododjeljak, možete vidjeti dvije kartice - potrebna nam je druga, pod nazivom "instaliranje tema".

Koristeći pretragu, odabir predloška je prilično jednostavan; samo navedite kriterije koji su vam potrebni i kliknite na dugme „pronađi teme“. Ne bi trebalo biti nikakvih problema sa ovim. Nakon klika, pojavit će se stranice s temama koje bi trebale odgovarati vašim kriterijima. Za svaki će biti opisi, doduše ne na ruskom, ali sada web pretraživači mogu da prevode, tako da ne bi trebalo biti ni problema. Svaki šablon će također imati dvije opcije, instalaciju i pregled. Odnosno, prije nego što se konačno odlučite instalirati temu na WordPress, imat ćete priliku da je „pogledate“ i detaljnije proučite. I nakon toga donesite odluku - instalirati ili ne.

Da biste instalirali, samo kliknite na dugme “instaliraj” i potvrdite instalaciju. Nakon toga, vidjet ćete poruku o uspješnoj instalaciji i sve što ostaje je da aktivirate WordPress temu.

Također, koristeći WordPress pretragu, možete instalirati predložak upisivanjem ključne riječi, autora ili oznake u formular za pretragu. Ali ova funkcija ne radi dobro. Može se koristiti znajući tačan naziv ili barem nekoliko ključnih riječi iz naziva.

To je tako jednostavno, možete instalirajte temu za wordpress koristeći pretragu.

Metoda 2: Instalirajte WordPress temu tako što ćete je preuzeti sa admin panela WordPress-a.

Sljedeća opcija instalacije nije ništa komplikovanija od prve. Morate pronaći temu na internetu i preuzeti je na svoj računar. Imajte na umu da se mora arhivirati u zip formatu. Nakon toga, na kartici "instaliraj teme", trebate kliknuti na "preuzmi".

Da biste instalirali, morate odabrati datoteku pomoću odgovarajućeg dugmeta. I kliknite na dugme "instaliraj". Nakon toga ćete vidjeti poruku o uspjehu. instaliranje šablona za wordpress. I sve što ostaje je da ga aktivirate. To je to, naša WordPress tema je instalirana.

Takođe, u ovoj kartici („instaliraj teme“) možete vidjeti svoje omiljene, svježe i nedavno ažurirane šablone koje nudi WordPress.

Metoda 3: Instalirajte WordPress temu tako što ćete učitati fajlove teme na hosting.

Prvo morate pronaći temu na Internetu i preuzeti je. Nakon toga, ako je arhiviran, potrebno ga je raspakirati. Zatim postoje dvije opcije: instalacija na lokalni server i instalacija na WordPress engine koji se nalazi na hostingu.

1) Instaliranje WordPress teme na lokalni server: Da biste instalirali na server, morate kopirati folder tema u folder tema. Možete ga pronaći koristeći sljedeći put: C/Webservers/home/localhost/www/vaš folder sa instaliranim wp motorom/wp-content/themes. Kopirajte fasciklu šablona u fasciklu teme i ponovo pokrenite lokalni server. Nakon toga idite na WordPress admin panel i na kartici „upravljanje temama“ nalazimo naš predložak. I kliknite na "aktiviraj". WordPress šablon je instaliran na lokalnom serveru.

2) Instaliranje WordPress teme na hosting. Ovo zavisi od hostinga koji koristite i vaših preferencija. Na hostingu koji koristim možete učitati arhivu u željeni folder i tamo je raspakovati. I nakon toga, samo idite na "upravljanje temama" i aktivirajte ga. Sve je vrlo jednostavno. Ali češća metoda je korištenje FTP klijenta kao što je FileZilla. Ovo je besplatni FTP klijent za upload ili preuzimanje sa FTP servera.

Dakle, da biste postavili temu na hosting, potrebno je da pokrenete program i unesete svoje podatke za rad sa FTP-om u polja host, korisničko ime, lozinka i port. Nakon što popunite sva potrebna polja, kliknite na dugme „brzo povezivanje“. U desnom prozoru, pod nazivom „udaljena lokacija“, potražite fasciklu teme. Trebalo bi da se nalazi na sledećoj putanji: Vaša domena.ru/public_html/wp-content/themes.

Otvorite fasciklu i kopirajte fasciklu sa temom ovde. Ovo radim jednostavnim povlačenjem i ispuštanjem. Odnosno, jednostavno prevlačim folder sa šablonima u folder sa temama u desnom prozoru FTP klijenta.

Nakon kopiranja, morate otići na karticu "upravljanje temom" i aktivirati temu.

Evo nekoliko jednostavnih načina za instaliranje teme na WordPress. Nadam se da je sve bilo jasno i korisno. Sretno u vašim nastojanjima.

Da, i ne zaboravite da se stalno razvijate. Da biste ubrzali svoj razvoj, preporučujem vam video kurs: Sve tehničke tačke online poslovanja u video formatu, od poznatog autora video kurseva - Evgenija Popova.