Работа с кратки кодове. Пример с Avada Shortcodes

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

Ако сте вече потребител - Регистриран съм
Видео
В този урок бих искал да ви покажа как се работи с една платена тема и с така наречените short кодове или кратки кодове в темата.
Tези кодове зависят изцяло от темата, която вие сте избрали, и работят само за нея.
Затова трябва да прегледате документацията на вашата тема и да видите какви са кодовете за вашата тема.
Aз ще покажа тази тема Avada, която е много популярна видяхме има страшно много сваляния.
Нека да кликна на едно preview.
Малко бавно се зареди.
С това demo може да видим, че темата може да бъде широко, може да бъде в рамките, т.
нар.
бокс тема.
Може да има различни фонове.
Или да няма фонове.
Тук може да видим всички възможности на темата.
Примерно 2D и 3D transitions.
Всяко едно от тези неща, може да се вкара в темата съвсем лесно с така наречените short кодове.
Tова което виждате на екрана е един short код, следващата зона тези могат да бъдат вкарани с short код.
Примерно да видим страницата.
За нас.
Тези елементи, които виждате могат да бъдат вкарани отново с short кодове.
Тоест всеки един елемент в сайта си има код и просто като сложим този код елемента се появява.
Показвам този пример, не защото искам да рекламирам конкретна тема, а защото много теми ползват този принцип.
Тук ще разгледаме, примерно ако сме кликнали на документацията на темата и ако сложа този short код ще се появи даден елемент в сайта.
Нека да видим как можем да правим една страница с различни short кодове.
Ще направим една страница "За нас".
Тук имам един сайт, който използва тази тема.
Когато инсталирате тема ще видите, че тук имате много допълнителни полета и опции, които може да настройвате.
Всичко това трябва да се разгледа добре в документацията, иначе може да наистина може да си скъсате нервите в търсене на Кое? Какво означава? Другото, което е важно е, че тази тема идва със много шаблони и имаме шаблон за страница за контакти.
В случая, ние ще кажем, че искаме изцяло страница, която ние да си направим и ще наименоваме "Контакт с нас".
Ще започнем да добавяме отделни елементи на базата на тези short кодове.
Тоест аз като селектирам една такава зона и като я сложа в моите страница, трябва да се появи даден елемент.
Да кажем, че искам да сложа карта на местоположението на офиса.
Има много начини, но в случая темата поддържа short код за карта и аз ще добавя код който съм си подготвил.
Първият short код е "Заглавие".
Да прегледаме какво се получава.
Това заглавие се получи.
следващия short код, който ще добавим е short код за карта.
Той е map с адрес.
Пишеме си адреса.
Има някои настройки.
Тук във самата документация ще видите, че има различни настройки.
Примерно, ако искаме да добавим бутон ще сложим short код за бутон и тук ще му е цвета, размера, типа.
Всички тези параметри са описани долу и зависят наистина от темата.
Добавих адреса.
Да прегледаме как ще изглежда страницата.
Изглежда вече доста по-добре с тази карта.
Може да добавяме още short кодове.
Да кажем че тук ще сложим.
Телефон.
Да видим едно по едно какво се получава.
Добавихме телефона, но ще добавим и текста който съм подготвил, за този телефон.
Добавихме и текста.
Да добавим и нещо по-сложно.
Искам да направя три колони с информация.
За целта ще добавя заглавие, като разделител.
Тук искам да добавя три колони, които ще бъдат отделни начини за връзка с нас.
Затова ще сложа този код, който означава, че искам да попълня данните за една трета от страницата и след това ще го затворя.
Ако видим това one_third може да го намерим в документацията на темата one_third.
Оne_halwe, ако искаме да разделим на две части
и да имаме две колони.
Да направя малко място, ще ми трябват три трети за да попълним съдържанието.
На последната трета ще запиша, че това е последната трета.
Тук ще направя съдържанието 1, 2, 3.
Да видим какво се получи.
Направихме три елемента или три места, където може да добавяме съдържание.
Сега да добавим съдържание, което съм подготвил.
Това е базов html.
Нищо повече от това, което гледахме.
Това линк с изображение и текст.
Никакви други сложни работи.
Първото ще бъде Фейсбук.
Второто ще бъде e-mail.
В третото, ще го копирам ще бъде факс.
Правя преглед.
Добавихме Фейсбук, имейл и факс.
Естествено визията може да се промени спрямо изискванията.
Последното което ще добавя е заглавие нашия блог във Фейсбук и
този код, който всеки който има фейсбук страница получава и може да си го сложи на неговата страница.
Правя преглед.
Така получих една страница със short кодовe.
Съвсем бързо успях да направя тази страница благодарение на тези кратки кодове.
Възможностите на кратките кодове са изключително много.
Можем да слагаме тези слайдери, които доста раздвижват сайта, но те изискват малко повече настройки.
Да добавим изображения, които да направят тази анимация.
Можем да добавим слайдери, като например тези слайдери.
Тук виждате, че в настройките на тези слайдери са доста сериозни, защото трябва да ги измислим да ги подготвим.
Имаме много възможности да раздвижим нашият сайт.
Всичко това нещо става с един short код или в определни ситуации може директно в страницата да се нагласи, в самите ѝ настройки.
Tук в page options имаме slider options и може да добавим и слайдер.
Видяхте че тези платени теми неслучайно са платени.
Имат страшно много опции.
Опциите първоначално може и да ви стресират, защото едва ли не трябва да четете много документация за да направите това което искате.
Наистина е така затова внимавайте, когато избирате тема.
Не е хубаво за всеки един сайт който правите да избирате различна тема.
Напротив харесайте си една много сериозна и добра тема.
Когато научите нейните опции, след това всички уеб сайтове могат да стават много бързо и да се изключително красиви и подредени.

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

 
Какви теми е добре да си избираме?
Една сериозна тема с много опции, която да научим добре и да прилагаме за всичките си сайтове
Една лесна тема, с която можем бързо да правим елементарни неща
Всеки път различна тема и да разучаваме нова документация
Няколко теми с различни опции за различните сайтове
 
Необходимо ли е познаването на много различни теми?
Да, хубаво е да познаваме документацията на възможно най-много теми.
Не, хубаво е да научим една тема, но много добре, и след това да я използваме за направата на различни уеб сайтове.
 
За какво се използват short codes?
За вкарване на отделни елементи/форми в темата
За инсталиране на отделни разширения
За стилизиране на сайта ни

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