Avada - Премиум WordPress тема, Първи стъпки в WordPress

премиум
В тази публикация ще пиша за прекрасната Premium WordPress тема -Avada. Купих го от Themeforest. Разбира се, можете да изтеглите пиратска версия на Avada в мрежата, но реших да не правя това, но реших, че е по-правилно да платя на разработчиците за тяхната работа и да получа готовия продукт, с възможността за това. поддръжка и безплатни ъпдейти и е по-безопасно от теглене от нищото с куп активни външни връзки и може би дори с вируси.

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

Ще започна с може би основната след инсталирането на темата, с превода на български. Avada е тема, готова за превод. Темата е готова за превод. Това означава, че темата може да се преведе на български без да се навлиза в изходния код на програмата php. Освен това Avada включва файлове за превод Avada-ru_RU.po и Avada-ru_RU.mo. Преводът наистина не е пълен, така че първо изтеглих, след това отворих файла Avada-ru_RU.po в програмата PoEdit, добавих няколко превода и след като генерирах Avada-ru_RU.mo, качих и двата файла обратно в хостинга, в папката Languages ​​на темата. Файловете за превод могат да бъдат изтеглени по-долу.

Файл Avada-ru_RU.po

Файл Avada-ru_RU.mo

Продължавай. Не ми хареса много, че заглавията на публикациите в Avada не са H1, а H2.

Как да променя заглавията на публикации от H2 на H1?

За да направите това, трябва да отворите файла single.php и в реда:

php echo avada_render_post_title ($post -> ID, FALSE, ", '2'); ?>

променете стойността "2" на "1", така че низът да изглежда така:

php ехоavada_render_post_title ($post -> ID, FALSE, ", '1'); ?>

Променяйки h2 на h1 за целите на SEO, виждаме, че размерът на шрифта е твърде малък. Ако искате да увеличите размера на заглавието h1 в публикациите, добавете следния код към вашия персонализиран CSS (например увеличете размера на шрифта до 20):

Инсталиране на Google Map

Когато използваме Fusion Builder на елемента Google Map, може да се сблъскаме с факта, че след като инсталираме карта на Google в публикация, вместо карта ще видим тази картина:

премиум
За да коригирате тази грешка, трябва да отидете в панела на администратора, след това „Avada-Формуляр за контакт-Google Map“ и да вмъкнетеAPI Key в полето „Google Maps API Key“. Как да получите API ключ можете да намерите тук.

Лайтбоксът не работи

Ако инсталирате темата Avada на готов сайт, тогаваLightbox на новосъздадени публикации и страници ще работи добре, но не и на стари, картината ще се отвори в него, но възпроизвеждането няма да започне. За да работи, ще трябва да добавите кодаdata-rel="iLightbox[mygroupx] " в таговете на снимки и снимки.

Пример за вмъкване на код:

Позициониране на текст и бутони на плъзгача Fusion

CSS код, повдигнете текст и бутон със 100 px нагоре, например на Home:

.home .slide-content margin-top: -100px ! важно; >

Промяна на цвета на отделен елемент от менюто

Задръжте курсора на мишката върху елемента от менюто, цвета, който искаме да променим, в нашия пример това е елементът от менюто „Напиши отчет“, изберете го, щракнете с десния бутон и разгледайте елемента. В Chrome това става с помощта на "View Code", в Mozilla - с помощта на Firebug. В нашия случай се интересуваме от реда - li id ​​​​= "menu-item-11656".

премиум

След това отиваме в админ панела, в Avada-theme settings-Custom CSS и поставяме тези редове:

Това е всичко за сега,Ще добавя към публикацията, докато напредвам по темата.