Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Televizori (Smart TV)
  • Kreiranje jednostavne Wordpress teme. Kako napraviti wordpress šablon, kreirajte wordpress temu

Kreiranje jednostavne Wordpress teme. Kako napraviti wordpress šablon, kreirajte wordpress temu

U ovom članku ćemo naučiti kako napraviti wordpress temu. Prvo ćemo kreirati HTML + CSS šablon koji ćemo staviti u strukturu naše wordpress teme. Nakon što završite čitanje ovog članka, možete kreirati vlastiti predložak za wordpress, odnosno kreirat ćete ga dok budete čitali i završavali praktične vježbe. Znat ćete kako tema funkcionira i moći ćete samostalno implementirati jezgro wordpress teme iz drugih HTML/CSS šablona. Počnimo?

Uvod - struktura wordpress teme

Struktura wordpress teme je izuzetno jednostavna. U predmetu imamo fajl index.php, on je odgovoran za sastavljanje delova šablona. Drugi su povezani na ovaj fajl: header.php,footer.php... Ovi fajlovi (delovi šablona) se koriste na bilo kojoj stranici sajta. Znamo da nisu sve stranice napravljene prema istom šablonu, tako da wordpress tema ima i druge fajlove, kao npr. arhive.php ili single.php... Također možete kreirati vlastiti tip stranica ako želite da se potpuno razlikuje od ostalih na web stranici. Veoma je zgodno.

Ako pažljivo ispitate strukturu teme i pročitate sadržaj datoteka, intuitivno ćete shvatiti šta je što. Ali još uvijek postoje neke točke koje ćemo razmotriti. Uvijek se možete vratiti na ovu stranicu i pročitati kako se sve radi.

Pogledajmo sada kreiranje predloška u fazama:

Korak 1 - style.css

CSS datoteka je datoteka parametara i dizajnerskih rješenja za elemente HTML šablona. Morate preimenovati glavnu css datoteku (ako imate više od jednog) u stil.css... Zatim morate dodati sljedeće komentarisane informacije na početak ove datoteke:

/ * Naziv teme: Tipografija Paramount URI teme: http: // stranica / Opis: Predložak bez slike koji se fokusira na tipografiju..0. Opći komentari / Izjava o licenci ako ih ima. ... * /

Ovaj kod će prikazati informacije o temi za administratore. Uvjerite se da je na početku datoteke i da ispred njega nema razmaka!

Zatim sam kreirao još jedan fajl pod nazivom 1. css, i stavite ga u fasciklu tipografija je najvažnije koju sam kreirao u wordpress folderu teme. Neophodno je striktno pridržavati se ove strukture kako bi wordpress mogao vidjeti ovaj fajl.

Korak 2 - zaglavlje i podnožje

U ovom koraku kreiraćemo dva fajla: header.php i footer.php pomenuto ranije. Iako nisu osnovni i opcioni su u temi, koriste se u većini šablona, ​​pa ćemo ih kreirati.

Header.php

Počnimo s ovim fajlom. Kreirajte fajl i dajte mu ime header.php, zatim zalijepite dati kod u njega i sačuvajte. Ova datoteka će biti prikazana na svim stranicama našeg predloška.

-

Do sada nije bilo ničeg posebnog u vezi sa jednostavnom html/css temom. Ali sada ćemo neke elemente zamijeniti wordpress oznakama.

> <?php bloginfo("name"); ?> <?php wp_title(); ?> ; charset =" /> "tip =" tekst / css "medij =" ekran, projekcija "/>

Ovo su samo neke od oznaka koje znam. Na službenoj web stranici naći ćete još mnogo toga: codex.wordpress.org.

language_attributes ()- Izlazi tip jezika za oznaku .

bloginfo ()- Koristi se za prikaz informacija o stranici, svi parametri se mogu naći u WordPress kodeksu.

wp_title ()- Vraća naslov stranice.

wp_head ()- uključuje javascript i druge potrebne elemente.

get_option ()- dobija potrebne opcije za rad sa bazom podataka.

Footer.php

Sada napravimo takozvano "podnožje stranice". Kreirajte fajl footer.php i stavite sljedeći kod u njega. Ovo podnožje će prikazati godinu, naziv stranice i rss linkove.

< ?php wp_footer(); ?>

phpthe_vrijeme ("Y ");?>- prikazuje tekuću godinu.

- naziv bloga.

- dodavanje linka na rss feed bloga.

wp_footer ()- ovo je neophodno za jezgro samog wordpress-a, koji tu dodaje elemente koji su mu potrebni.


Korak 3 - glavni wordpress šablonski fajl

Vrijeme je da kreirate osnovni wordpress šablonski fajl koji će uključivati ​​vrh i dno stranice. Kreirajte fajl index.php... Ovo je jedan od dva potrebna fajla wordpress tema (drugi je style.css). Zalijepite novokreiranu datoteku sa sljedećim kodom:

Ovaj kod pomaže wordpress-u da dobije informacije gdje da se poveže header.php i footer.php... Dodajmo još nekoliko redaka između ovih oznaka:

">

at | |

ups...

Žao nam je, nema postova koje smo ponovo pronašli.

Ovaj isječak koda dobiva informacije o dostupnim objavama na blogu i, ako ih ima, prikazuje ih. Ako nisu pronađeni, dio koda se prikazuje nakon što nam daje do znanja da je blog još prazan.

Također je dodao tag koji prikazuje navigacijske veze tako da korisnici mogu čitati prethodno dodane postove.

Primjer kako radi wordpress tema

Sada kada imamo privid teme, pogledajmo primjer kako kreirana wordpress tema funkcionira.


Imamo četiri fajla u našoj temi, ovo je sasvim dovoljno za početak. U sljedećem članku ćemo dodati datoteku single.php koji će se prikazati prilikom prikazivanja određene objave. Ovaj fajl će uključivati, za razliku od fajla index.php.

Ako i dalje imate pitanja ili nesporazuma oko kreiranja wordpress predloška (teme), izrazite zabrinutost u komentarima ispod!

Ako želite da vaša wordpress stranica izgleda obećavajuće, prvo biste trebali razmisliti o kreiranju jedinstvene teme za nju. Ovaj proces je prilično naporan, jer je direktno povezan s različitim kodiranjem i skriptama. Hajde da ga rastavimo od nule.

Gotovo svaka wordpress tema je instalirana u wp-content / themes direktorij i sastoji se od 3 kategorije datoteka:

  1. datoteke sa stilskim listovima;
  2. datoteke dodatne funkcionalnosti;
  3. datoteke šablona.

Datoteke stilskog lista su style.css. Oni su odgovorni za boju, veličinu, font i druge parametre elemenata stranice. Svaka stranica ima samo 1 style.css datoteku. Ako otvorite ovu datoteku, tada na samom vrhu možete vidjeti informacije o naslovu, autoru i kratak opis teme. Kada kreirate vlastitu temu, možete unijeti informacije o sebi u style.css.

Sljedeća kategorija su datoteke dodatne funkcionalnosti. To uključuje functions.php, čiji princip čini da izgleda kao dodatak. Zahvaljujući ovoj datoteci, možete vizualno prilagoditi temu direktno u admin panelu. Obično lista postavki nije jako široka (naziv stranice, boja navigacije i bočnih panela stranice, itd.). Ako je tema višenamjenska, tada će lista postavki biti mnogo šira.

Sada pređimo na datoteke šablona. Njihova glavna funkcija je generiranje stranica koje traže posjetitelji stranice. Datoteke šablona imaju ekstenziju ".php". Većina osnovnih tema može sadržati samo jedan šablonski fajl koji se zove index.php. U tom slučaju, sve stranice stranice će biti identične. Ovaj dizajn se najčešće koristi za kreiranje Internet resursa sa bazama podataka, kada dizajn ne igra ključnu ulogu.

Ako nikada ranije niste radili dizajn, prvo pokušajte kreirati jednostavnu temu. Za normalan rad potrebna su vam najmanje 2 od sljedećih datoteka: style.css i index.php.

Datoteke dodatne funkcionalnosti u ovom slučaju se ne mogu koristiti, kao što razumijete. Među datotekama šablona, ​​index.php je jedan od najfleksibilnijih. Može samostalno generirati zaglavlja, razne blokove, podnožje (footer), sadržaj i druge elemente stranice.

Vrijedi napomenuti da će oni parametri koji nisu generirani u index.php fajlu biti generisani standardnim datotekama. Na primjer, ako se vaša tema sastoji od samo 2 od gore navedenih fajlova, ali korisnik ima potrebu da generiše obrazac za dodavanje komentara, onda će ovu funkciju obavljati standardni comments.php. Stoga, ako želite da vaša tema bude jedinstvenija, vrijedi napraviti dodatne datoteke predložaka. Razmotrimo glavne.

  1. Za dodavanje komentara, pogodili ste, koristi se predložak comments.php.
  2. Ako želite da napravite popup sa komentarima, onda vam je u te svrhe potreban comments-popup.php.
  3. Za generiranje početne stranice koristi se home.php.
  4. Datoteka single.php je odgovorna za prikazivanje članaka na sajtu. Ako nemate takav fajl, onda će index.php izvršiti svoju funkciju.
  5. Datoteka page.php generiše pojedinačne stranice sajta.
  6. Za prikaz informacija o autoru potreban vam je author.php.
  7. Category.php je odgovoran za kategorije.
  8. Prikaz arhive, datuma i pretraživanja se vrši pomoću datoteka archive.php, date.php i search.php respektivno.
  9. Da bi vaš sajt prikazao jedinstvenu stranicu sa greškom 404, moraćete da dodate svoj 404.php.
  10. Podnožje i podnožje sajta generišu fajlovi header.php i footer.php.

Kreiranje jedinstvene teme ručno od nule

Prvo morate instalirati odgovarajući šablon. Može se naći i na službenoj web stranici wordpress.org i drugdje. Preporučuje se korištenje službene stranice, jer bilo koja treća strana može sadržavati zlonamjerne datoteke i neispravne linkove.

Nakon što ste odabrali, možete započeti preuzimanje arhive. Na kraju procesa, moraćete da ga raspakujete i otpremite datoteke u određene fascikle na sajtu (arhiva obično sadrži malu instrukciju). Preuzimanje se može obaviti pomoću FileZilla programa ili direktno sa hostinga, ako podržava ovu opciju. Sada samo trebate otići u odjeljak "Teme", odabrati onu koju ste preuzeli i kliknite na dugme "Aktiviraj".

Možete ga odabrati i direktno u wordpress admin panelu. U ovom slučaju, ne morate ga preuzimati. Potrebno je samo da kliknete na dugme "Instaliraj", a zatim "Aktiviraj". Prije instalacije, preporučuje se da se izvrši pregled.

Sada kada je tema aktivirana, možete preći na njenu jedinstvenost. Prvi korak je razmišljanje o vrhu stranice (header). Ovo je prva stvar koja upada u oči vašim posjetiocima, pa se morate prema tome odnositi odgovorno. Obično se zaglavlje sastoji od naziva stranice, logotipa i kratkih informacija o sadržaju. Zaglavlje se može kreirati u bilo kojem grafičkom uređivaču. Čak iu standardnoj boji. Napredniji dizajneri koriste Adobe Photoshop.

Naziv stranice treba biti kratak i lako pamtljiv. Postoji mnogo različitih stilova koje možete birati u Adobe Photoshopu. Kada kreirate logotip, možda će vam trebati različiti oblici. Mogu se preuzeti sa službene web stranice Adobe Photoshopa.

Nakon što napravite crtež zaglavlja u grafičkom uređivaču, morat ćete ga postaviti na svoju web stranicu. Kada se preuzimanje završi, sa desne strane slike će se pojaviti URL i morat ćete ga kopirati. Zatim morate otići u odjeljak "Editor" i odabrati datoteku koja je odgovorna za generiranje zaglavlja (header.php). U njemu ćete morati pronaći URL trenutne slike i zamijeniti ga onim koji ste dobili prilikom učitavanja slike zaglavlja. Nakon toga, morat ćete ažurirati datoteku. Sada možete nastaviti s provjerom prikaza zaglavlja.

Ako vaše zaglavlje ima druge parametre osim standardnog, onda ih možete podesiti u header.php. Širina se kontrolira atributom širine, a visina se kontrolira visinom. Podešavanja se mogu izvršiti u pikselima i procentima. Dakle, ako samo želite da rastegnete kapu, onda je postavite na 100%.

Po želji možete dodati aktivne linkove na stranice wordpress stranice u zaglavlje. To se može učiniti koristeći različite usluge. Ima ih puno na internetu. Većina njih radi na istom principu. Označite željeno područje zaglavlja koje će biti rezervirano za link, a servis će vam dati kod koji vam je potreban. Zatim ćete morati da dodate ovaj kod u Vaš header.php fajl. Budite oprezni kada ga dodajete. Svaki poen se računa. Ako dodate kod na pogrešno mjesto, aktivni linkovi se neće pojaviti u zaglavlju.

Nakon zamjene standardnog zaglavlja, možete započeti zamjenu zadane pozadine wordpress stranice, widgeta, navigacije, podnožja i drugih komponenti wordpress stranice. Također se mogu nacrtati u bilo kojem grafičkom uređivaču i postaviti na stranicu u obliku slike.

Kod vas vrijedi uzeti u obzir da ne bi trebalo biti svijetlo. Većina webmastera radije koristi bijelu pozadinu. Ne boli oči niti odvlači pažnju od glavnog sadržaja.

Da biste kreirali kvalitetnu navigaciju od nule, potrebno vam je malo znanja o oznakama kao što su




  • Prvi je odgovoran za kreiranje blokova sajta, drugi je za dodavanje linkova na wordpress sajt. Treći se može koristiti za kreiranje kolona. Ovo posljednje je potrebno za prilagođavanje ćelija. Prvi korak je odlučivanje o lokaciji na kojoj će se nalaziti navigacija. Obično se nalazi odmah ispod kapice. Navigacija rasporedom je prilično brz proces. Ispod je mali primjer kako možete postaviti mali navigacijski blok.

    Kao što ste već shvatili, uobičajeno ime navigacijskog bloka je navigacia. Blok se sastoji od jedne ćelije "naslov stranice". Imajte na umu da je svaka oznaka zatvorena znakom "/". Ako oznake nisu zatvorene, stranica može pokvariti.

    Ne bi trebao biti veliki. Najpopularniji su kalendar, oblak oznaka, meta, arhive, pretraga, rss, video i najnovije vijesti. Da biste ih dodali, morate otići na karticu "Izgled" i kliknuti na polje "Widgeti". Tada ćete vidjeti listu dostupnih opcija. Također, widgeti se mogu instalirati pomoću dodataka. Mogu se preuzeti i sa službene web stranice i direktno preko WordPress admin panela. Da biste dodali video koji se nalazi na YouTube-u, potrebno je samo da umetnete link do njega na željeno mjesto na stranici. U suprotnom, video će morati biti postavljen na stranicu. Ako volite programiranje, možete dodati svoj widget na stranicu. Da biste to učinili, potrebno je da kliknete na opciju "Tekst" i tamo unesete potreban kod.

    U postavkama svakog vidžeta dobićete mogućnost da promenite podrazumevana zaglavlja. Također možete odabrati gdje će se prikazati widget (desna ili lijeva bočna traka) i tako dalje. Ne bi trebalo biti problema sa brisanjem widgeta. Da biste to učinili, samo trebate kliknuti na dugme "Izbriši" u postavkama.

    Kreiranje jedinstvene teme pomoću posebnih programa i usluga od nule

    1. Najpopularniji je Artisteer. Za rad s njim nije potrebno nikakvo posebno znanje programiranja. Proces kreiranja se odvija vizuelno. Ono što nacrtate biće predstavljeno pomoću koda koji je u skladu sa međunarodnim "XHTML 1.0 Transitional" standardom. Zahvaljujući tome, tema vašeg budućeg sajta će biti podržana od strane svih pretraživača.

    Za rad će vam biti ponuđen širok izbor različitih efekata, stilova i još mnogo toga. Ovaj program podržava ruski, engleski, njemački i druge jezike. Treba napomenuti da ovaj program ima neke nedostatke. Najvažnije je da program košta oko 50 dolara. Postoji i besplatna verzija, ali sadrži vrlo malo opcija. Da biste povećali jedinstvenost predloška, ​​morat ćete dalje kopati u kodiranje.

    Idemo direktno na upute za rad s ovim Artisteer programom. Čim otvorite program, pojavit će se prva opcija pod nazivom "Ideje". Ona će vam ponuditi razne kombinacije standardnih elemenata. Ako želite da vaš dizajn bude jedinstven, onda
    ne treba vam ova opcija. Da biste savladali program, potrebno je samo kliknuti na opcije i pogledati parametre. Ovaj program je lagan, tako da ne biste trebali imati problema s njim.

    Obratite pažnju na opciju "Header". Ona je odgovorna za prikaz zaglavlja stranice. Možete koristiti standardno zaglavlje ili učitati svoje. Već znate kako napraviti unikatan šešir.

    Da biste podesili širinu stranice, morat ćete koristiti opciju "Sheet". Širina je data u pikselima. Ovaj program će vam u početku ponuditi širinu od 900 piksela. Takođe, koristeći ovu opciju, možete konfigurisati različite efekte (senka, zaobljene ivice i tako dalje).

    Opcija Pozadina je odgovorna za postavljanje pozadine, pogađate. Možete ga odabrati među standardnim opcijama ili prenijeti svoje.

    Ako želite da prilagodite izgled elemenata sajta, onda bi trebalo da koristite opciju "Izgled".

    Jednako važna opcija je "Članci". U njemu se odvija izgled dizajna članaka stranice. Ovo uključuje lokaciju slike, teksta, komentara, raznih blokova itd.

    Da biste odabrali boju, veličinu ili font za svoj tekst, potrebna vam je opcija Boje i fontovi.

    Nakon obavljenih koraka, možete sačuvati svoju kreaciju. Da biste to učinili, kliknite na paletu u gornjem lijevom kutu. Pred vama će se pojaviti prozor. U njemu morate kliknuti na "Sačuvaj kao". Nakon toga, samo trebate odabrati naziv datoteke i lokaciju. Imajte na umu da datoteka mora imati ekstenziju ".artx". Tokom daljeg rada sa programom, potrebno je samo jednom kliknuti na "Sačuvaj" za spremanje.

    Kada je vaša tema potpuno finalizirana, možete nastaviti s izvozom. Da biste to učinili, morate kliknuti na karticu "Izvoz" i odabrati "WordPress Theme".

    2. Ako tečno govorite u Adobe Photoshopu, trebali biste instalirati dodatak Divine Elemente na njega. Zahvaljujući njemu, možete lako pretvoriti ".psd" datoteku u format koji će podržavati svi pretraživači.

    3. Ako nemate novca za Artisteer, možete koristiti besplatnu Lubith uslugu. Dostupan je online na službenoj web stranici lubith.com. Usluga sadrži mnogo korisnih opcija i posebno je brza. Za samo nekoliko minuta u potpunosti ćete savladati sve njegove mogućnosti.

    4. Analog prethodnog servisa je WordPress Theme Generator. Također je jednostavan za korištenje i sadrži širok izbor različitih opcija. Ova usluga je potpuno besplatna. Jedina mana je što ovaj servis podržava samo engleski jezik.

    5. XTemplate Generator je rusifikovani generator tema za sajt. Njegove opcije su u lijevom prozoru, au desnom možete vidjeti vizualni rezultat vašeg rada. Ovaj generator je također besplatan.

    6. WPTheme Generator je mnogo moćniji od prethodnih, jer sadrži nekoliko puta više opcija. Jedino upozorenje je da se ova usluga plaća. Cijena je 30$. Također je vrijedno napomenuti da je izgled u njemu u potpunosti izveden na engleskom jeziku.

    7. CSSEZ nije ništa manje popularan od prethodnog. Prije nego što počnete, morate proći kroz malu registraciju. U ovoj usluzi možete postaviti do 4 stupca za materijale za web lokaciju. Možete otpremiti vlastitu pozadinu.

    8. Dotemplate vam pruža oko 11 različitih wordpress šablona koje možete promijeniti. Jedina mana je nemogućnost učitavanja vlastite grafičke datoteke. Stoga ćete morati sami da preuzmete zaglavlje putem upravitelja datoteka stranice.

    9. Weeb se razlikuje od ostalih po tome što ima mogućnost dodavanja video zapisa direktno sa YouTube-a ili Google-a bilo gdje na stranici. Web stranica koja ima video je uspješna jer su informacije vizualno brže i lakše percipirane.

    10. U servisu Eris' Template Generator možete dodati do 3 kolone za prikaz materijala sajta, dodati razne oznake, kalendar i druge widgete.

    Rutinski rad sa dokumentima istog tipa može se minimizirati ako se generišu na osnovu Word šablona. Šta su i kako ih stvoriti, naš današnji materijal.

    Često u toku naše delatnosti izrađujemo dokumente istog tipa: akte, naredbe, pisma, ugovore, seminarske radove itd. Svi ovi dokumenti, po pravilu, sadrže neke tekstualne ili grafičke elemente - naslove, rekvizite, logotipe, tekstualne blokove, koji se ponavljaju iz dokumenta u dokument.

    Običan korisnik Word uređivača teksta, kreirajući drugi dokument, prisiljen je koristiti i uređivati ​​dokument koji je već neko kreirao i koji sadrži sve ove elemente, ili jednostavno kopirati potrebne elemente u novi dokument, opet, iz starog dokumenta. datoteku, svjestan da je u ovom slučaju uređivanje neizbježno.

    Predložak definiše osnovnu strukturu dokumenta i sadrži postavke dokumenta kao što su elementi automatskog teksta, fontovi, dodeljene prečice na tastaturi, makroi, meniji, podešavanje stranice, formatiranje i stilovi. (Iz pomoći za Word)

    Ova rutina se može minimizirati kreiranjem dokumenta na osnovu šablona. Ponekad se šabloni nazivaju i "ribe". Međutim, kako god to nazvali, šabloni vam zaista omogućavaju da značajno povećate radnu efikasnost.

    Predložak se može kreirati na dva načina, uzimajući kao osnovu bilo koji dokument sa svim prisutnim elementima, ili počevši od čistog lista, nezavisno uključivši potrebne elemente u njega.

    Pokazat ću vam kako da kreirate šablon od nule i tako će biti lakše razumjeti cijeli proces nego mijenjati postojeći fajl. Kao primjer, kreirat ćemo jednostavan službeni predložak pisma. U tome nema ništa teško, ako slijedite moje upute korak po korak.

    Pa počnimo.

    1. Kreirajmo prazan dokument.

    2. Sačuvajmo ga odmah. Idite na meni "Datoteka" i izaberite komandu "Sačuvaj kao...". Otvoriće se dijaloški okvir "Sačuvaj dokument" u kojem u polju "Sačuvaj kao tip" treba da izaberemo tip "Šablon dokumenta" (* .dot) (Document Template (* .dot).

    Ovo će otvoriti fasciklu Templates, u kojoj su svi predlošci pohranjeni prema zadanim postavkama. Datoteci dajte ime i kliknite na dugme Sačuvaj.

    3. Odredite koji će se elementi (tekst i grafika) i gdje tačno nalaziti u dokumentu.

    Po pravilu, sva službena pisma sadrže elemente kao što su naziv organizacije, logo, detalji. Sam tekst pisma može sadržavati uljudan poziv primaocu pisma i, zapravo, sam tekst pisma. Na kraju pisma navodi se naziv pozicije rukovodioca organizacije sa njegovim potpisom. Uzmimo sličnu strukturu pisma kao osnovu.

    4. Postavićemo naziv organizacije na vrh dokumenta u sredini. Da bismo to učinili, ispisat ćemo naziv naše organizacije velikim slovima, na primjer, "WHITE NOCHI" LLC. Pritisnite tipku Enter i idite na novi red.

    5. Ispod možemo umetnuti liniju razdvajanja. Da biste to učinili, kliknite na dugme "Crtež". Panel za crtanje sa kontrolnim dugmadima će se pojaviti na dnu ekrana. Zanimaju nas linije, pa odaberite odgovarajuće dugme Linije. Kursor miša se pretvara u krst.

    Imajte na umu: možda ćete imati umetnuto takozvano platno - tačkasto područje za umetanje oblika / crteža. Da biste se pametno riješili umetanja platna, idite na izbornik Alati i odaberite naredbu Opcije. Kliknite karticu Općenito i poništite opciju Automatski kreiraj platno za crtanje prilikom umetanja automatskih oblika. Kliknite na "OK" i zatvorite prozor "Opcije".

    6. Pomerite kursor u obliku krsta na naziv organizacije i odmah ispod povucite liniju od trepćućeg kursora do desne ivice polja pritiskom i držanjem levog tastera miša. Linija je povučena.

    7. Možete ostaviti liniju kakva jeste, ili joj možete dati elegantniji izgled. Da biste to učinili, na ploči za crtanje nalazi se odgovarajuće dugme "Stil linije" (Line Style). Kliknite na njega i odaberite bilo koju vrstu.

    8. Nakon što se zaustavite na bilo kojoj vrsti linije, dvaput kliknite ispod ove linije - na ovom mjestu će biti ispisana adresa i detalji organizacije. Unesite podatke koje smatrate potrebnim: pravnu i stvarnu adresu, telefon, faks, URL web stranice, e-mail, bankovne podatke.

    9. Sada formatirajte otkucani tekst prema vašim idejama. Naziv organizacije, na primjer, izabrao sam i dodijelio stil "Naslov 1" (Naslov 1). Također sam centrirao zaglavlje i razmak između slova za pet tačaka.

    Smanjio sam veličinu fonta teksta ispod linije na devet tačaka i poravnao ga sa središtem. Uzorak možete vidjeti na slici ispod.

    Tako smo kreirali trajni (nepromjenjivi) dio našeg šablona, ​​takozvani "header". Sada idemo dalje i kreiramo polja u koja ćete kasnije zamijeniti svoje podatke.

    Na lijevoj strani predloška, ​​ispod "zaglavlja", dvaput kliknite mišem i upišite naziv grada, na primjer, Moskva. Zatim, u suprotnom (desnom) dijelu šablona, ​​ponovo dvaput kliknite i unesite datum na mjesto gdje kursor treperi. Za ovo:

    1. U meniju "Insert" (Insert) izaberite komandu "Date and Time" (Datum i vreme). Otvara se prozor u kojem birate željeni format prikaza datuma, na primjer 18.07.2006.

    2. Označite polje "Ažuriraj automatski". Sada, kada kreirate novi dokument na osnovu ovog šablona, ​​datum će već biti utisnut u skladu sa trenutnim vremenom na vašem računaru.

    3. Na desnoj strani šablona ispod datuma - sa uvlačenjem od lijevog ruba za oko 10 cm duž horizontalnog ravnala - dvaput kliknite. Kursor će treptati i u ovom trenutku ćemo umetnuti polje za zamjenu podataka primatelja.

    4. U meniju "Insert" izaberite komandu "Field". Otvoriće se prozor kao na slici ispod:

    5. U oblasti Kategorije izaberite Automatizacija dokumenata. U oblasti Imena polja izaberite komandu MacroButton. U polju za prikaz teksta otkucajte Umetni ime primaoca i kliknite na OK.

    Strogo govoreći, u oblasti „Naziv makroa“ trebalo je da navedete NoMacro (tj. naredbu bez makroa), ali toga nije bilo na listi. Stoga, ostavljamo to kako jeste, barem ja nikada nisam naišao na greške.

    6. Dobijamo polje sa našim tekstom.

    Ako imate ovo polje prikazano kao normalan tekst bez senčenja, onda preporučujem da napravite takvo senčenje. Ovo će vam omogućiti da lako definišete potrebna polja za kasnije unos podataka u dokument. Da biste to uradili, idite u meni Alati i izaberite komandu Opcije i na kartici Prikaz u grupi Prikaži izaberite opciju Uvek sa liste senčenje polja. ).

    Ispod možete dodatno umetnuti slično polje adrese primaoca i njegove pozicije.

    Sve što sada treba da uradimo je da ubacimo adresu dobrodošlice primaocu ovog pisma, tekst same žalbe i potpis pošiljaoca ispod. Pokušajte sami umetnuti ova polja u svoj predložak, na osnovu gornjih uputa, i ne zaboravite snimiti rezultirajući predložak.

    Na primjer, možete pogledati snimak ekrana šablona koji sam dobio:

    Sada, da biste koristili ovaj predložak za kreiranje slova, morate otići u meni Datoteka i odabrati naredbu Novo. Sa desne strane će se pojaviti okno sa zadacima u kojem trebate odabrati opciju "General Templates" (Na mom računaru). Otvoriće se prozor sa svim dostupnim predlošcima. Odaberite šablon koji ste kreirali i kliknite "OK". Novi dokument zasnovan na vašem predlošku bit će učitan u Word. Dodajte svoje podatke u odgovarajuća polja i uživajte u automatizaciji.

    Pozdrav. Ovaj članak će odgovoriti na pitanje kako napraviti jedinstveni WordPress predložak, lijep i drugačiji. Morat ću malo napregnuti mozak.

    Kako napraviti jedinstveni WordPress predložak - početak

    Ispod je popis koraka kako vlastitim rukama i besplatno stvoriti jedinstveni predložak za WordPress.

    1. Promijenite slike.
    2. Promijenite naziv predloška.
    3. Napravite manje izmjene stilova.

    Počnimo ispitivanjem svake stavke po redu.

    Promijenite slike

    Najjednostavnija stvar, analizirat ću je na primjeru šablona dvadeset jedanaest. Zamjenjujemo slike zaliha našim vlastitim pretvorenim. Potrebno je promijeniti šešir, podrum, pozadinu i druge sitnice.

    Ali ne mogu da iznesem posebno rešenje, u mom šablonu ima minimum slika (i to onih koje su ogromne). Općenito, većinu slika trebate zamijeniti svojim. Pogledajmo dva elementa koji se zamjenjuju:

    • Prvi je preko samog admin panela.
    • Drugi je preko koda.

    Ako razumete princip, onda vam veliko poštovanje.

    Preko samog administrativnog panela

    Moderne teme imaju lijepu mogućnost prilagođavanja kroz sam WordPress, zašto ih ne koristiti? Idemo na admin panel bloga, pogledamo i prilagodimo.

    Ako je tema napravljena za ljude, onda će globalne postavke dizajna biti ovdje, a mi ćemo se pozabaviti malim stvarima u nastavku. U odjeljku za sada, koristeći primjer Dvadeset jedanaest.

    1. Uobičajene boje teme. Postavke za glavne elemente (naslove, natpise, itd.).
    2. Slika zaglavlja, odnosno u zaglavlju.
    3. Pozadinska slika. Nije prisutan na svim temama, možete ga prilagoditi i slikom i samo bojom.

    U ovoj fazi, evo šta sam dobio. Idemo dalje.

    Ručno mijenjanje slika

    Pretpostavimo da vam slika nekog elementa u predlošku ne odgovara, a želite je promijeniti. sta da radim? Shvatit ćemo. Na primjer, uzet ću izlaz slike broja komentatora.

    Sistem važi za sve teme.

    Desnom tipkom miša kliknite na element i potražite njegov izlaz u kodu pomoću alata "pogledaj kod".

    1. Sam element, kliknite na njega desnom tipkom miša.
    2. Odabiremo stavku "pogledaj kod".
    3. Ovo je sam HTML izlazni kod, na njega ne obraćamo pažnju.
    4. Evo drage adrese na koju trebate ići sa zamjenom. Datoteka koju tražite je bubble.png, koja se nalazi u folderu slika u samoj temi.

    Odnosno, morate kreirati istu datoteku s istim imenom i zamijeniti je. Nadam se da znate kako koristiti upravitelje datoteka kao što je FileZilla. Hteo sam da napravim sliku koja prikazuje broj komentara sa zvezdicom sa potezom. Napravio sam je u Photoshopu i sačuvao kao sliku sa mjehurićem imena i ekstenzijom png.

    Gotovo, otvorio sam filezilla i otišao na aktivnu temu dvadeset jedanaest u folderu slika (koju sam naučio iznad). i jednostavnim prevlačenjem i ispuštanjem nove slike u fasciklu, sa zamenom. Pogledajte snimak ekrana za sve detalje.

    Ako je sve urađeno dobro, onda će se nova slika prikazati na stranici, evo snimka.

    Kao što možete zamisliti, ova metoda se može koristiti za promjenu bilo koje slike ako nema postavki na administrativnom panelu.

    Promijenite naziv predloška

    Možete ga promijeniti samo na besplatnim temama, ovo je važno.

    Postoje dvije tačke i treba ih uraditi:

    • Redizajniranje imena u datoteci style.css
    • Promijenite naziv foldera teme.

    Ponovite naslove u style.css

    Da biste to učinili, idite na urednik ( podsjeća na look-editor) i pronađite style.css.

    Na ekranu vidimo natpis, sve treba promijeniti. Početak bilo koje datoteke style.css sadrži informacije o predlošku na samom početku. Trebalo bi ga promijeniti barem na ove redove.

    Naziv teme: moi-shablon Opis: Standardna verzija 1 .. Licenca: GPL

    Ovako bi trebao izgledati nakon zamjene.

    Vi popunjavate svoje podatke, nemojte uzimati moje, jer mi činimo šablon jedinstvenim. Promijenite barem ime, autora i web lokaciju.

    Razumijete, prijeđite na sljedeću stavku.

    Promijenite naziv foldera teme

    Radimo to preko fajl menadžera, ja imam Filezilla. U prethodnom pasusu promijenili smo naziv teme u retku:

    Naziv teme: moi-shablon

    Treba originalno ime dvadeset jedanaest promijeniti u novi, u mom slučaju, moi-shablon. Idite u fasciklu FileZilla teme, i pronađite originalno ime dvadeset jedanaest.

    I mijenjamo ga u novi.

    Ako je sve urađeno kako treba, radit će. Tema za pretraživače više neće biti standardna, već jedinstvena.

    Manje izmjene u stilovima

    Ne mogu smisliti jedinstveno rješenje kako napraviti jedinstveni predložak za wordpress, samo trebate pogledati predložak čisto vizualno i vidjeti šta vam se ne sviđa. Pogledam u bočnu traku.

    Ne baš? Želim povećati naslove jer su mali i stapaju se s pozadinom. Svi koraci su prikazani ispod na slici.

    1. Odabiremo element koji želimo urediti. Kliknite desnim dugmetom miša.
    2. Kliknite na "pogledajte kod".
    3. Cijeli stil ovog naslova.
    4. Naziv stila koji tražite.

    Otvorite datoteku style.css. Tražimo naziv stila koristeći kombinaciju tipki CNTRL + F.

    Želim povećati font, napraviti punu liniju ispod njega, promijeniti boju i debljinu teksta. Da bih to učinio, mijenjam ili dodajem ove parametre.

    Boja: # 1a1a1a; veličina fonta: 15px; font-weight: 600; border-bottom: 2px solid # 271eb1;

    Hajde da analiziramo linije koda.

    1. Promjena boje.
    2. Promjena veličine.
    3. Promijenite širinu teksta.
    4. Dodavanje podvlačenja.

    U skladu s tim mijenjamo ili dodajemo parametre stilu. Trebalo bi izgledati ovako.

    Sve promjene će se odmah pojaviti na stranici.

    Moj zadatak sada nije da podučavam layout, to će oduzeti mnogo vremena i članaka, već da pokažem sam princip kako napraviti šablon jedinstvenim.

    Dakle, sa svim ostalim elementima, dovedite ga do savršenstva. Pokazat ću vam šta se dogodilo u okviru ovog članka.

    Ovaj članak je odgovorio na pitanje kako napraviti jedinstveni WordPress predložak. A standardna tema se može nazvati autorskom.

    Ako imate bilo kakvih pitanja, slobodno u komentarima. Sretno.

    Recimo da smo otvorili novu i do sada praznu Powerpoint prezentaciju. I šta vidimo?

    I imate korporativne boje i fontove koje morate mijenjati svaki put. Šablon će vam omogućiti da to učinite jednom zauvek.

    I 1. slajd u vašoj prezentaciji će automatski izgledati ovako UVIJEK bez dodatnog napora.


    Šablon uključuje:

    • Boje
    • Fontovi
    • Čuvari mjesta (odjeljci u koje ubacujemo tekst, sliku, grafikon, itd.)

    Ispod ćete pronaći uputstva korak po korak za kreiranje vlastitog Powerpoint predloška.

    1. Kreirajte novu datoteku u Powerpointu.

    2. Odaberite "Slide Master" u gornjem meniju na kartici Prikaz.


    Standardni master slajdova pojavljuje se na lijevoj strani.

    Ovdje ćemo raditi s njim. I napravićemo nestandardne od standarda.

    3. Odaberite željenu temu fonta ili kreirajte novu.

    Tema fonta je tip fontova koji koristite u svojoj prezentaciji. Vjerujte mi, osim Calibrija, postoji još mnogo dobrih fontova. Navedite ih samo 1 put i oni će automatski biti zamijenjeni u cijeloj prezentaciji ili predlošku.


    4. Odaberite pozadinu koju želite (boju ili uzorak). Možete odabrati istu pozadinu za sve slajdove odjednom ili posebnu pozadinu za jedan.

    5. Kao što vidimo, postoji mnogo opcija za lokaciju teksta, naslova itd. na lijevoj strani. Ali šta ako nam treba onaj koji ne postoji? Na primjer, imati 3 slike sa potpisima.


    Tada će nam pomoći funkcija Insert Layout + Insert Placeholder.

    Nakon klika na "Insert Layout" kreira se prazan slajd. I možemo ga napuniti kako želimo.


    7. Sada, ako ćemo kreirati novi slajd, tada ćemo vidjeti opcije iz našeg predloška.

    8. Kreirajte novu prezentaciju i "izgubili" svoj šablon? Idite na karticu Dizajn i tamo ga potražite.

Top srodni članci