Редактиране на теми. Съвети

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

Ако сте вече потребител - Регистриран съм
Видео
Има възможност да редактираме и самата тема.
Редактирането на самата тема става в теми, редактиране.
И тук ще видим всички файлове, които са в тази тема.
Реално, оттук може да променяме "css" на тази тема, за да сменям стилизирането.
Може да променяме функциите в темата ако знаем програмиране с "php".
Може да променяме самото съдържание и да променим начинът, по който изглежда самият сайт.
Това, както се сещате може да доведе до големи проблеми.
Така че, това е възможност, която бих искал да покажа, но прибягвайте до нея само, ако знаете какво правите.
Внимавайте много с промените, които правяте.
Другото нещо, което е важно за тези промени е, че ако редактирате темата реално си спирате ъпдейтите на тази тема.
В "wordpress", това ще говорим в следващия модул, самият "wordpress" може да се актуализира или ъпдейтите.
Когато във всяка нова версия излизат не само нови функции, но и решения на доста стари проблеми.
Както и разни проблеми със сигурността, които са решенин.
По същият начин, това нещо е не само в самия "wordpress" и в разширенията и в темите.
Тоест, "wordpress" разширенията и темите са с версиите се актуализират непрекъснато.
Ако си модифицираме нашата тема имаме две опции.
Или да спрем да я актуализираме или просто ако направя някакви промени по темата и след това я актуализирам, аз ще се загубя моите промени.
Така че, внимавайте, какво правите.
Другия вариант е ако стигнете до там, да редактирате тема.
Което не препоръчвам ако сега започвате с "wordpress" e да направите, така наречената "child" тема.
"child" темата е подтема на вашата тема, която ще направи нужните промени във вашия уеб сайт.
Но ще си запазите възможността да актуализирате основната тема.
Каква е най-често срещаната актуализация, която може да поискаме? Особено в България, често се среща този проблем, че много сме си харесали дадена тема, но шрифта, който се използва не е кирилизиран.
Съответно темата изглежда отвратително, когато я инсталираме.
Така че, бихме искали единството, което да променим в една тема е да променим нейния шрифт.
Как можем да направим това нещо? Отиваме на редактиране, естествено тук имаме много възможности за самите страници.
Да промениме, къде се намират "H1" таговете, какви са им настройките и така нататък.
Но самите стилове обикновено има един файл, който е "style.
css".
Той е тук, най-отдолу.
Даже необикновенно, той е задължителен за всяка една тема.
Повечето файлове се опционални, но "css" файла е задължителен.
И в този "css" файл са извадени всички настройки, които може да има.
Съответно, ние може да разгледаме и примерно тук добре се обясни, че това са заглавните части.
Може да сменим шрифта на заглавните части или пък в параграфите.
Там шифт-а "open sans", може да го сменим на коренно по-различен само, за да се види разликата.
"Times new Roman" Записваме.
Презареждаме И нашият уеб сайт вече е с различен шрифт.
Нека да видими и заглавните части.
Тук отново ще напишем "Times new Roman".
Това, което правя е директно редактирам темата.
Което ви препоръчвам, максимално да избягвате, ако това е възможно.
Максимално използвайте тези настройки тук и само ако нямате опция да ги използвате.
Тогава бърникайта в темата, като внимавайте за тези актуализации.
Тук в случаят, тази тема е достатъчно добра, така че имаме настройки и тук имаме "custom css".
Тоест, ние може да добавяме "css" в нашият сайт, който е допълнителен към този, който вече имаме.
Тоест, аз няма нужда да бърникам в темата, а мога да си го дописвам този "css".
Тук, в случаят аз съм дописал един css, имаше дати под заглавията на публикациите.
Аз не искам потребителите да гледат, каква е датата.
Защото, когато вижда датата си мислят, че статията е остаряла.
Да кажем четирите суперхрани, дори да е писана 2012 година.
Тази статия като съдържание, то не се е променило и аз не искам хората да си мислят, че това не е нещо актуално.
Много често се появява този проблем в интернет.
Хората, като видят дата, която е много отдавна си мисля, че тази статия вече не е актуална и затварят сайта С този ред, аз съм скрил датите и по този начин аз дори да актуализирам темата, моите промени ще си останат.
Естествено, трябва да се внимава за синтаксиса, той е доста строг.
Ако направите правописна грешка, може да се разбърка доста сериозно вашият "website".
Сега, ако вляза в тема и виждам, че имам обновяване на моята тема, ще я обновя.
Ще разгледам сайта и виждам, че всъщност тези промени, които направих вътре в самата тема изчезнаха, защото новата тема реално ги замени.
Така, че ако тръгнете да правите промени по темата, единия вариант е да си направите чай от тема.
Линк към това, какво е чай от тема ще сложа под това видео.
Или другият вариант е просто да спрете актуализациите на темата.
За да не загубите промените, но тогава рискувате да оставите проблеми със сигурността на вашия уеб сайт.
Когато не използвате най-актуалната версия на вашата тема.

 

Линкове към урока

https://codex.wordpress.org/Child_Themes

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

 
Кога да редактираме една тема?
Когато искаме да актуализираме темата
Когато шрифтът не е кирилизиран
 
Препоръчително ли е да актуализираме темата си?
Не, трябва да е много наложително и да сме добре запознати със синтаксиса на CSS и HTML
Да, хубаво е да променим някои неща в нея
 
Какво става като сами редактираме темата си?
След модификацията спираме да получаваме полезните ъпдейти на темата си
Губим всички настройки по темата
Подобряваме сигурността на сайта
Решаваме много проблеми по функциите

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

  • Евелина:

    Извинявам се не зададох коректно въпроса.Интересува ми точния синтаксис на кода за махане датата на публикацията.

    Emi Todorova:

    Това е кода:

    .below-entry-meta {visibility:hidden;}
    Евелина:

    Еми , отново много ти благодаря! Въведох кода както си го написала и се получи от първия път. БЛАГОДАРЯ!

    Любомир:

    Ей Еми и аз ти благодаря , но не мога да се справя нещо сам :)

    Emi Todorova:

    Здравей, Любомире, Ако темата , която използваш е същата и запишеш точния код в Custom CSS би трябвало да стане. Пробвай направо с copy/paste на кода и внимавай да не пропуснеш точката в началото :) Също така не забравяй да натиснеш бутона "Запис и публикуване". За да видиш дали се е получило, направо си отвори сайта в нов прозорец и след всяка промяна му прави рефреш. Успех :)

    Цветелина Лалева:

    Здравейте, аз копирах и поставих заедно с точката, но не се получи при мен. С друга тема съм, но това има ли значение?

    Тодор Пламенов:

    Цвети, да, има значение. Ако си с друга тема трябва да разбереш кой елемент искаш да махнеш. В темата от урока посочените дати под публикациите имат клас с име "below-entry-meta", съответно за да кажеш на браузъра да не го визуализира трябва да му сложиш опцията hidden. В твоя случай няма как да помогна, понеже не знам коя е темата и какво искаш да махнеш, но се надявам да съм успял да хвърля поне малко светлина по въпроса ти. Също така може да кажеш коя тема използваш и да се опитам да помогна като я активирам при мен :)

    Евелина:

    Здравей! Надявам се да помогнеш и на мен, темата ми е Enigma. Къде точно да видя какъв е класа на датите?

    Тодор Пламенов:

    Свалих въпросната тема и след известно ръчкане стигнах до следните изводи, опитай да сложиш следния код в Custom CSS: .enigma_blog_thumb_date{ visibility:hidden; } Това ще скрие автора, датата на създаване и броя на коментари на въпросната публикация. (от публикациите на началната страница)

    В раздел рецепти открих, че можеш да изтриеш само датата на създаване като сложиш: .enigma_post_date{ visibility:hidden; }

    Надявам се тези варианти да те устройват. Успех :)

    Евелина:

    Благодаряти много! Получи се! Вчера пробвах варианти, пред enigma слагах и li и т.н. Още веднъж много ти благодаря! :)

    Цветелина Лалева:

    Темата ми е Juliet. Аз се оправих с този казус. Остана ми обаче едно нещо нерешено. Не мога да си преведа темата и на едно място си стои Previous Posts. Прилагам всичко точно от урока за превода и не иска...

    Тодор Пламенов:

    Аз пробвах превод преди няколко дена с poedit програмата (както е в клипчето). Направи ми впечатление, че трябва да имаш два изходни файла (*.po и *.mo), които после да качиш на хостинга (или в папката на wordpress, както беше при мен) и тогава нещата стават. Виж дали е от това, ако не - ще го мислиме пак. Успех :)

    Цветелина Лалева:

    Ама и аз така правя, качвам и двата файла и не става нищо...и сега на сайта имам на две, три места английски текст :-(

    Nadya Stanoeva:

    Темата ми е Sydney. Как да скрия датата на публикациите и автора? Благодаря!

    марина:

    Здравейте, моята тема е "KALE". Може ли да ми кажете как да скрия датата на публикациите и ватора в моята тема.

  • Как?

    Леа:

    Как да сменя снимките в темата? Прилагам скрийншот на сайта, на страница Галерия и на колонката със снимките в стр. Галерия в админ панела. Благодаря

    Леа:

    Успях да си реша проблема. Направих нова  страница, в която създадох галерия. Оттам копирах номерата на изображенията  и ги сложих на мястото на предишните.

  • Може ли и как в WordPress да се вкара специфичен шрифт?

    Jullian Angelov:

    и как в WordPress да се вкара специфичен шрифт, какъвто не се използва масово от потребителите - примерно bCAD (технически шрифт) от http://www.fonts-bg.eu/, но може да бъде и черковно - славянски, готически или друг. Ако разчитаме на популярните шрифтове които има и във Windows, но не се среща в мобилни или Apple устройства е много възможно заради разлика в ширината на символите редовете да се разместват и да не приличат на нищо. Подобно използване но за HTML има демонстрирано в http://www.w3schools.com/w3css/w3css_fonts.asp но там всичко се прави от един наистина огромен CSS файл.
    В какви формати са използваните от WordPress шрифтове и как можем да конвертираме в такъв формат шрифт, съвместим със системен шрифт за Windows ?

    Иван Цукев:

    Шрифтът зависи от темата. Ако трябва да се смени шрифт, вече се изискват HTML умения. Имаме цял курс за това, но е толкова специфично, че май дори там не е споменато.

    HTML позволява да се ползва всеки един шрифт - най-грубо казано, ако потребителят няма шрифта е указан адрес в кода и броузъра си го сваля и визуализира страницата коректно. Естествено това може да води до забавяне при зареждането на страницата.

    инж. Юлиан Ангелов:

    Toва стилиране:

    Thanks { ...друго стилиране, не касаещо щрифта за #Thanks ... ; font-family: bCAD, Georgia, Ariel, Times New Roman; font-size: 20px; font-style: italic; color: #801103; transform: rotate(330deg); }

    решава доста въпроси с шрифтовете, като дефинира размера на шрифта, цвят, наклон на изписване и използва по реда в списъка шрифтовете, инсталирани на машината на посетителят на сайта ни ( bCAD, Georgia, Ariel, Times New Roman). Всъщност използва се първият намерен от браузъра шрифт по списъчен ред инсталиран на машината, а ако браузъра не намери никой от тях изобразява надписиите с някой от наличните инсталирани на него. Проблемът е, че за да получим желаният ефект е нелепо да се надяваме посетителят на сайта ни да си инсталира дадени шрифтове. (особенно незнаейки с какво устройкство и операционна система ще влезе) В показаното в http://www.w3schools.com/w3css/w3css_fonts.asp видях какво е направено, но зад шрифта се крие някакъв наистина огромен CSS файл от десетки килобайти и показаният шрифт е само на латиница и явно показаното не може да се направи с произволни шрифтове. Затова идеята ми беще да конвертирам еднократно някак си желаният шрифт и да го кача в сайта си. Всъщност със стилирането в http://www.w3schools.com/w3css/w3css_fonts.asp е направено точно това, но шрифтът някак си е представен чрез CSS стилиране. Дриг е въпросът, че не успях да задам собствено CSS стилиране на шредвидените а това места в темите.

  • Може ли веднъж изготвен МО файла да се използва и за вече обновената тема?

    Jullian Angelov:

    По принцип при обновлението на темата ние нямаме точна представа за характерът и механизмът на обновленията, но се очаква визионният дизайн и потребителските интерфейси да са останали непроменени и ако сме заменяли само надписи с български надписи да не "счупим" темата.

    Иван Цукев:

    Обновяването на темата не променя като цяло превода, но ако в темата има по-сриозни промени, може да се наложи да се добавят преводи във файла за превод.

    Евелина:

    Само два надписа си направих на български, инсталирах 3 плъгина и от менюто на таблото ми изчезна опцията за редактиране. Външен вид-теми-настройки-джаджи-менюта-фон и нямам редактиране, а се появи About Color Mag и Install Plugins. Защо ми изчезна опцията за директно редактиране и как по-друг начин да вляза в темата за редакция?

  • Тодор Пламенов:

    Като отидеш в менюто с темите като минеш с мишката върху темата, която искаш да изтриеш ще ти се появи опция "Подробности за темата". Влизаш във въпросните подробности и долу вдясно ще видиш бутон "Изтрий". После потвърждаваш и това е. Успех. :)

    Евелина:

    Благодаря!

  • Какъв е CSS кода за скриване на дата на пост за тема Sydney?

    Nadya Stanoeva:

    Какъв е CSS кода за скриване на датите на постовете и автора за тема Sydney?

    Даниела Найденова:

    Здравей, Надя! Това е кодът за Сидни: .single-meta, .posted-on { visibility:hidden; } И обяснението: .single-meta - касае самата публикация, в която има дата, автор и двете иконки за тях - скриваш целия контейнер, в който са изброените неща; .posted-on - тук скриваш само датата на публикацията на първа страница (там излиза само дата, без автор, затова се налага да се добави, иначе този елемент е част от първия).

  • Къде да намеря CSS кода?

    Буряна Пенкова:

    Във всяка тема корекцията на CSS кода за скриване на дата и автор на публикацията е различна. В кои файлове и как да търсим зададения код, за да го променим? Аз правя упражненията с ColorMag, но искам да тествам и с други теми.

    Ivan Pukov:

    В зависимост от това , дали има имаш достъп до хостинга или wp-admin-а , начините са следните: 1) През WP-admin-a влизаш на "Външен вид" ->"Редактиране" и ще ти се отворят всички CSS на текущата тема и може да и скролваш из всички тях. От падащото меню може да избереш необходимата от инсталираните теми . А ако решиш , че искаш да пишеш върху всичко в опциите на тема има поле "Собствен CSS" 2) Влизаш в папката с инсталирания Wordpress ( с помощта на Cpanel-a(или там каквато система използват) през browser-а или пък с FTP клиент ( Fillezila , aceftp или др.) ) и влизаш в папката на темата , най-често е: "wp-content > themes > името на темата" И най-важното преди да правиш промени по css задължително си направи един бекъп за всеки случай.

  • Как да реша този проблем?

    Симеон:

    Здравейте! Знаете ли как да реша този проблем?

    Иван Цукев:

    Не би трябвало да получаваш такава грешка. Вероятно проблем в темата.

    Ето едно решение, което видях в интернернет. С две вероятно PHP версията има проблем или липсващ превод.

    The warning you are seeing may be being caused by text missing in a translation file, or it may be being caused by your PHP version being strict with how the code is being used within Storefront. There is a change in this section in the next release that may fix this, but you may also want to check your translation file to make sure it is correctly translating “Posted on” as shown here:

    https://github.com/woocommerce/storefront/blob/version/2.4.2/inc/storefront-template-functions.php#L440

    For now, if you would like to hide the warning from appearing on your pages, you can turn on WordPress debugging and logging and the warnings will no longer display, they will go to a log. https://codex.wordpress.org/Debugging_in_WordPress#Example_wp-config.php_for_Debugging

  • Как да скрия датата в моята тема?

    ЗОРНИЦА ЙОНЧЕВА:

    Темата, която ползвам е Medical Circle. Би ли ми помохнал някой да скрия датата на публикациите? Всичко останало в този модул ми е непосилно :), но поне това да ми се получи. Поздрав!

    Даниела Найденова:

    Здравей, Зорница! В твоята тема този код скрива датата и сините полета под нея:

    .entry-header { visibility:hidden; }

    преди:

    след:

    ЗОРНИЦА ЙОНЧЕВА:

    О, най-сърдечни благодарности! Супер сте!

  • Курсор проблем

    Yuliyanmikov:

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