Добавяне на джаджи с HTML и редактиране на публикации

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео

Тест за преминаване към следващия урок

 
В текстовия редактор НЕ можем:
Да видим и добавяме HTML и CSS кодовете
Да правим модификации и корекции 
Да добавим нещо нестандаратно, което не се предлага във визуалния редактор
Да почистим HTML кода, който не ни е нужен
Да видим как изглежда страницата ни за потребителите
 
Кога НЕ се налага да използваме HTML и CSS познания в Wordpress?
Ако добавяме отделни блокове в нашия уеб сайт и искаме да си форматираме
Ако възможностите на визуалния редактор не са ни достатъчно и искаме да добавим нещо по-нестрандартно
Ако чрез визуалният редактор нещата не се получават както искаме ("омазали са се") и се налага да прибегнем до текстовия редактор и промяна на кода в него
Ако създаваме публикация или инсталираме разширение

Въпроси и отговори

  • Как?

    Марина Лазарова:

    Как се задава при създаването на връзка посредством HTML  тя да се отваря в нов прозорец?

    Emi Todorova:

    Здравей Марина, 

    Това става, като се добави   target="_blank" 
    Например: Източник: <a href="http:/............." target="_blank"> ...</a>
    Марина Лазарова:

    Благодаря!

  • Как да променим шрифта на цялата тема?

    Андрей Танев:

    От view sourse видях кой е шрифта на темата. С каква програма мога да го променя,защото само през вю сорс не ми дава  да коригирам.

    Благодаря
    Мария Балева:

    Здравей Андрей, ако говорим за темета ColorMag, виждам, че използва font-family: 'Open Sans', но в безплатната тема, каквато използваме няма опция за промяна на шрифта. Ето тук в сравнителната таблица се вижда, че няма включени шрифтове- http://themegrill.com/themes/colormag-pro/, само ако се закупи premium темата. А програма или пък плъгин за промяна на шрифта има, но най-вероятно ще ти послужат да добавиш шрифтове за публикацийте, но не и да смениш шрифта на темата... дано все пак съм била полезна донякъде :)

    Живко Казаков:

    Шрифта може да се промени и когато във файла, който съдържа font-family: 'Open Sans', 'Open Sans' се замени с името на шрифта, който искаме да ползваме. Могат да се изредят и няколко шрифта, разделени със запетая, в случай, че този, който разглежда страницата, на своя компютър няма инсталиран шрифта, който сме ползвали. В такъв случай, с изброените шрифтове предлагаме алтернатива.

    Людмил:

    Ето я програмата!

    Людмил:

    Пътят към папката и реда ти го показва view sourse: Лесно е!

    Людмил:

    Грешка инспектирай елемента и ще откриеш къде точно се намира и на кой ред! Проблем ще е, ако css файла е компресиран.. тогава ще ти го показва на един ред!

    Людмил:

    Пътят винаги представлява това === sitename/folder/file.css

  • Как се променя размер шрифт?

    Катя Сотирова:

    Как се редактира размер на шрифта в темата, при условие, че няма допълнителни CSS класове. В кода навсякъде шрифта е с еднакъв размер, но реално в отделни части и страници има различни размери. Забелязвам, че е зададено оразмеряване с em, което ясно, че е колко пъти размера да е по-голям от текущия. Как да се зададе локално размер на шрифт в пиксели, въпросът ми не е свързан с редакция на темата от уроците.

    Грациела Георгиева:

    Здравей, Ако става въпрос за създаване на съдържание и публикации в някаква тема, то във визулания редактор има възможност да избереш коя част от текста да е заглавие, коя да е параграф. Така ще се промени и размерът на шрифта. Ако обаче искаш да промениш изцяло големината на определени тагове и класове, то отиваш в темата и намираш style.css файла. Там трябва да намериш класа или тага, или комбинацията от класове и тагове, тоест селектора на елемента, който искаш да промениш, след това правиш промяната и готово. :) А всъщност локално ли е инсталиран Wordpress? :) Ако пък не е локално, то можеш да влезеш в админ панела и в раздел Appearance > Themes и Theme Options да оправиш стилизирането. :)

    Били:

    Благодаря! :)

    Jullian Angelov:

    Според обясненото в предният урок влязох във Външен вид --> Редактиране:

    Намерих къде са зададени стиловете на h1-h5 ( те са HTML тагове, но на панела излизат като параграф 1 до параграф6. WordPress винаги публикува заглавията на страниците или публикациите като

    <

    h1> Ако редактираме и запишем стилирането за h1 – зададем h1 да излиза в червен цвят, някой от изброените шрифтове – Bcad, Georgia, Verdana и максимална плътност на линиите на буквите, а в страницата запишем ново подзаглавие в което не сме променяли текста, (задали сме цветът на

    <

    h1> да е червен, в първият намерен по реда на изброяване на фонтовете, максимално удебелен ( от 400 до 900))

    h1 { font-size: 42px; line-height: 1.2; color: red; font-family: bCAD, Georgia, Verdana; font-weight: 900; }

    Ако такъв текст е в текста - мога през текстовият редактор да го стилирам с инлайн CSS на място, но заглавията са недостъпни. Затова потърсих откъде се задава

    <

    h1> и така да стилирам заглавията на темите, a ако реша да използвам

    <

    h1>тепърва в текст а не като заглавие на тема ще се наложи тепърва да го стилирам по желаният начин.

    И се получи това:

    <

    h2> е по- дребен от

    <

    h1>, това се вижда и от кода на двата реда, но явно има разлика в големините на 2-та шрифта, затова се получи така, че

    <

    h1> е по- дребен от

    <

    h2> и ще трябва да се коригира размерът който задаваме на

    <

    h1> Освен вече демонстрираните стилове може да се наслагат ое ного - фон, рамка и т.н., но синтаксисът на таговете е предмет на разглеждане в курса по HTML / CSS на Аула.