SEOS

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

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

WORDPRESS

На този адрес http://tutsplus.com/ може да откриете много полезни уроци по HTML, CSS, Design, Video Editing и отново полезна информация за WordPress.

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

Регистриране на Sidebar в страничната лента. Как се прави тема и сайт на WordPress?

В този урок за това, как се прави WordPress тема, ще разгледаме как да си направим Sidebar. За да може да използваме ефективно нашата странична лента и да поставяме в нея различни plugins (джаджи), направени за WordPress, ще регистрираме Sidebar.
Как да направим нашия Sidebar? За целта първо трябва да влезем във файла functions.php и да поставим в него следния код, който виждаме по-долу. С този код, който отново сме взели от кодекса на WordPress, задаваме id, име и описание на нашия Sidebar.


Този код декларира нашия Sidebar. За да може да използваме нашите Widgets в WordPress, се нуждаем от още нещо. Трябва да направим някои промени във файла sidebar.php, като изрично посочим името на нашия sidebar и мястото, на което той ще се показва. И така на мястото на текста, който сме вмъкнали към момента в елемента aside, поставяме следния код:


Съдържанието в нашия файл sidebar.php вече трябва да е следното:


Сега в нашата странична лента ще се появят всички widgets или джаджи, които сме използвали. Нека да поставим един бутон за търсене и един календар като пример, за да видим как те се визуализират. Трябва да се визуализират така, както е посочено в примера по-долу:

register-sidebar

Вече регистрирахме нашия Sidebar и може да използваме спокойно нашите джаджи. Нека да преминем към следващия ни урок за изработка на сайт и тема за WordPress. Очаквайте скоро

Protected by Copyscape Online Plagiarism Check

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

Този урок е посветен на това, как се прави тема за WordPress. Тук ще създадем нашата WordPress динамична част. Динамичната част е тази част от нашата страница, която съдържа информация, различна за всяка страница. Динамичната част ще бъде публикацията, която се намира във файла index.php. Ние ще използваме отново функциите на WordPress, като вземем информация от кодекса на WordPress. Със следната php функции ние ще зададем начало и край на динамичната част.

Функция за начало на динамичната част:


Така отбелязваме края на динамичната част:


В нашата динамична част ние имаме към момента заглавие и съдържание. За да декларираме заглавието, в тага h1 поставяме следната php функция:


За да декларираме съдържанието, в тага article отстраняваме излишната информация, която въведохме, и поставяме следната php функция:






Ето как изглеждат горепосочените функции, когато са поставени вече в нашата страница index.php:


Сега трябва да направим някои настройки в WordPress, за да се показват коректно нашите нововъведения. Като начало създаваме страница, която се казва “Нашата първа страница”. След това отиваме в “Настройки на WP” и избираме “Четене”, като задаваме нашата страница за основна:

wp настройки

Не забравяйте също да зададете при настройка на връзките да се показва името на публикацията.

настройка на WP страница

Вече можете да разгледате как би се държала нашата страница в браузъра. Нека преминем към следващия урок четвърти.

Protected by Copyscape Online Plagiarism Check

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

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

index

Като начало ние трябва да създадем таблото за управление или Dashboard, което ще ни позволява да администрираме своята тема. Това става много лесно с вмъкването на две php функции, които ще вземем от кодекса на WordPress. Нужни са ни следните две функции, които ще поставим в нашите файлове header.php и footer.php.

Във файла header.php поставяме следния код в head частта на нашия HTML5 документ. За целта използваме редактора, който се намира в WP и ни позволява да видим кода на страниците и да го променим.


Вмъкваме кода по-горе в края на head частта след всички останали елементи, както е показано по-долу:

head

Следва да поставим по идентичен начин кода по-долу в нашия файл footer.php, непосредствено преди тага body:


footer

Както виждате, нашето табло за управление вече е готово и сега продължаваме със създаването на динамичната част.

табло за управление

Можете да преминете към следващия урок от тук.

Protected by Copyscape Online Plagiarism Check

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

Здравейте, тъй като от 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

Архив на категория: WordPress Уроци

WordPress Уроци – Как се прави тема за WP

SEOS стартира своя нов проект за създаването на безплатни WordPress Теми. При създаване на шаблоните си за WordPress, SEOS се придържа към изчистения, лесен и достъпен за потребителя дизайн. Всички шаблони се създават според най-новите изискванията и тенденции при писане на код. WordPress темите на SEOS са лесно разпознаваеми от търсачките и са SEO достъпни. Чрез елементите използвани в HTML5 търсещите машини лесно може да се ориентират за важността на съдържанието в дадената страница. Скоростта на зареждане на страницата също е от значение, за това кода трябва да бъде изчистен от излишни скриптове. Коректното зареждане под всички основни браузъри също е задължително. WordPress дизайните са достъпни, както от настолни компютри така и от таблети и всички видове мобилни телефони. SEOS държи да няма грешки в кода на HTML и CSS документа и кода е тестван според изискванията на W3 за валидност на документа. SEOS си поставя за цел да създаде богата библиотека от специализирани теми, които да бъдат полезни в различни отрасли на бизнеса.
Всички безплатни шаблони към момента може да откриете на адрес seosthemes.com.

^