Вече можем да започнем сериозни неща. Създаването на плъзгач на Slider Revolution може да е доста досаден в началото. Ще загубите своите лагери, защото ще искате да знаете къде е този или онзи елемент.
Ще се отървете от Slider Revolution, като практикувате с навик и също така прочетете този урок.
По време на предишните ни уроци открихме как:
- Изтеглете и инсталирайте Slider Revolution
- Как да разберем потребителския интерфейс на Slider Revolution Home
- Как да настроите слайдшоу на Slider Revolution
И сега, когато сме настроили плъзгача, ще създадем пързалки "От" плъзгача ".
Как да започнем с редактора „Слайдове“
По принцип, след като запазите конфигурациите на плъзгача, имате достъп до нов интерфейс, който ви представя в редактора на „ пързалки ".
В горната част ще забележите същата лента с инструменти, която ви позволява да се върнете към списъка с „плъзгачи или слайдове“, към параметрите на плъзгача и предварителен преглед на плъзгача.
Открийте и нашето 10 приставки за WordPress, които ви позволяват да оценявате публикациите си в блога
В долната част имаме нов раздел, който ни позволява да виждаме, глобалните слоеве, различните „слайдове“ и бутона за добавяне на нов „ плъзгане ".
Задръжте курсора на мишката върху бутона на слайд, ще забележите, че се показват нови опции. Тези опции са доста ясни и лесни за разбиране (дубликат, добавете към шаблона, за да го използвате повторно и да изтриете слайда).
Задръжте курсора на мишката върху бутона за добавяне на слайд, ще забележите други опции, които ви позволяват да добавите празен слайд, да добавите множество слайдове, да добавите слайд от шаблон (модел).
Понастоящем сте на слайда 1, поради което той е подчертан в списъка с слайдове. Ако създадете нов слайд, той ще бъде маркиран на мястото на първия слайд.
Slider Revolution на това ниво е истинско табло за управление. Ако ви обясня всичко, няма да разберете много, така че ще избегна да говоря за функции, които могат да бъдат объркващи и несъществени.
Прочетете нашата статия на 6 WordPress плъгини за компресиране на изображения за вашия блог
Когато сте избрали слайд, можете да започнете редактиране в следващия раздел. Този раздел се състои от няколко раздела (7), които ви дават достъп до различни функции.
Как да добавите фоново изображение към сцена
Първото нещо, което трябва да направите, е да добавите фон към нашия слайд. Тук имате избор между: фоново изображение (от вашата медийна библиотека), външен URL адрес, който сочи към изображение, прозрачен фон, който ще използва цвета, предложен от WordPress тема, фиксиран цвят, видеоклип в Youtube, Vimeo или HTML5. Ще изберем фон " изображение ".
Можете да намерите много безплатни изображения в мрежата. Просто направете търсене в Google.
Когато добавите изображение, това се прилага незабавно при визуализацията на слайда и в „сцената“.
Как да добавим елемент в сцена
Сега, когато имаме добре декорирана сцена, ще добавим елемент. Всеки елемент, който добавите към сцена, се счита за слой или слой. Тази функция на слоя ще ви помогне да ми повярвате.
За да добавите елемент към сцената, задръжте курсора на мишката Добавяне на слой ".
Ще забележите, че можете да добавите няколко различни елемента, включително: текст / HTML, изображения, аудио, видео, бутон, форма, обект и да импортирате елемент.
Ще започнем с добавяне на прозрачно изображение на Snoopy на малкото кученце.
След това добавете това изображение в сцената и ще имате нещо подобно:
Ще забележите, че в четирите ъгъла на изображението са малки квадратчета. Тези квадратчета ни позволяват да променим размера на изображенията, тъй като в този случай Snoopy заема много място.
Преоразмеряването се извършва от „ влача ". За да промените размера, като запазите пропорциите, задръжте „ Май От клавиатурата си, докато преоразмерите.
Вижте и нашите 10 WordPress плъгини, които ще ви направят по-добър Blogger
Сега Snoopy изглежда така, по-подходящо е. Можете също да обърнете изображение, като използвате индикатора, разположен в горния десен ъгъл на всяко изображение по следния начин:
Как да позиционирате елементи с помощта на помощната мрежа
Помощната решетка е ценен елемент, който помага за по-доброто позициониране на елементите. Можете да активирате помощната мрежа в долната лява част на сцената.
Тази решетка има плочки с различни размери, колкото по-малък е размерът, толкова по-прецизно ще бъдете в поставянето на елемент.
Как да добавите анимации
Има 3 вида анимации на Slider Revolution: входни анимации, анимации по време на (съществуването на елемента в сцената) И в края на анимации.
Вижте и нашите 6 WordPress плъгини за компресиране на изображения за вашия блог
За да добавите анимация към елемент, първо трябва да го изберете, като щракнете върху него (когато е избран елемент, той е рамкиран от пунктирана линия с преоразмеряващи се ъгли).
Така че кликнете върху Snoopy, отидете на страницата и кликнете върху раздела « Анимация ".
В предишното изображение имам входните анимации в синьо, а изходните анимации в червено.
За да промените анимация, щракнете върху падащия списък след иконата на работещия човек.
След това имате на разположение голямо разнообразие от анимация. Оставям на вас да изберете анимацията, която искате да определите за въвеждане на елемент. От своя страна избрах „ easeOutElastic », За да получите този резултат:
Ето за вас нашите 4 WordPress плъгини за подсилване на долния колонтитул на вашия блог
Вляво можете да определите продължителността на анимацията и режима на анимация, който трябва да оставите на „ Без разделяне Тъй като другите опции се отнасят само за текст, а не за изображения.
Lire aussi Как да скриете заглавията на статиите и страниците на WordPress
Сега бих искал да плава Snoopy, за това отидете на „ Контур И от падащата опция изберете „ Вълна ". Сега Snoopy плава:
Как да конфигурирате видимостта на елементите
Моят Snoopy плава, но не искам да е видим на мобилни устройства. Така че кликнете върху „ видимост »И на иконата на смартфона се уверете, че е деактивирана:
Как да настроите поведението на елементите
За да оптимизирате зареждането на плъзгача, може да искате да забавите зареждането на изображенията. Това се прави в раздела " поведение С опцията " Lazy Loading ". Можете дори да принудите отзивчивостта на елементите.
Как да създадете персонализирани задействания за елемент
Действията ви позволяват да свържете задействания с конкретни действия. За да добавите спусък, щракнете върху раздела Действия »След това върху бутона« + ».
Има 3 видове задействания:
- Кликването, което кликва с мишката
- Входът на мишката върху елемента
- Изходът на мишката над елемента
Списъкът с действия е доста дълъг. Например можете да пренасочите потребител, който кликне върху Snoopy към друга страница, като изберете действието „ Проста връзка Което ще доведе до нови възможности.
Открийте и нашето 10 премиум WordPress плъгини от резервации и резервации
Как се използва Slider Revolution TimeLine
Slider Revolution предлага интерфейс за управление на времето в долната част. Този интерфейс ви позволява да видите къде започва и къде завършва анимацията на даден елемент.
На предишното изображение ще забележите две сини стрелки. Първият отляво показва началото на анимацията на входа на елемент, а вторият показва края на анимацията на входа. Тъмночервеният цвят показва живота на предмета в сцената.
Lire aussi Как да добавите обратно броене на вашия WordPress блог
Ще намерите край, подобен на другия край на продължителността (входна анимация, продължителност на живота и анимация в края).
С „ график Ще можете да контролирате кой елемент се показва преди и кой елемент изчезва пръв. Това е много практичен инструмент, който трябва да овладеете, за да направите добра анимация.
Времевата линия също има плейър, който можете да активирате, за да визуализирате слайда.
Дотогава ви дадох основите за създаване на слайд. Сега запазете плъзгача и започнете визуализацията.
Това е всичко за този урок, в следващ ще говорим за показването на плъзгач върху статия и някои разширени операции.
Открийте също някои теми и премиум WordPress приставки
Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Диск Аудио
Disk Audio е друг WordPress плъгин което ще ви помогне да покажете аудио плейър направо на уебсайта си само с натискане на бутон. Оформлението на аудио плейъра е напълно адаптивно, така че мобилните потребители ще могат да се наслаждават на неговите функции без никакви проблеми.
В допълнение, той предлага много опции за персонализиране, включително цветови схеми, външен вид, фонови изображения и непрозрачност. Той има няколко опции за управление от клавиатурата и с него също ви позволява да преглеждате плейлиста си с регулируема лента за превъртане.
Прочетете още: 10 WordPress плъгини, за да подобрите търсенето в блога си
Също така ще можете да вградите връзки за изтегляне в музикалния плейър, за да покажете на потребителите къде могат да отидат да купят песента, възпроизвеждана на вашия уебсайт.
Изтегляне | демонстрация | уеб хостинг
2. Проучване на събитието
Това е друго WordPress плъгин 100% отзивчив, лесен за персонализиране и посветен на управлението на резервации на всеки уебсайт, който предлага услугите си в областта на събитията.
Основните му характеристики включват: персонализиране на текст, цвят, рамки и други, поддръжка на PayPal, управление на кодове на купони и талони, поддръжка за Google Maps, подкрепата за управление на електронни писма, поддръжката на шорткодовете, интуитивен контролен панел, лесно създаване на събития, пълен контрол върху външния вид и т.н.
Изтегляне | демонстрация | уеб хостинг
3. Social Share & Locker Pro
Разширението Social Share & Locker Pro е създадено, за да помогне на вашия уебсайт да бъде по-видим в социалните мрежи. Само с няколко щраквания можете да зададете позицията на вашите социални икони или да заключите съдържанието си, като изисквате споделяне в една от социалните мрежи, предлагани от вас.
Имате предварително зададени теми за 10 и това трябва да покрива най-често срещаните желания. Всичките й теми са Retina и твори чудеса.
30 неща, които трябва да направите в публикациите си в блога след публикуването им Открийте ги, като се консултирате с тази статия.
Също така с Social Share & Locker Pro ще можете да показвате пълното име на социалните мрежи или само иконата. Това ще зависи от вашия дизайн, наличното пространство или вашите желания.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
- Как да станете успешен блогър и да печелите пари с WordPress
- Как да интегрираме формулярите на Google в WordPress
- Как да създадете политика за поверителност на WordPress
- 6 WordPress плъгини, за да се гарантира RGPD съответствие на блог
Заключение
Ето го ! Това е всичко за това ръководство. Надяваме се, че този урок ви е дал основите на създаването на слайдшоу с Slider Revolution в блог или уебсайт на WordPress. Ако имате въпроси, предложения или забележки, оставете ги в нашия раздел Връзка.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Не се колебайте споделяйте с приятелите си в любимите си социални мрежи.
...
Здравей,
Искам да добавя ar изображение към плъзгач, отивам на ar plan, като източник избирам Background/Main image, но нямам синия бутон "промяна на изображението", така че не разбирам как да избера желаното изображение, за да го покажа в рамката на моя плъзгач… имате ли идея?
благодаря
Уолтър