Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Programet
  • Krijimi i temave të ndryshme të WordPress me dorë dhe përdorimi i programeve. Paraqitja e një shablloni Wordpress nga një paraqitje HTML

Krijimi i temave të ndryshme të WordPress me dorë dhe përdorimi i programeve. Paraqitja e një shablloni Wordpress nga një paraqitje HTML

Le të themi se kemi hapur një prezantim të ri dhe aktualisht bosh në Powerpoint. Dhe çfarë shohim?

Dhe ju keni ngjyra dhe shkronja të korporatës që do të duhet të personalizohen çdo herë. Modeli do t'ju lejojë ta bëni këtë një herë e përgjithmonë.

Dhe rrëshqitja e parë në prezantimin tuaj do të duket automatikisht kështu GJITHMONË pa përpjekje të mëtejshme.


Modeli përfshin:

  • Ngjyrat
  • Fontet
  • Vendmbajtësit (seksionet ku fusim tekst, imazh, diagram, etj.)

Më poshtë do të gjeni udhëzime hap pas hapi për krijimin e shabllonit tuaj në Powerpoint.

1. Krijo skedar i ri në Powerpoint.

2. Zgjidhni "Slide Master" nga menyja e sipërme në skedën View.


Një master standard i rrëshqitjes do të shfaqet në të majtë.

Kjo është ajo me të cilën do të punojmë. Dhe ne do të bëjmë një jo standarde nga standardi.

3. Zgjidhni temën e dëshiruar të fontit ose krijoni një të re.

Një temë fonti është fontet që përdorni në prezantimin tuaj. Më besoni, përveç Calibri ka edhe shumë të tjerë fontet e mira. Specifikoni ato vetëm një herë dhe ato do të zëvendësohen automatikisht gjatë gjithë prezantimit ose shabllonit.


4. Zgjidhni sfondin që dëshironi (ngjyra ose modeli). Mund të zgjidhni të njëjtin sfond për të gjitha rrëshqitjet ose një të veçantë për një.

5. Siç mund ta shohim, në të majtë ka shumë opsione për vendosjen e tekstit, titullit, etj. Por, çka nëse kemi nevojë për një që nuk ekziston? Për shembull, të keni 3 fotografi me tituj.


Më pas do të na ndihmojë funksioni Insert Layout + Insert Placeholder.

Pasi të klikoni "Insert Layout", krijohet një rrëshqitje bosh. Dhe ne mund ta plotësojmë atë si të duam.


7. Tani nëse do të krijojmë rrëshqitje e re, atëherë shohim opsionet nga shablloni ynë.

8. Krijo prezantim i ri dhe "e keni humbur" shabllonin tuaj? Shkoni te skeda Dizajn dhe kërkoni atje.

Përpara se të krijoni një shabllon uebsajti në HTML/CSS, duhet ta përpunoni atë. Dizajni zakonisht vizatohet në Photoshop. Paraqitja e gatshme ruhen në formatin e skedarit .PSD.

Si shembull, le të krijojmë dizajnin e faqes në internet në figurën më poshtë.

1. Hapni Photoshop dhe krijoni në të dokument i ri (Skedar -> E re ose Ctrl+N).

2. Vendosni parametrat fillestarë. Në praktikë, është pothuajse e pamundur të mendosh për një dizajn me saktësi pixel - gjatë procesit të paraqitjes diçka patjetër do të duhet të ndryshohet, zhvendoset ose ribëhet. Prandaj, dimensionet mund të vendosen të përafërta, dhe këshillohet të specifikoni gjerësinë dhe lartësinë e dokumentit dukshëm më të mëdha se dimensionet e planifikuara të sitit, në mënyrë që të gjithë elementët të përshtaten saktësisht në paraqitjen. Le ta bëjmë dokumentin tonë 1000 piksel të gjerë dhe 1500 piksele të lartë. Ju lutemi vini re: piksele, jo centimetra. Nuk është e nevojshme të prekni parametra të tjerë.

3. Ndizni sundimtarët. Do t'ju duhen gjatë punës, sepse vizoret ju lejojnë të matni distancat me shumë saktësi. Kontrolloni nëse sundimtarët tuaj janë të ndezur. Nëse po, do të shihni peshore pranë majtas dhe poshtë paneli i sipërm mjetet.

Nëse nuk ka sundimtarë, ndizni ato ( Shiko -> Sunduesit ose Ctrl+R).

Vizitorët duhet të tregojnë vlerën në pixel. Për të kaluar tek ato nga një masë tjetër gjatësie, klikoni në vizore klikoni me të djathtën miun dhe zgjidhni kutinë e duhur të kontrollit në menynë që hapet.

4. Kontrolloni që madhësia e shkronjave të jetë e specifikuar në pixel dhe jo në pikë. Nëse konfigurohet gabimisht, shkoni te Redakto -> Cilësimet -> Të përgjithshme, në dritaren që shfaqet, shkoni te skeda Njësitë matëse dhe vizoret, në listën rënëse Teksti zgjidhni Piksele dhe shtypni Ne rregull.

5. Ne krijojmë menjëherë një sfond për faqen. Këtu kemi një mbushje gradient portokalli, duke u kthyer në e verdhe. Zgjidhni një mjet në panelin e majtë Gradient.

Në panelin që shfaqet në krye, klikoni butonin Gradient pasqyre, zgjidhni një ngjyrë në paletën në të majtë.

Përdorimi i veglave në dritaren që hapet Redaktori i gradientit, zgjidhni ngjyrat e nevojshme. Për të vendosur ngjyrën e saktë pikë kontrolli, klikoni mbi të, shtypni butonin Ngjyrë dhe në dritaren e përzgjedhësit të ngjyrave, specifikojeni atë në Formati RGB, HSB, CSS ose ndonjë tjetër në dispozicion.

Si rezultat i manipulimeve, gradienti doli si më poshtë.

Për të aplikuar një gradient në shtresën aktuale, lëvizni treguesin mbi të duke mbajtur të shtypur butonin e majtë minjtë.

6. Ruani sfondin në një skedar. Ajo që kemi bërë duhet të shfaqet poshtë faqes kryesore dhe të zërë të gjithë dritaren e shfletuesit - një lloj sfondi. Për shembull, gjerësia e faqes është 800 piksele, dhe rezolucioni i ekranit të përdoruesit është shumë më i lartë. Hapësira e mbetur (e gjithë përveç atyre 800 px që do të zënë blloku i faqeve) do të mbushet me një sfond gradient.

Meqenëse rezolucioni i ekranit nuk mund të parashikohet, mund të prisni një shirit me një piksel nga sfondi i krijuar dhe ta ruani atë si foto. Shfletuesi do të mbushet sfondin atë në të gjithë gjerësinë.

6.1. Zgjedhja e një mjeti Zonë drejtkëndore.

6.2. Zgjidhni një shirit me gjerësi arbitrare, por përgjatë gjithë gjatësisë së shtresës.

6.3. Kopjoni zonën e zgjedhur ( Ctrl+C).

6.4. Krijo një dokument të ri ( Ctrl+N), vendosni gjerësinë e tij në 1 piksel dhe ngjisni të kopjuar ( Ctrl+V).

6.5. Ruani skedarin në JPG-format

7. Krijoni sfondin e faqes. Sfondi do të jetë i thjeshtë Ngjyra e bardhë. Zgjedhja e një mjeti Drejtkëndësh dhe në grupin e dritares së vetive parametrat e kërkuar. Ne kemi një drejtkëndësh prej 800x1100 piksele, majtas këndi i sipërm që shtrihet në pikën 100.0.

8. Krijimi i sfondit të kokës. Një mbushje gradient i ngjashëm me një mat, me madhësi 780x80 px.

E ruajmë si një skedar grafik të veçantë me gjerësi 1 piksel, siç bëmë me sfondin.

9. Krijo Menuja kryesore. Duke përdorur një mjet Teksti horizontal shtoni artikullin e parë të menusë në paraqitjen - në shtëpi. Shtresa do të krijohet dhe madje do të riemërohet automatikisht, kështu që nuk keni nevojë të bëni asgjë me të.

Është e rëndësishme këtu që të gjitha pikat të shpërndahen në mënyrë të barabartë, prandaj rekomandohet shumë përdorimi i vizoreve. Për të tërhequr një vijë vertikale, tërhiqni treguesin duke mbajtur të shtypur butonin e miut nga e majta në të djathtë. Përdorni vizore për të matur distancën, duke marrë parasysh që çdo artikull i menusë duhet të zërë 120 piksele në rastin tonë.

10. Në mënyrë të ngjashme, futni artikujt e mbetur të menysë.

11. Shto një logo. Tashmë e kemi gati, kështu që mbetet vetëm ta fusim me kujdes në paraqitje. Për ta bërë këtë, klikoni Skedari -> Hap, pastaj klikoni mbi imazhin dhe, duke mbajtur të shtypur butonin e miut, zhvendoseni atë në titullin e dokumentit shabllon; kur të hapet, tërhiqeni imazhin në Vendi i duhur paraqitjen dhe lëshoni butonin e mausit.

12. Ne shkruajmë emrin dhe sloganin e faqes. Me mjetin që tashmë e njohim, ne plotësojmë logon pothuajse të krijuar me mbishkrime.

13. Shkoni te shiriti anësor. Së pari, le të krijojmë dhe ruajmë skedar të veçantë mbushje gradient për titujt e saj. Jeni të njohur me mjetet, nuk kërkohet shpjegim.

14. Shtoni tekstin e titullit të bllokut të informacionit në gradientin e krijuar rishtazi.

15. Vizatoni kornizën e zonës. Për ta bërë këtë, thjesht përdorni një drejtkëndësh transparent me vija konturore të zeza. Zgjidhni mjetin Rectangle, vendosni llojin e mbushjes së formës në Pa ngjyrë, klikoni ikonën Set shape stroke type dhe zgjidhni ngjyrën e zezë, përndryshe nuk do të ketë rreshta. Nëse skica është shumë e trashë, vendosni gjerësinë e vijës në 0,5 pt.

16. Më poshtë shtojmë një titull blloku me një mbushje gradient, si në hapat 12-13.

17. Krijoni një bllok menuje për panelin e majtë. Shtoni një drejtkëndësh portokalli të gjerë 100 px me një skicë të verdhë 0,2 pt.

18. Shtoni tekst në të.

19. Duke përdorur dyfishimin e shtresave dhe vizoreve, ne krijojmë pesë artikuj të tjerë të menysë në panelin e majtë.

20. Tekstin e shkruajmë në pjesën kryesore të faqes, duke përdorur të njëjtin mjet.

21. Shtoni një foto në pjesën kryesore të faqes, siç bëmë me logon. Për të kopjuar një imazh, thjesht lëvizni atë me miun duke mbajtur të shtypur tastin Alt. Nëse papritmas fotografia nuk përshtatet në madhësi, përdorni mjetin Transform ( Ctrl+T).

22. Vizatoni sfondin e pjesës së poshtme të faqes - një gradient portokalli 64 piksele të gjatë.

23. Ruajeni shiritin e sfondit të poshtëm me gjerësi 1 piksel në një të veçantë skedar grafik.

24. Zvogëloni lartësinë e faqes. Doli që të gjithë elementët tashmë janë vizatuar, por ka mbetur ende pak hapësirë ​​shtesë. Këtu vijnë në ndihmë emrat kuptimplotë të shtresave. Ndër të tjera, zgjidhni shtresën e sfondit (ne e quajmë "Sfondi") dhe duke përdorur mjetin "Transform", zvogëloni lartësinë e drejtkëndëshit tonë të bardhë në skajin e poshtëm të fundit të faqes.

25. Ruani shabllonin në një format skedari .PSD (Skedari -> Ruaj).

26. Rezultati i këtij veprimi ishte një shabllon uebsajti i thjeshtë, por tashmë me pamje normale.

Tani mbetet vetëm krijimi i një shablloni të faqes në internet nga faqosja e PSD duke përdorur HTML/CSS, por unë do të flas për këtë në artikullin tjetër.

Nëse dëshironi që faqja juaj e WordPress të bëhet premtuese, atëherë së pari duhet të mendoni për krijimin temë unike per atë. Ky procesështë mjaft punë intensive, sepse lidhet drejtpërdrejt me kodime dhe skripte të ndryshme. Le ta shohim nga e para.

Pothuajse çdo temë e WordPress është e instaluar në drejtorinë wp-content/themes dhe përbëhet nga 3 kategori skedarësh:

  1. skedarë të fletës së stilit;
  2. dosjet funksionalitet shtesë;
  3. skedarët e shablloneve.

Skedarët e fletës së stilit janë style.css. Ata janë përgjegjës për ngjyrën, madhësinë, fontin dhe parametrat e tjerë të elementeve të faqes. Çdo sajt ka vetëm 1 skedar style.css. Nëse hapni këtë skedar, pastaj në krye mund të shihni informacione rreth titullit, autorit dhe përshkrim i shkurtër Temat. Gjatë krijimit temën e vet Ju mund të futni informacione për veten tuaj në style.css.

Kategoria tjetër janë skedarët e funksionalitetit shtesë. Këto përfshijnë funksionet.php, parimi i të cilit e bën atë të duket si një shtojcë. Falë këtij skedari ju mund të bëni rregullimi vizual temat direkt në panelin e administratorit. Zakonisht lista e cilësimeve nuk është shumë e gjerë (emri i faqes, ngjyra e navigimit dhe panelet anësore të faqes, e kështu me radhë). Nëse tema është shumëfunksionale, atëherë lista e cilësimeve do të jetë shumë më e gjerë.

Tani le të kalojmë te skedarët e shablloneve. Funksioni i tyre kryesor është të gjenerojnë faqe që kërkohen nga vizitorët e faqes. Skedarët e shabllonit kanë ekstensionin ".php". Shumica e temave të thjeshta mund të përmbajnë vetëm një skedar shabllon të quajtur index.php. Në këtë rast, të gjitha faqet e faqes do të jenë identike. Ky dizajn përdoret më shpesh për të krijuar burime të internetit me baza të të dhënave, kur dizajni nuk luan një rol kyç.

Nëse nuk keni krijuar kurrë një dizajn, atëherë së pari duhet të përpiqeni të krijoni temë e thjeshtë. Për të funksionimin normal do t'ju duhen të paktën 2 skedarin e mëposhtëm: style.css dhe index.php.

Skedarët e funksionalitetit shtesë në në këtë rast ju nuk keni pse ta përdorni, siç e kuptoni. Ndër skedarët e shablloneve, index.php është një nga më fleksibilët. Mund të gjenerojë tituj më vete, blloqe të ndryshme, pjesa e poshtme (footeri), përmbajtja dhe elementë të tjerë të faqes.

Vlen të theksohet se do të gjenerohen ato parametra që nuk gjenerohen nga skedari index.php skedarë standardë. Për shembull, nëse tema juaj përbëhet nga vetëm 2 nga skedarët e mësipërm, por përdoruesi duhet të gjenerojë një formular për shtimin e komenteve, atëherë standardi comments.php do ta kryejë këtë funksion. Prandaj, nëse dëshironi që tema juaj të jetë më unike, atëherë duhet ta bëni skedarë shtesë shabllon. Le të shohim ato kryesore.

  1. Për të shtuar komente, siç mund ta keni marrë me mend, përdoret shablloni comments.php.
  2. Nëse dëshironi të krijoni një dritare kërcyese me komente, atëherë për qëllime të tilla do t'ju duhet komente-popup.php.
  3. Per te prodhuar faqen kryesore, përdoret home.php.
  4. Skedari single.php është përgjegjës për shfaqjen e artikujve të faqes. Nëse nuk keni një skedar të tillë, atëherë index.php do të kryejë funksionin e tij.
  5. Skedari page.php gjeneron faqet individuale faqe.
  6. Për të shfaqur informacione rreth autorit, do t'ju duhet autor.php.
  7. Category.php është përgjegjëse për kategoritë.
  8. Shfaqja e arkivave, datës dhe kërkimit kryhet nga skedarët archive.php, date.php dhe search.php përkatësisht.
  9. Në mënyrë që faqja juaj të shfaqë një faqe unike të gabimit 404, do t'ju duhet të shtoni 404.php tuaj.
  10. E sipërme dhe Pjesa e poshtme e faqes gjenerohet nga skedarët header.php dhe footer.php, përkatësisht.

Krijimi i një teme unike me dorë nga e para

Së pari ju duhet të instaloni një shabllon të përshtatshëm. Mund të gjendet si në faqen zyrtare të internetit wordpress.org ashtu edhe në ndonjë tjetër. Rekomandohet përdorimi i faqes zyrtare të internetit, sepse çdo palë e tretë mund të përmbajë skedarë me qëllim të keq dhe lidhjet e prishura.

Pasi të bëni zgjedhjen tuaj, mund të filloni të shkarkoni arkivin. Në fund të procesit, do t'ju duhet ta shpaketoni dhe të ngarkoni skedarët në dosje të caktuara në sit (arkivi zakonisht përmban udhëzime të vogla). Shkarkimi mund të bëhet duke përdorur Programet FileZilla ose direkt nga hosti, nëse e mbështet një opsion të tillë. Tani gjithçka që duhet të bëni është të shkoni te seksioni "Tema", të zgjidhni atë që keni shkarkuar dhe të klikoni në butonin "Aktivizo".

Ju gjithashtu mund ta zgjidhni atë drejtpërdrejt në panelin e administratorit të WordPress. Sidoqoftë, nuk keni nevojë ta shkarkoni. Do t'ju duhet vetëm të klikoni në butonin "Instalo" dhe më pas "Aktivizo". Sugjerohet të shikoni paraprakisht përpara instalimit.

Tani që tema është aktivizuar, mund të kaloni në unifikimin e saj. Gjëja e parë që duhet të mendoni është pjesa e sipërme e faqes (titulli). Kjo është gjëja e parë që do të bie në sy të vizitorëve tuaj, ndaj duhet ta bëni atë me përgjegjësi. Në mënyrë tipike, titulli përbëhet nga emri i faqes, logoja dhe informacion të shkurtër në lidhje me përmbajtjen. Kapela mund të krijohet në çdo redaktues grafik. Edhe ne Bojë standarde. Dizajnerët më të avancuar përdorin Adobe Photoshop.

Emri i faqes duhet të jetë i vogël dhe i lehtë për t'u mbajtur mend. Në Adobe Photoshop mund të zgjidhni shumë stile të ndryshme për të. Kur krijoni një logo, mund t'ju nevojiten forma të ndryshme. Ato mund të shkarkohen nga faqja zyrtare e Adobe Photoshop.

Pasi të bëni një vizatim të kokës në një redaktues grafik, do t'ju duhet ta ngarkoni atë në faqen tuaj të internetit. Pasi të përfundojë shkarkimi, në të djathtë të figurës do të shfaqet një URL, të cilën do t'ju duhet ta kopjoni. Pastaj do t'ju duhet të shkoni te seksioni "Editor" dhe të zgjidhni skedarin që është përgjegjës për gjenerimin e kokës (header.php). Në të do t'ju duhet të gjeni URL-në e imazhit aktual dhe ta zëvendësoni me atë që keni marrë kur ngarkoni imazhin e kokës. Pas kësaj do t'ju duhet të përditësoni skedarin. Tani mund të vazhdoni të kontrolloni shfaqjen e kokës.

Nëse titulli juaj ka parametra të ndryshëm nga ai standard, atëherë mund t'i rregulloni ato në header.php. Gjerësia e rregullueshme atributi gjerësi, dhe lartësia është lartësia. Cilësimi mund të bëhet në pikselë dhe përqindje. Pra, nëse thjesht dëshironi të zgjasni kapakun, atëherë vendoseni në 100%.

Nëse dëshironi, mund ta shtoni atë në kokë lidhje aktive në faqet e faqeve të WordPress. Kjo mund të bëhet duke përdorur shërbime të ndryshme. Ka mjaft prej tyre në internet. Shumica e tyre punojnë në të njëjtin parim. Ju rrethoni zonën e dëshiruar të kokës, e cila do të ndahet për lidhjen dhe shërbimi do t'ju japë kodin e kërkuar. Më pas do t'ju duhet të shtoni këtë kod në skedarin tuaj header.php. Kini kujdes kur e shtoni. Çdo pikë ka rëndësi. Nëse e shtoni kodin në vendin e gabuar, lidhjet aktive nuk do të shfaqen në kokë.

Pas zëvendësimit të kokës standarde, mund të filloni të zëvendësoni sfondin standard të faqes së WordPress, miniaplikacionet, navigimin, pjesën e poshtme (futerin) dhe përbërësit e tjerë të faqes së WordPress. Ato gjithashtu mund të vizatohen në çdo redaktues grafik dhe të ngarkohen në faqen e internetit në formën e një vizatimi.

Duhet të keni parasysh që nuk duhet të jetë i ndritshëm. Shumica e webmasterëve preferojnë të përdorin Sfondi i bardhë. Nuk i lëndon sytë dhe nuk shpërqendron nga përmbajtja kryesore.

Për të krijuar një navigim cilësor nga e para, do t'ju duhet pak njohuri për etiketat si p.sh




  • E para është përgjegjëse për krijimin e blloqeve të faqes, e dyta është për shtimin e lidhjeve në faqen e WordPress. Duke përdorur të tretën, mund të krijohen kolona. Kjo e fundit është e nevojshme për të konfiguruar qelizat. Hapi i parë është të vendosni për vendndodhjen ku do të vendoset navigimi. Zakonisht ndodhet pikërisht nën kokë. Paraqitja e navigimit është një proces mjaft i shpejtë. Më poshtë është një shembull i vogël se si mund të vendosni një bllok të vogël navigimi.

    Siç e keni kuptuar tashmë, emri konvencional i bllokut të lundrimit është navigacia. Blloku përbëhet nga një qelizë "titulli i faqes". Vini re se çdo etiketë është e mbyllur me një karakter "/". Nëse etiketat nuk mbyllen, faqja mund të mos funksionojë.

    Nuk duhet të jetë i madh. Më të njohurat janë kalendari, reja e etiketave, meta, arkivat, kërkimi, rss, video dhe lajmi i fundit. Për t'i shtuar ato, do t'ju duhet të shkoni te " Pamja e jashtme" dhe klikoni në fushën "Widgets". Pastaj do të shihni një listë opsionet e disponueshme. Widget-et mund të instalohen gjithashtu duke përdorur shtojca. Ato mund të shkarkohen si nga faqja zyrtare e internetit ashtu edhe direkt përmes panelit të administratorit të WordPress. Për të shtuar një video që është në YouTube, thjesht duhet të ngjitni lidhjen me të në vendin e dëshiruar në sit. Përndryshe, videoja do të duhet të ngarkohet në sit. Nëse jeni të interesuar për programim, mund të shtoni miniaplikacionin tuaj në faqe. Për ta bërë këtë, do t'ju duhet të klikoni në opsionin "Text" dhe të vendosni kodin e kërkuar atje.

    Në cilësimet e çdo miniaplikacioni do t'ju jepet mundësia të ndryshoni titujt standardë. Ju gjithashtu mund të zgjidhni se ku do të shfaqet miniaplikacioni (djathtas ose majtas panel anësor) dhe kështu me radhë. Nuk duhet të ketë asnjë problem me heqjen e miniaplikacionit. Për ta bërë këtë, thjesht duhet të klikoni butonin "Fshi" në cilësimet.

    Krijimi i një teme unike duke përdorur programe dhe shërbime speciale nga e para

    1. Programi më i njohur është Artisteer. Për të punuar me të nuk do t'ju duhet njohuri të veçanta në fushën e programimit. Procesi i krijimit zhvillohet në mënyra vizuale. Ajo që vizatoni do të përfaqësohet duke përdorur kodin që përputhet standard ndërkombëtar"XHTML 1.0 Tranzicional". Falë kësaj, tema e uebsajtit tuaj të ardhshëm do të mbështetet nga të gjithë shfletuesit.

    Për të punuar me të, do t'ju ofrohet një përzgjedhje e gjerë e efekteve, stileve të ndryshme dhe shumë më tepër. Ky program mbështet rusisht, anglisht, gjermanisht dhe gjuhë të tjera. Vlen të përmendet se ky program ka disa disavantazhe. Më e rëndësishmja është se programi kushton rreth 50 dollarë. Ka gjithashtu version falas, por përmban shumë pak opsione. Për të rritur veçantinë e shabllonit, do t'ju duhet të gërmoni më tej në kodim.

    Le të kalojmë drejtpërdrejt te udhëzimet për të punuar me këtë program Artisteer. Sapo të hapni programin, opsioni i parë që do të shfaqet quhet "Ide". Ajo do t'ju ofrojë kombinime të ndryshme elementet standarde. Nëse dëshironi që dizajni juaj të jetë unik atëherë
    nuk do t'ju duhet ky opsion. Për të zotëruar programin, thjesht duhet të klikoni në opsionet dhe të shikoni parametrat. Kjo program i lehtë, kështu që nuk duhet të ketë asnjë problem me këtë.

    Kushtojini vëmendje opsionit " Kreu i faqes" Ajo është përgjegjëse për shfaqjen e kokës së faqes. Ju keni mundësinë të përdorni një titull standard ose të ngarkoni tuajin. Ju tashmë e dini se si të bëni një kapele unike.

    Për të rregulluar gjerësinë e faqes, do t'ju duhet të përdorni opsionin "Fletë". Gjerësia është e specifikuar në pixel. Ky program fillimisht do t'ju ofrojë një gjerësi prej 900 piksele. Ju gjithashtu mund të përdorni këtë opsion për të konfiguruar efekte të ndryshme(hije, skajet e rrumbullakosura dhe kështu me radhë).

    Opsioni "Sfondi" është përgjegjës për vendosjen e sfondit, siç mund ta keni marrë me mend. Ju mund të zgjidhni nga opsionet standarde ose ngarkoni tuajin.

    Nëse dëshironi të personalizoni paraqitjen e elementeve të faqes, atëherë duhet të përdorni opsionin "Layout".

    Një opsion po aq i rëndësishëm është "Artikuj". Është vendi ku bëhet faqosja e dizajnit të artikullit të faqes në internet. Kjo përfshin vendndodhjen e figurës, tekstin, komentet, blloqe të ndryshme, etj.

    Për të zgjedhur ngjyrën, madhësinë ose fontin e tekstit, do t'ju duhet opsioni "Ngjyrat dhe fontet".

    Pas përfundimit të hapave, mund të ruani krijimin tuaj. Për ta bërë këtë, klikoni në paleta, e cila ndodhet në këndin e sipërm të majtë. Një dritare do të shfaqet para jush. Atje duhet të klikoni "Ruaj si". Pas kësaj, gjithçka që duhet të bëni është të zgjidhni emrin e skedarit dhe vendndodhjen e tij. Ju lutemi vini re se skedari duhet të ketë shtesën ".artx". Në punë të mëtejshme Me programin e ruajtjes, duhet të klikoni vetëm një herë "Ruaj".

    Pasi tema juaj të jetë finalizuar plotësisht, mund të vazhdoni ta eksportoni. Për ta bërë këtë, do t'ju duhet të klikoni në skedën "Eksport" dhe të zgjidhni "Tema WordPress".

    2. Nëse zotëroni rrjedhshëm Adobe Photoshop, atëherë duhet të instaloni shtesën Divine Elemente. Falë tij, ju lehtë mund të konvertoni një skedar ".psd" në një format që do të mbështetet nga të gjithë shfletuesit.

    3. Nëse nuk keni para për Artisteer, mund t'i përdorni shërbim falas Lubith. Është në dispozicion në modaliteti online në faqen zyrtare lubith.com. Shërbimi përmban shumë opsione të dobishme dhe është veçanërisht i shpejtë. Në vetëm disa minuta do të zotëroni plotësisht të gjitha opsionet e tij.

    4. Një analog i shërbimit të mëparshëm është Tema e WordPress Gjenerator. Është gjithashtu i lehtë për t'u përdorur dhe përmban një përzgjedhje të gjerë opsione të ndryshme. Ky shërbim është absolutisht falas. E vetmja pengesë është se ky shërbim mbështet vetëm anglisht.

    5. XTemplate Generator është një gjenerues i rusifikuar i temave për sitin. Opsionet e tij janë në dritaren e majtë, dhe në të djathtë mund të shihni rezultatin vizual të punës suaj. Ky gjenerator është gjithashtu falas.

    6. WPTheme Generator është shumë më i fuqishëm se të mëparshmit, sepse përmban disa herë më shumë opsione. E vetmja paralajmërim është që ky shërbim paguhet. Çmimi është 30 dollarë. Vlen gjithashtu të përmendet se faqosja në të kryhet tërësisht gjuhe angleze.

    7. CSSEZ nuk është më pak i popullarizuar se ai i mëparshmi. Para se të filloni, do t'ju duhet të bëni një regjistrim të shkurtër. NË këtë shërbim ju mund të vendosni deri në 4 kolona për materialet e faqes. Ju mund të ngarkoni sfondin tuaj.

    8. Dotemplate ju ofron rreth 11 të ndryshme shabllonet e wordpress, e cila mund të ndryshohet. E vetmja pengesë është pamundësia për të ngarkuar skedarin tuaj grafik. Prandaj, do të duhet ta shkarkoni vetë titullin përmes menaxher skedari faqe.

    9. Weebly ndryshon nga të tjerët duke pasur mundësinë për të shtuar video direkt nga YouTube ose Google kudo në sajt. Një faqe interneti që ka një video është e suksesshme sepse informacioni vizual është më i shpejtë dhe më i lehtë për t'u perceptuar.

    10. Në shërbimin Eris' Template Generator, mund të shtoni deri në 3 kolona për të shfaqur materialet e sajtit, për të shtuar etiketa të ndryshme, një kalendar dhe pajisje të tjera.

    Tani do të shpjegoj se si të krijoj një temë WordPress nga një shabllon i thjeshtë HTML duke përdorur shembullin e dizajnit nga ai artikull.

    Mund t'ju duhet të përshtatni një dizajn për WordPress për shumë arsye, për shembull, po transferoni uebsajtin tuaj dikur statik në një CMS, ose ju pëlqeu një dizajn që nuk është ende në koleksionin e WordPress, ose thjesht dëshironi të kuptoni se si temat të këtij CMS punojnë nga brenda.

    Pra, le të fillojmë.

    Shpërndarja e kodit në skedarë

    1. Shkarkoni shabllonin dhe shpaketoni atë në dosjen tuaj të temave të WordPress (adresa si blog_adresa_wordpress/wp-content/themes/). Nëse dëshironi, riemërtoni dosjen e temës sipas dëshirës tuaj. Për shembull, shablloni im ndodhet në blog_adresa_wordpress/wp-content/themes/MyTheme/.

    2. Riemërtoni skedarin stilet.css V stil.css.

    3. Hapur stil.css në një redaktues kodi (siç është Notepad ++) dhe në fillim, ngjitni rreshtat e mëposhtëm:

    /* Emri i temës: URI i temës MyTheme: http://test1.ru Autori: NoName URI i autorit: http://test1.ru Përshkrimi: Shembull i testit Versioni: 1.0.0 Licenca: Licenca e përgjithshme publike GNU v2 ose më vonë URI e licencës : http://www.gnu.org/licenses/gpl-2.0.html */

    Siç mund ta keni marrë me mend, kjo informacion shërbimi në lidhje me temën e dizajnit: titulli, autori, përshkrimi, licenca, versioni, etj. Ju mund të zëvendësoni pjesët e duhura të rreshtave me tuajat, domethënë të vendosni autorësinë, versionin, përshkrimin dhe të dhëna të tjera.

    4. Krijoni skedarë header.php, indeks.php, shiritin anësor.php, footer.php dhe shpërndani kodin prej tyre mes tyre index.html.

    4.1. NË header.php kopjoni kodin rresht pas rreshti , pasi ky skedar është përgjegjës për pjesën e sipërme të faqes. stilet.css zëvendësoni në kodin me stil.css- emri i ri i saktë i skedarit.

    4.2. NË indeks.php ngjitni kodin e bllokut kryesor (nga rreshti rresht pas rreshti ).

    4.3. NË shiritin anësor.php kopjoni kodin e menysë anësore (nga Nga ).

    4.4. NË footer.php ngjitni rreshtat e mbetur (me deri në fund të dokumentit index.html).

    5. Hiqni index.html.

    6. Shkoni te paneli i administratorit dhe sigurohuni që shablloni MyTheme të shfaqet në seksion Pamja -> Temat. Mund të provoni edhe ta shikoni ose aktivizoni, por asgjë e mirë nuk do të vijë ende, sepse ne nuk e kemi integruar ende shabllonin me WordPress.

    Përshtatja e kokës

    Tani do të fillojmë të krijojmë një temë dinamike nga një shabllon statik në të cilin do të ngarkohen të dhënat dhe cilësimet e WordPress.

    Shablloni do të përmbajë inserte PHP. Ky kod fillon me. Midis tyre është kodi PHP që më shpesh thërret funksionet CMS

    1. Hapni skedarin header.php dhe zëvendësoni kodin që gjendet në të deri në bllok

    tek tjetra:

    > "> "> " type="text/css" media="ekran" /> <?php bloginfo("name"); ?>

    Bllokun e bëmë dinamik

    Kodi thërret një funksion që kthen atributet e gjuhës në kontejner.

    ">

    Në vend që të specifikonim kodimin si një konstante, ne thirrëm një funksion që merr vlerën nga cilësimet CMS dhe e fut automatikisht në kod, domethënë, për të ndryshuar kodimin nuk keni më nevojë të redaktoni skedarin e temës.

    Një funksion i rëndësishëm që siguron që stilet, shtojcat dhe skriptet të funksionojnë në faqe.

    2. Vazhdoni të redaktoni skedarin index.php. Në fillim shkruani

    ,

    Linjat thërrasin skedarët e kokës, të shiritit anësor dhe të fundit të faqes.

    Tani mund të shikoni ose madje të aktivizoni MyTheme. Si rezultat, shfletuesi do të shfaqë një shabllon të njohur me një menu statike dhe një faqe të vetme. Në mënyrë që menyja të bëhet dinamike dhe e personalizueshme, dhe në vend që një faqe të shfaqë të gjitha materialet e vendosura në faqe, duhet të transformoni më tej shabllonin.

    Duke e bërë menunë e sipërme dinamike

    Tani për tani ne kemi një temë krejtësisht statike të projektimit, duke përfshirë një me një menu të sipërme horizontale të pandryshuar. Ndërsa nuk mund të konfigurohet nga paneli i administratorit, dhe nëse e lini kodin në formën e tij aktuale, atëherë për të futur/fshirë/lëvizur artikujt do t'ju duhet të modifikoni skedarin çdo herë header.php, e cila është jashtëzakonisht e papërshtatshme.

    Për të mos filozofuar dhe për të mos zhytur në humnerën e botës magjepsëse të programimit, ne do t'i japim menusë dinamike një emër statik. Në vend të tabelës së menusë horizontale, ngjisni kodin

    në mënyrë që të duket kështu:

Artikujt më të mirë mbi këtë temë