Как се прави WordPress тема – Урок 1 | SEOS

SEOS

Изработка на сайт и SEO оптимизация
ytube g+ linkedin facebook

Как се прави WordPress тема – Урок 1

изработка-на-сайт

Здравейте, тъй като от SEOS сме привърженици на най-разпространената, предпочитана от търсачките и удобна система за изработка на сайт WordPress, решихме да направим уроци на български език за това, как се прави тема за WordPress от самото начало. Ясно е, че за целта ще са Ви нужни познания по HTML, CSS и много малко PHP. Затова, ако нямате такива познания, Ви препоръчваме да се запознаете предварително с нашите уроци за изработка на сайт. Въпреки всичко, ако следвате инструкциите, бихте могли да се справите, но за направата на дизайна впоследствие ще се наложи да научите поне CSS.
Темата, която ще направим, ще бъде Responsive, което ще рече, че ще се чете от всички най-разпространени, съвременни версии на браузърите Firefox, IE, Chrome, Opera и Safari. Също така темата ще бъде направена в крак с най-новите тенденции за писане на HTML, а именно – с HTML5. За Вас това може да е чудесна основа, за да направите впоследствие своя собствена WordPress тема.

Какво е преимуществото на една такава тема, изработена от самите Вас?

Вие сте наясно, че кодът е абсолютно изчистен, защото е написан от Вас. Няма скрити послания, няма нежелани връзки към сайтове. Винаги можете да правите лесно промени като автори на темата. Това значително Ви спестява време впоследствие при бъдещи промени.

Направихме уроците, защото по тази тема на български език към момента има оскъдна информация.
Темата, която ще изработим в следващите уроци, ще има всички основни, необходими функционалности за една WP тема и въпреки всичко ще бъде направена елементарно, за да може информацията да е полезна за начинаещи. Ще се използват само основни стилове в CSS. Дизайнът ще бъде съвсем семпъл, но подходящ за основа на Вашите разработки. Ще се радваме, ако се включите с коментари и съвети относно това, как да подобрим кода, така че да бъде още по-достъпен именно за начинаещи.

Как се прави WordPress тема – Урок 1

Като начало всяка една тема за WordPress си има дизайн. За целта ние създаваме два файла. Първият файл се казва index.html, а вторият – style.css. Файлът, който се казва index.html, трябва да съдържа представения по-долу код:






Вторият файл, чрез който ще стилизирате Вашата WordPress тема и който е абсолютно задължителен, се казва style.css. В кода по-долу можете да се запознаете с примерното съдържание на файла style.css.


Двата файла style.css и index.html вече формират нашата примерна страница. Сега трябва да „нарежем“ нашия файл index.html на части, като от тях ще създадем четири нови файла, които ще се казват index.php, header.php, sidebar.php, footer.php. Ще създадем и файл functions.php. Вижте петте примера по-долу.

Файл index.php


Файл header.php


Файл sidebar.php


Файл footer.php


Файл functions.php


След това прибавяме следния код в началото на файла style.css, преди всичко останало, и поставяме променения вече style.css файл в папката при останалите пет файла, които създадохме по-рано. С кода, който виждате по-долу и който поставихме в началото на нашия style.css файл, ние зададохме заглавието на нашата тема. Записахме също информация за автора, описанието на темата и интернет адрес към темата.


След което правим още една промяна в нашия файл header.php, като заменяме пътя до нашия css с универсалната php функция, която ползва WP. Така автоматично WP за нас намира пътя до файла style.css. Ето го и кодът, който вмъкваме в header.php:


Сега нашият файл header.php изглежда така:


Създаваме папка, която носи името на нашата тема и съдържа към момента в себе поместените по-долу файлове:

papka

Темата вече е готова за инсталиране. За целта я поставете в архивиран файл и я инсталирайте. Нали не си мислите, че това е всичко? Това е началото – предстои да изградим функционалностите, които ще са ни необходими. Нека да преминем към урок втори.

Protected by Copyscape Online Plagiarism Check

Ключови думи: , ,

Автор: , Дата на публикуване:

Вашият коментар

^