Деян Йосифов

 Personal Website & Blog

Как да си намерим и модифицираме тема в WordPress

Written By: Деян - Feb• 16•13

Тази статия я започнах по питане на една колежка като лично съобщение в системата на Телерик, но се оказа че съобщенията са с максимална дължина от 1500 символа и прецених, че написаното явно е по-подходящо за статия в блога :) . Ето и моят опит след първите ми 2-3 дена работа с wordpress, споделен под формата на лично обръщение :)

Здрасти! Ами честно казано ми харесва твоята тема, изчистена е. Може би бих потърсил начин да се случи някакъв лек фон на текста на всяка статия, за да не е съвсем цялото с една шарка (може например да е някакъв леко прозрачен фон), но това по-скоро ще го прецениш като сложиш няколко статии и видиш как ще стои. Ако искаш да си намериш друга тема най-лесно е като отидеш в Appearance -> Themes -> Install themes, тъй като там има различни критерии, по които можеш да търсиш. Ако сложиш много критерии много вероятно е да не откриеш нищо. Харесай си 1 или 2, които според теб са най-важни и пусни да търси. Някои теми са платени, така че с тях не се занимавай. Пробвай само безплатните. Принципно аз установих, че която и тема да си свалиш, все ще има един куп неща, които да те дразнят. За щастие това се оправя сравнително лесно. В Appearance -> Editor имаш достъп както до php файловете така и до css файловете. PHP-то поне за мен си е малко hardcore (просто не съм се занимавал никога), но като цяло css-a би трябвало да ти е напълно достатъчен за повечето козметични промени. Хубавото е че темите в общия случай са доста добре направени семантично и всички основни елементи са с някакви добре именувани класове (ако си погледнеш html-а на страницата да речен с помощта на Chrome, ще видиш че почти всеки таг си има някакво id или някакъв или дори няколко класа). Това ти помага много, за да можеш лесно да си селектираш това, което искаш със css и да си му променяш стила. Аз например си скрих коментарите навсякъде освен в блога с помощта на css, сложих си радиусчета на някои рамки, сложих някои фонове и т.н., докато спря да ме дразни толкова цялостния изглед. Ето пример за моите добавки към css-a:
/**************************** DPY start ***********************************************/

body.page div#respond{
display:none;
}
a{
text-decoration:none !important;
}
a:hover{
font-weight:bold !important;
}

div.entry a{
color:#cc0014;
}

a.rar-download{
background:url(‘http://deyan-yosifov.com/pics/rar.png’);
background-repeat:no-repeat;
padding-left:25px;
background-size: 20px;
}

a.gdl-download{
background:url(‘http://deyan-yosifov.com/pics/gdl.png’);
background-repeat:no-repeat;
padding-left:16px;
background-size: 12px;
}

div#side-bar{
background:#fcfbe1 !important;
border-radius:15px;
}
/*Gallery*/
div#post-76 div.entry p{
padding: 10px !important;
border:1px solid black !important;
border-radius:15px !important;
background:#fcfbe1 !important;
text-align:center !important;
}
div#post-76 div.entry p a{
display:block !important;
}
/*END Gallery*/

/*Menu item*/
ul#menu-dpy-menu{
margin:2px !important;
}
/*End Menu item*/

/****************************** DPY end **********************************************/

На много места след селектора и стойността съм използвал !important, като по този начин си гарантирам, че няма някой друг css по-надолу да бие моя. :)
Освен това, когато си пишеш някакъв пост или страница в редактора за писане може да си, както в режим Visual, така и в режим Text, като това второто си е html. То ест там можеш да си слагаш разни тагове, да им слагаш класове, които после да използваш за селектиранe от css-a и т.н. Дори можеш да си добавяш script тагове, в които да пишеш javascript, с който да си правиш разни магии :) Това е за сега. Пробвай да си пооцветиш страничката, пък ако си харесаш друга тема пробвай и с нея. При всички положения едва ли ще намериш тема, която да ти хареса на 100% :) .
Поздрави!

Ще очаквам коментари и въпроси под темата, ако има такива разбира се. :)

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Comments

  1. Zenny says:

    Много, много благодаря за този отговор!
    Впечатли ме!В поста ти има толкова много качествена, полезна и изчерпателна информация.
    Веднага започвам да следвам съветите да видим доколко ще се справя. Ти за 2-3 дни опит с wordpress си станал факир. Нямаше да се сетя, че мога да си променям CSSа :-)
    Благодаря за уважението и споделянето!

  2. Деян says:

    Радвам се, че съм успял да помогна! :)

  3. Митко says:

    Привет :) В случай, че майка ти не ти е споменавала за мен все още – приятно ми е да се запознаем, казвам се Митко. А в случаят, в който ти е казала – имаш някаква представа кой съм :D . Може ли скайп или facebook, за да те поразпитам малко за телерик академията? Мерси предварително

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>