Wordpress

Slider Revolution WordPress плагинін шолу және нұсқаулық

Slider Revolution - бұл WordPress плагині және Magento кеңейтімі ретінде қолжетімді премиум слайдер. Ол мүмкіндіктердің кең ауқымы мен пайдаланудың қарапайымдылығына байланысты WordPress қауымдастығында үлкен танымалдылыққа ие болды.

Бұл шолуда біз негізгі мүмкіндіктерді қарастырамыз Slider Revolution WordPress плагині, содан кейін біз сізге сырғытпаларды нөлден жасау қаншалықты оңай екенін көрсетеміз.

Тақырыппен Slider Revolution алыңыз! Slider Revolution плагині біздің жалпы WordPress тақырыбымызды жинақталған плагин ретінде сатып алған кезде тегін қамтылған. Сонымен, сіз керемет плагинді ғана емес, сонымен қатар жалпы тақырыпты, сонымен қатар WPBakery бет құрастырушы плагинін аласыз! (Төменде жинақталған плагиндерді орнату және пайдалану туралы ескертпелерді қараңыз).

Slider Revolution алыңыз

Слайдер революциясы: бұл плагинді соншалықты керемет ететін не

Веб-сайтыңыз үшін реттелетін сырғытпаларды жасауды жеңілдету үшін Slider Revolution жүйесінде көптеген керемет мүмкіндіктер бар. Міне, біздің таңдаулыларымыздың бірнешеуі.

Орналасу және жауап беру

Slider Revolution оның фокусын жай ғана жүгірткі емес етіп өзгертті. 6-нұсқа жаңартуынан кейін, әрине, керемет анимациялық сырғытпаларды, сондай-ақ карусельдер мен көріністерді (бет құрастырушы қатары сияқты пайдаланылатын бір слайд) жасай аласыз. Плагин сонымен қатар жаңа интеллектуалды мұрагерлік опциямен жауап беруге дайын. Мобильді құрылғыларда жай ғана кішірейтілген жүгірткі элементтерінің орнына, жүгірткі немесе модульдегі оқуға болатын және құрылғыға сәйкес оңтайландырылатын етіп өлшемін өзгертеді немесе кішірейтеді.

Бірнеше мазмұн көздері

Жазбаларыңыз үшін слайдер жасағыңыз келе ме? Немесе WooCommerce өнімдеріңіз үшін бе? Мәселе емес – таңдау 9 түрлі мазмұн көздері сырғытпаңызды жасаған кезде.

Осы жазбаны жазу кезінде Slider Revolution келесіге негізделген мазмұнды қолдайды:

  • Әдепкі/таңдамалы: өз суреттеріңізді/бейнеңізді жүктеп салыңыз
  • Хабарлар: блог жазбаларынан, реттелетін жазба түрлерінен, арнайы пост идентификаторларынан таңдаңыз немесе ағымдағы жазбаны/бетті пайдаланыңыз (блог жазбасына немесе портфолио элементіне таңдаулы жүгірткі қосқыңыз келсе тамаша)
  • WooCommerce: өнімдеріңізді көрсетеді
  • әлеуметтік медиа: әсіресе Flickr, Instagram, Twitter, Facebook, YouTube немесе Vimeo

Оңай опциялар

Slider Revolution барлығы дерлік опцияларды қосу арқылы реттелетін сырғытпаларды жасауды жеңілдетеді. Плагиндегі ашылмалы мәзірлерді пайдаланып слайд кідірісін, шарлау көрсеткілерін, реттелетін қаріптерді таңдаңыз, параллакс фондарын қосыңыз, жүгірткі орнын (шеттерін қосу), медиа қабаттарын қосыңыз, түймелерді кірістіріңіз, слайд ауысуларын таңдаңыз және т.б..

Оның үстіне қаріп мәнерлерін, слайд ауысуларын, қабат анимацияларын және т.б. қайта пайдалануды жеңілдету үшін барлығын дерлік теңшеуге және тіпті өзіңіздің алдын ала орнатуларыңызды сақтауға болады.

БАҚ қолдау

Тінтуірді бірнеше рет басу арқылы мәтінді, сілтемелерді, кескіндерді, бейнелерді және аудионы қосыңыз. Бұл сізге оқырмандарыңыз бен клиенттеріңіз анықтай алатын ақпаратқа бай слайдтар жасау мүмкіндігін береді. Сонымен қатар, осы медиа түрлерінің әрқайсысы Slider Revolution супер опциялары арқылы орнатқан бірегей анимациялары, уақыты және мәнерлері бар жеке қабат ретінде қосылады.

Slider Revolution орнату

Алдымен сізге Slider Revolution WordPress плагинінің көшірмесін алу керек. Плагиннің жеке көшірмесін сатып алғаныңызға немесе оның премиум тақырыбыңызға қосылғанына байланысты плагинді орнатудың бірнеше түрлі әдістері бар.

1. Slider Revolution көшірмесін орнатыңыз

Slider Revolution жүктеп алу

Егер сіз CodeCanyon сайтынан Slider Revolution бағдарламасының жеке көшірмесін сатып алсаңыз, плагинді өзіңіз орнатуыңыз керек. Плагин файлдарын жүктеп алу үшін Envato тіркелгіңізге кіріп, жүктеп алулар бетіне өтіңіз (бұл бетке меңзерді пайдаланушы атына апару арқылы өтуге болады). Содан кейін Slider Revolution көшірмесін тауып, «Тек орнатылатын WordPress файлы» үшін жүктеп алу опциясын таңдаңыз.

Slider Revolution Жаңа плагинді қосыңыз

Содан кейін WordPress сайтыңызға кіріп, өтіңіз Плагиндер > Жаңасын қосу.

Slider Revolution Plugin Zip таңдаңыз

Содан кейін экранның жоғарғы сол жағындағы «Плагинді жүктеп салу» түймесін басыңыз.

Осы жерден CodeCanyon-дан жаңа ғана жүктеп алған плагин файлын таңдау үшін «Файлды таңдау» түймесін пайдаланыңыз және «Қазір орнату» түймесін басыңыз.

Slider Revolution Plugin іске қосыңыз

Осыдан кейін жай ғана плагинді іске қосыңыз және сіз жүгірткілерді құруға дайынсыз!

FTP арқылы жүктеп салу үшін плагин қалтасын ашыңыз

Ескерту: Сондай-ақ, FTP арқылы плагинді серверге кіру және шығарылған (арастырылған) плагинді wp-content/plugins мекенжайында орналасқан қалтаңызға жүктеп салу арқылы орнатуға болады.

2. Премиум тақырыппен қамтылған Slider Revolution бағдарламасын орнатыңыз

Көптеген премиум тақырыптарға тақырыпты жүктеп алатын премиум плагиндердің көшірмелері кіреді. Егер сіз Slider Revolution көшірмесін осылай орнатқыңыз келсе, тақырып құжаттамасына сілтеме жасауыңыз керек.

Көптеген тақырып әзірлеушілері жинақталған плагинді орнату процесін жеңілдету үшін барын салады. Мысалы, ескерту жолағын немесе белсендіру тақтасын қосу арқылы.

Жалпы тақырыпты орнату плагиндері

Біздің нұсқаулықта біз Total WordPress тақырыбын қолданамыз. Total бағдарламасын орнатып, іске қосқаннан кейін экранда Slider Revolution (және тақырыппен қамтылған басқа плагиндерді) орнатуды ұсынатын сұрауды көресіз.

Жалпы тақырыпты белсендіру плагиндері

Ұсынылған/жинақталған плагиндер бетіне өту үшін сілтемені басыңыз, содан кейін плагиндерді орнату және белсендіру үшін басыңыз.

Total көмегімен Slider Revolution орнатыңыз

Total сонымен қатар үлгі деректерін импорттау кезінде Slider Revolution орнату және іске қосу үшін демонстрациялық импорттауыштағы реттелетін опцияны қамтиды. Егер сіз импорттап жатқан демонстрацияны жасау үшін Slider Revolution пайдаланылса, сізге жоғарыда көрсетілгендей плагинді орнату ұсынылады.

Slider Revolution сырғытпаларын Total көмегімен импорттаңыз

Содан кейін «Слайдерлерді импорттау» опциясының таңдалғанын және тақырып демонстрациядан кез келген реттелетін сырғытпаларды автоматты түрде импорттайтынын тексеріңіз. Оңай!

Slider Revolution пайдаланушы нұсқаулығы

Плагинді орнатқаннан кейін ол негізгі WordPress бақылау тақтасына мәзір элементін қосуы керек. Негізгі Slider Revolution жүгірткісін басқару бетіне өту үшін оны басыңыз.

Slider Revolution негізгі плагин беті

Осы жерден жүгірткілерді жасауға немесе өңдеуге, үлгілерді импорттауға, плагиннің жеке көшірмесін сатып алған болсаңыз, лицензияны белсендіруге болады.

Slider Revolution плагинінің лицензиясын белсендіру

Slider Revolution қолданбасын өзіңіз сатып алған болсаңыз, оны барлық сырғытпа мүмкіндіктерінің құлпын ашу үшін іске қосуға болады. Лицензияңызды табу үшін CodeCanyon сайтына оралып, Slider Revolution плагинінің бетіне кіруіңіз керек.

Slider Revolution плагин лицензиясы

Барлық сатып алынған лицензияларды көру үшін осы жерден «Қолдау» қойындысын басыңыз. Лицензия кілтін көшіріп, WordPress бақылау тақтасына оралыңыз.

Слайдер революциясының қоңырау белгішесі

Қоңырау белгішесін басу.

Slider Revolution белсендіру

Содан кейін лицензия кілтін енгізіңіз. Плагин авторынан қолдау алу, сондай-ақ премиум Slider Revolution модулінің шаблондары мен қосымшаларының құлпын ашу үшін сізге жеке лицензияны сатып алу қажет.

МАҢЫЗДЫ, жинақталған плагин: Slider Revolution көшірмесі тақырыбыңызға қосылған болса, бұл бөлімді елемеуіңізге болады. Плагин лицензиясын белсендірудің қажеті жоқ, өйткені жинақталған плагиндерде мұндай лицензия жоқ. Оның орнына, плагин көшірмесінің тақырып жаңартуларында жаңартылғанына көз жеткізу тақырып авторына байланысты. Кейде бұл жүгірткі жаңартуын күту қажет болуы мүмкін дегенді білдіреді, бұл плагиннің тақырыппен толық үйлесімді болуын қамтамасыз етеді.

Slider Revolution жаһандық параметрлері

Құрылысты бастамас бұрын баруды ұсынамыз Ғаламдық параметрлер опциясы (бұл Slider Revolution астындағы ішкі мәзір элементі).

Slider Revolution жаһандық параметрлері

Мұнда әдепкі жауап беретін тор параметрлері (олар жаңа жүгірткілерді құру кезінде қолданылады), таңдамалы қаріпті жүктеу URL мекенжайы, плагин үшін дерекқор жасау және т.б. үшін көптеген маңызды опциялар бар. Бірақ екі нұсқа бар, біз сізге реттеуді ұсынамыз.

Өңдеуді қарастыратын бірінші нұсқа - бұл Рұқсат оны тек әкімшілерге плагинге кіруді шектеу үшін пайдалануға болады. Бұл сіздің веб-дизайнеріңіздің немесе басқа әкімшілеріңіздің сайтыңызда сырғытпаларды жасайтын жалғыз адам екенін қамтамасыз етудің оңай жолы (әсіресе блогыңызда қонақ авторлары болса пайдалы).

Өңдегіңіз келетін екінші опция - бұл Әдепкі орналасу торының тоқтау нүктелері опция. Бұл сіздің жауап беру параметрлеріңізге арналған құрылғыға сәйкес пиксель ені.

Бұл сондай-ақ реттелетін қаріптерді, үшінші тараптың жалқау жүктеуін және дерекқорды мәжбүрлеуді қосуға болатын жер (егер сізде Slider Revolution Table мәселелері болса). Аяқтағаннан кейін параметрлерді сақтауды ұмытпаңыз.

Енді сіз сырғытпаларыңызды құруды бастай аласыз! Сізде үш опция бар - нөлден бастаңыз, Slider Revolution «пайдалану мысалдарынан» тегін экспорттау файлын алыңыз немесе тақырыпқа кіретін үлгі сырғытпаларды импорттаңыз.

Слайдерді қолмен импорттау

Slider Revolution қолмен импорттау

Slider Revolution қолдану мысалдарынан басқа веб-сайттан жүктеп алған слайдерді импорттау үшін алдымен олардың сайтынан слайдер файлын жүктеп алыңыз, содан кейін WordPress жүйесіне оралыңыз. Сырғытпаны импорттау опция. Осы жерден жүктеп алған үлгі файлды қарап шығыңыз және түймесін басыңыз Upload. Бұл үлгі жүгірткіні және оның барлық параметрлерін қосуы керек, осылайша оны жаңа жүгірткі үшін негіз ретінде пайдалана аласыз.

Үлгіден жаңа модуль

Slider Revolution импорттау үлгісі

Slider Revolution үшін жеке лицензияны сатып алсаңыз, сіз олардың алдын ала жасалған барлық макеттеріне қол жеткізе аласыз (таңдау үшін 180+ астам бар). Үлгіні пайдалану үшін меңзерді ұнатқанның үстіне апарыңыз, алдын ала қарау үшін Көз белгішесін немесе үлгіні орнату үшін Плюс белгішесін басыңыз.

Ескерту: Slider Revolution көшірмесі тақырыппен бірге жинақталған болса, бұл үлгілерге қол жеткізе алмайсыз. Дегенмен, көптеген тақырып авторлары қолмен импорттауға болатын тақырып демонстрацияларымен бірге жүру үшін жасаған өздерінің жүгірткі үлгілерін қамтиды.

Жаңа жүгірткі жасау

Егер сіз нөлден сырғытпа жасап жатсаңыз, түймесін басыңыз Жаңа бос модуль опция. Енді жұмысқа кірісейік!

Slider Revolution сәлемдесу хабарламасы

Алдымен сіз олардың жылдам бастау нұсқаулығын пайдалану опциясы бар сәлемдесу хабарын көресіз. Бастау үшін басыңыз және төменде көрсетілген нұсқаулықпен бірге орындаңыз.

Slider Revolution Slider түрі

Жүгірткі түрін таңдаңыз – сізде модульді таңдау мүмкіндігі бар:

  • Slider: дәл солай естіледі, слайдты бірінен соң бірін көрсету үшін айналатын бірнеше анимациялық слайдтар
  • сахна: мазмұн модулін пайдалануға болатын жалғыз слайд (бет құрастырушыны пайдалану кезіндегі жол сияқты)
  • карусель: бір уақытта бірнеше көрінетін көптеген слайдтар

Жүгірткі революциясының орналасуы

Содан кейін орналасуды таңдаңыз:

  • Авто: бұл әдепкі параметр, ол жүгірткіні WordPress тақырыбымен анықталған негізгі контейнер еніне дейін созады, бірақ биіктікті әлі де анықтайсыз.
  • Толық ені: дәл солай естіледі – солдан оңға қарай толық созылатын толық ені сырғытпа опциясы. Сізге әлі де жүгірткі биіктігін анықтау қажет болады.
  • Толық экран: браузеріңіздің немесе құрылғыңыздың өлшеміне қарамастан, бүкіл экранды толтыратын үлкен сырғытпаларды жасау үшін мұны пайдаланыңыз (тіпті бұл опцияны одан да көп әсер ету үшін бейнелері бар толық экран сырғытпаларын қосу үшін пайдалануға болады).

Слайдер революциясының жауап беру қабілеті

Соңғы қадам ретінде жауап беру қабілетін немесе «өлшемін өзгерту» параметрлерін таңдау және реттеу қажет:

  • Классикалық (сызықтық) өлшемді өзгерту: негізгі экран өлшемі параметрлерін теңшегеннен кейін жүгірткі сәйкесінше қысылады (сондықтан 1000x400px жүгірткі қаріптер, кескіндер және басқа жүгірткі элементтері де пропорционалды түрде кішірейе отырып 500x200px жүгірткіге қысылады).
  • Интеллектуалды мұрагерлік: төрт құрылғы өлшемі таңдалған жұмыс үстелі параметрлері негізінде автоматты түрде жасалады, қажетінше түзетулер енгізу мүмкіндігі бар.
  • Арнаулы (қолмен): сырғытпа өлшемін әртүрлі экран енінде (жұмыс үстелі, ноутбук, планшет және телефон) орнату үшін қосымша опциялармен нақты пикселдерді пайдаланып жүгірткі өлшемін орнатуға мүмкіндік береді.

Slider Revolution негізгі құрастырушы

Негізгі жүгірткі параметрлерін таңдағаннан кейін сіз Slider Revolution құрастырушысына өтесіз. Бұл жерде сіз барлық слайдтарыңызды жасайсыз.

Slider Revolution жалпы параметрлері

Құрылысты бастамас бұрын, кейбір негіздерге назар аудару керек. Оң жақта барлық жүгірткі параметрлері бар. бастап жылдамдық «Жалпы параметрлер» белгішесі, мұнда не таба алатыныңызды жылдам шолу.

тақырып: Жүгірткіге ат беріңіз. Әрине, сіз әдепкі параметрді қалдыра аласыз Слайдер 1 тақырып пен бүркеншік ат, бірақ оны жүгірткі мақсатына сәйкес бірегей атау конвенциясына өзгертуді ұсынамыз. Жүгірткіге нені қамтитынын немесе оны қай бетте қолданып жатқанын есте сақтауға көмектесетін атауды таңдаңыз. Мысалға үй егер сіз өзіңіздің басты бетіңіздегі жүгірткіні пайдаланатын болсаңыз. Сондай-ақ бұл жерде сіз жүгірткіге оны жазбалар мен беттерге кірістіру үшін оңай қысқа кодты таба аласыз.

формат: Жүгірткі түрін (жүргіту, көрініс немесе карусель) және өлшемді (автоматты, толық ені немесе толық экранды) таңдаңыз. Егер сіз жылдам бастау нұсқаулығын пайдалансаңыз, оны әлдеқашан таңдадыңыз. Дегенмен, бұл сонымен қатар қабат аймағының ені мен биіктігін (слайдер элементтерін қосатын жерде), модульдің орнын (орталық - әдепкі), жүгірткіге арналған әдепкі өң түсін немесе кескінді (ескерту) өңдеуге болатын жер. – бұл слайдтың жеке фонынан бөлек), реттелетін жиек, түссіз көлеңке және бірнеше қосымша опциялар (ораудың максималды биіктігі, толып кету, қабат перспективасы және т.б. үшін).

мазмұны: Мазмұнды жүгірткіге қалай қосқыңыз келетінін таңдаңыз. Таңдауға болатын 9 мазмұн көзі бар, бірақ көбіне осыны таңдағыңыз келеді Custom сырғытпаңызды өзіңіз құрастыру опциясы (бірақ Post-based және WooCommerce опциялары да өте ыңғайлы).

Әдепкі параметрлер: Бұл бөлімдегі ең маңызды опция әдепкі Слайд ұзақтығы болып табылады – бұл әр слайд әдепкі бойынша қанша уақытқа созылады (ескертпе – мұны кейін әр слайд негізінде теңшеуге болады, бірақ әдепкі параметр болғаны жақсы). Сондай-ақ, жүгірткіні анимациялау алдында белгілі бір уақыт мөлшерін күтуге мәжбүр ететін инициализацияның кешігуін орнатуға болады. Теңшелетін модуль идентификаторы, сыныптары және жауап беру қабілеті және т.б. үшін басқа әдепкі мәндер бар, бірақ пайдаланушылардың көпшілігі оларды өзгертуді қажет етпейді.

жалпы: Осы бөлімде пайдаланғыңыз келуі мүмкін опциялардың кейбірі слайд-шоу параметрлерін автоматты түрде айналдыруды, меңзерді жылжытқанда тоқтатуды, слайдтарды айналдыруды және тағайындалған бірінші слайдты таңдауды қамтиды (егер жүгірткіні жасау кезінде бірінші қосқан слайдтан өзгеше болса). Сондай-ақ бұл жерден ұялы телефонда немесе белгіленген пиксель енінде жүгірткіні жасыру немесе өшіру опцияларын табасыз.

Айналдыруда: Slider Revolution параллакс, 3D тереңдігі, уақыт шкаласы, өшіру, бұлыңғырлық, сұр реңк және т.б. сияқты кеңейтілген айналдыру әсерлерін қамтиды. Барлығы айналдыру жылдамдығы, ығысу/еңбеуі және т.б. үшін теңшелетін параметрлермен. Біз бұларды зерттемейміз, өйткені оларды меңгеруге біраз уақыт кетуі мүмкін, бірақ егер сіз өзіңіздің сырғытпа лицензияңызды сатып алсаңыз, кейбірімен ойнауды ұсынамыз. осы әртүрлі айналдыру әсерлерінің әрекетін білу үшін үлгілер кітапханасынан дайын опциялардың бірі.

Spinner: Бұл сіздің алдын ала жүктеушіңіз – кескіндеріңіз бен анимацияларыңыз серверге жүктеліп жатқандықтан, бетке келушілер сіз таңдаған сырғытпа фонын және сіз таңдаған спиннерді көреді. Қазіргі уақытта теңшелетін түстері бар барлығынан таңдауға болатын 15 бірегей спиннер бар.

озат: Жалқау жүктеуді қосқыңыз келсе, мұны осы жерден орындауға, сондай-ақ резервтік кескінді таңдауға немесе ескі браузерлердегі жүгірткіні жеңілдетуге болады (әсіресе iOS4 және IE8 үшін).

CSS/jQuery: Жүгірткілерге өзіңіздің теңшелетін кодыңызды қосуға болады, бірақ бұл еліктіретіндіктен, кодтау тілдерімен ыңғайлы болмасаңыз, бұл опцияны жалғыз қалдыруды ұсынамыз.

Модаль ретінде: Егер сіз сырғытпаны жасап жатсаңыз, қалқымалы терезе немесе жарық жәшігінде көрсеткіңіз келетін сырғытпаны осы жерден, егер сіз мұқаба түсін пайдаланғыңыз келсе және модальды жүгірткіні кірістіру кезінде пайдаланылатын қысқа кодты пайдаланғыңыз келсе, жүгірткі орнының опцияларын таба аласыз. беттерде (ескерту – бұл негізгі жүгірткі қысқа кодынан ерекшеленеді, себебі ол пайдалану төлсипатын қосады).

тері: Мұқаба опциясы негізінен слайдтарды құрастыру кезінде жасауға, содан кейін мәтіндік қабаттарға тағайындауға болатын алдын ала орнату болып табылады. Брендіңіздің қабаттар бойынша бірдей болуын қаласаңыз, бұл тамаша құрал.

жинақтау: Бұл бөлім қондырмаларды қосуға және оларға қол жеткізуге мүмкіндік береді (ескертпе – қондырмалар жеке слайдер лицензиясын сатып алған жағдайда ғана қолжетімді болады, олар тақырыптармен жинақталған Slider Revolution нұсқаларына қосылмайды).

Slider Revolution шарлау опциялары

Келесі - астында шарлау үшін нені пайдаланғыңыз келетінін шешу пернетақта белгішесі. Жүгірткі үшін пайдалануға болатын көптеген опциялар бар. Төмендегі опциялардың барлығы позиция/туралау, өлшемдер, көріну және жаһандық сәндеу/алдын ала орнатулар үшін оңай реттелетін параметрлерді қамтиды.

  • прогресс: Ағымдағы слайд барысын (немесе толық жүгірткі/модуль барысын) көрнекі көрсететін орындалу жолағын немесе шеңберді қосыңыз.
  • көрсеткілер: Келушілер 13 түрлі стильді таңдау арқылы слайдтарыңызды шертуді жеңілдету үшін көрсеткілерді қосыңыз (ескертпе – пайдаланушы әдетте тақырыпқа негізделеді).
  • Оқтар: Слайдтарыңызға шарлау нүктелерін қосу үшін таңбалауыштарды қосыңыз және 14 стильден таңдаңыз.
  • қойындылар: Блог жазбаларыңыздың негізінде мазмұн сырғытпасын жасап жатсаңыз, қойындыларды шарлауды қарағыңыз келуі мүмкін. Бұл нобайды, тақырыпты және кез келген параметрлерді (Слайд опциялары астында анықталғандай) көрсетеді – мысалы, соңғы жазбалар виджетіне өте ұқсас.
  • Бас бармақ: Нобай кескінін шарлау опциясы ретінде көрсету үшін бас бармақтарды таңдап, 5 стильден таңдаңыз.
  • Алдыңғы өлшем: шарлау үшін пайдаланылатын алдын ала қарау кескіндерінің өлшемін анықтаңыз.
  • жанасу: Блокты айналдыру, жылдамдық және бағыт опцияларын қоса, сенсорлық жылжытуды қосыңыз және теңшеңіз.
  • клавиатура: Пернетақта шарлауын қосыңыз (арнайы мүмкіндіктер үшін ұсынылады).
  • Тышқан: Карусель функциясын немесе кері айналдыруды пайдалану үшін тінтуірмен басқарылатын шарлауды өңдеңіз.
  • Nav редакторы: Бұл бөлім көрсеткілерді, таңбалауыштарды, қойындыларды немесе бас бармақтарды өзіңіздің пайдаланушы кодыңызбен теңшеуге арналған. Жоғарыда айтылғандай, кодтауға ыңғайсыз болсаңыз, жүгірткідегі кірістірілген опцияларды пайдалануды ұсынамыз.

Slider Revolution слайд опциялары

Соңында, слайд параметрлері.

  • фон: Слайдыңыздың өңін таңдаңыз. Мөлдір, түсті (градиент қосуға болады), кескінді, сыртқы кескінді немесе бейнені (YouTube, Бейне немесе HTML5) таңдаңыз.
  • нобай: Әкімші көретін нобайды және шарлау үшін пайдаланылатын нобайды анықтаңыз.
  • Анимация: Слайдтарыңыз үшін ауысу анимациясын таңдаңыз.
  • сүзгілер: Жүгірткіге сүзгілерді қосуға болады. Менің ойымша, бұл кескін фоны бар слайдтар үшін мағыналырақ, бірақ бұл сізге байланысты. Қазіргі уақытта таңдауға болатын 22 алдын ала орнату бар.
  • прогресс: Слайд бойынша слайд ұзындығын (уақыты мс), кідіртуді және слайд бойынша көрінуді теңшеуге болады.
  • Ережелерді жариялау: Слайдыңыздың жарияланғанын немесе жарияланбағанын анықтаңыз. Егер сіз баяу құрастырғыңыз, жариялағыңыз және кейінірек жойғыңыз келетін маусымдық немесе шектеулі уақыт слайдтарында жұмыс істеп жатсаңыз, бұл өте жақсы.
  • Тегтер және сілтеме: Бұл бөлімде слайд үшін реттелетін сыныпты, идентификаторды және HTML деректерін қосуға, сондай-ақ сілтемені қосуға болады (егер сіз бүкіл слайдқа сілтеме қосқыңыз келсе).
  • Параметрлер: Слайдтар мен навигацияда пайдалану үшін 10 теңшелетін параметрлерді қосыңыз.
  • Цикл қабаттары: Егер жүгірткіде тек бір слайд болса, слайд циклінің параметрлерін жасаңыз және реттеңіз (әсіресе жүгірткі сәлемдесу төсеніші немесе бет бөлімі ретінде пайдалансаңыз пайдалы).
  • Айналдыруда: Сондай-ақ, параллакс пен айналдыру әсерлерін (өшіру, бұлыңғырлау немесе сұр реңк) слайдқа теңшеуге болады.

Slider Revolution көмегімен слайдерді қалай жасауға болады

Енді сіз мүмкіндіктерді көргеніңізден кейін (оу өте көп!) Мен сізге ең маңызды опциялар деп санайтын нәрселердің қысқаша мазмұнын беремін. Атап айтқанда, қарапайым жүгірткі жасау жолын көрсету арқылы.

Жалпы параметрлер

Жүгірткі мысалы: Жалпы опциялар

Алдымен біз бірнеше Жалпы опцияларды таңдадық:

  • Теңшелетін тақырып пен бүркеншік атын қосыңыз тақырып бөлім
  • Жұмыс үстелі қабатының биіктігі мен енін астына теңшеңіз формат (біздің сайттың ені мен биіктігі 1000 пиксельге сәйкес болу үшін біз ені 500 пиксельге орнаттық)
  • Әдепкі слайд ұзақтығын таңдаңыз (біз 5000 мс қолдандық, ол 5 секунд). Әдепкі параметрлер
  • а таңдаңыз Spinner алдын ала жүктегіш үшін пайдалану үшін (біз 7-нұсқаға жартылай қараймыз)

Слайдер навигациясы

Жүгірткі мысалы: Көрсеткілер

Содан кейін біз Навигация параметрлерін таңдаймыз. Біздің мысалда біз қарапайым көрсеткілер болып табылатын «Уран» стилін таңдадық.

Слайдтарды қосу

Бұл біздің жүгірткіге орнатқымыз келген нәрсе, сондықтан келесі қадам - ​​бірнеше слайд қосу. Жаңа жүгірткі жасаған кезде әдепкі бойынша №1 слайдта боласыз, осылайша бірден параметрлер мен қабаттарды қосуды бастай аласыз.

Жүгірткі мысалы: Слайд түсі фон

Фон түсін, суретті немесе бейнені қосуға болады. Түс қосуды таңдасаңыз, градиентті де қосуға болады.

Жүгірткі мысалы: Слайд бейне фон

Бейне үшін сіз жай ғана дереккөзді қосып, бірнеше таңдау жасайсыз. Жоғарыдағы скриншотта біз слайдты Мұқаба режимін мәжбүрлеу үшін (бейне бүкіл жүгірткіні толтырады) және басталған кезде артқа айналдыру үшін (сондықтан слайд басталған сайын басынан ойнайды) орнаттық.

Жүгірткі мысалы: Слайд кескінінің фоны

Біздің мысал үшін біз қостық бейне біздің медиа кітапханадан. Біз кескінді әдепкі Мұқаба параметрімен қалдырдық (бұл жүгірткі шектеулеріне сәйкес келетін кескінді кішірейтетін Contain параметріне қарағанда толық сырғытпаны жабу үшін кескінді созады).

Қабаттар қосу

Енді қабаттарды қосу үшін! Экранның жоғарғы жағында «+ Қабат қосу» опциясын байқайсыз. Мұнда сіз слайдтарыңызға қосу үшін көптеген опцияларды таба аласыз. 8 түрлі таңдауға болады Қабатты қосыңыз опциялар:

  • мәтін қабаттар тақырыптарды, сипаттамаларды немесе тіпті қарапайым сілтемелерді қосу үшін өте қолайлы. Слайдта айтқыңыз келген нәрсені қосыңыз.
  • Суреттер логотипті енгізуге, параллакс слайдтарына тереңдік қосуға, жинақтардың алдында/кейін кірістіруге және т.б. үшін тамаша.
  • түйме қабат опциялары түсті, фонды, жиек түсін, қаріпті, меңзер күйін және мәтінді өңдеуге болатын тонна өлшемдер мен шекара радиусы комбинацияларын қамтиды. Бұған қоса, әлеуметтік сілтемелер үшін анимациялық тінтуірдің айналдыру белгішелері, гамбургер мәзірі немесе тіпті ойнату/кідірту үшін бірнеше пайдалы алдын ала жинақтар бар.
  • Кескіндер әсерлерді қосу үшін (мысалы, түйменің артындағы түстің импульсі немесе сәулеленуі), мәтін қабатының бөлігін анықтау үшін (тек бір сөзді немесе сөз тіркесін бөлектеу үшін пішінді пайдаланыңыз) немесе көрнекі қызығушылықты қосу үшін пайдалануға болады. Фонды, жиектің түсін/өлшемін, кескін шекарасының радиусын (шаршы үшін 0, шеңбер үшін 100), пиксельдегі пішін өлшемін және толтыруды таңдаңыз.
  • Аудио және Бейне қабаттар айтарлықтай түзу. Кірістіргіңіз келетін медианы таңдап, медиа кітапханадан файлды таңдаңыз немесе сілтемені енгізіңіз (YouTube, Vimeo, SoundCloud, т.б.). Содан кейін циклды, автоматты ойнатуды, соңында келесі слайдты, негізгі дыбыс деңгейін, сегментті бастау/аяқтауды және алдын ала жүктеуді қосу үшін параметрлерді қосыңыз. Бұл жүгірткіге, кіріспе бейнеге немесе оқулыққа нақты куәліктерді қосудың оңай жолы.
  • Белгіше / SVG олар дәл солай естіледі – құрылғыларда жүгірткі арқылы әдемі масштабталатын белгішелерді қосыңыз немесе реттелетін SVG кескіндерін қосыңыз.
  • Жолдар кірістіруге болады және олар баған параметрлерімен толықтырылған кез келген басқа бет құрастырушы сияқты. Бұл қабат элементтерін ұйымдастырудың немесе бір слайд модулін құрудың тамаша тәсілі.
  • топ қабаттар тобын жасау үшін пайдаланылады, осылайша қатысты қабаттарды орналастыру және жылжыту оңайырақ.
  • Қабат кітапханасы Slider Revolution бағдарламасына жеке лицензияңыз болса ғана қолжетімді және ThemePunch дайын ресурстарының жинағы болып табылады.
  • импорт кітапханадағы басқа жүгірткіден қабатты немесе слайдты көшіру үшін. Жылдам және қарапайым!

Жүгірткі мысалы: Мәтін қабатын кірістіру

Алдымен қарапайым қосайық мәтін қабат. Сізде «Жылдам стиль» тақырыбын немесе мазмұнды қосу таңдауы болады – екеуі де мәтіндік қабаттар, жалғыз айырмашылығы – оң жақта көретін алдын ала мәнерлі опциялар. Сіз осы стильдердің бірін таңдай аласыз немесе қабат параметрлеріне өту үшін жоғарғы оң жақ бұрыштағы X түймесін басыңыз.

Жүгірткі мысалы: Мәтін қабатының параметрлері

Біздің мысал үшін, бұл біздің тақырып үшін таңдалған опциялар, сондай-ақ слайд үшін тақырыпшалар:

  • Біздің мәтінді енгізді мазмұны бөлім, сондай-ақ біздің мәтінді ортаға қойды
  • Таңдалған а стиль қаріп өлшемі, салмағы, жол биіктігі және Google шрифті үшін
  • Біз теңшелдік Өлшем және Поз сырғытпа контейнеріндегі қабаттың орнын өзгерту үшін (есте сақтаңыз - біздің контейнер 1000 x 500 пиксель)
  • Және соңғы қосылды Анимация мәтініміздің 800 мс өшуі (IN : Anim To) және мәтіннен шығу үшін бірдей анимациялар (OUT : Anim To).

Біз түймені де қостық. Мұны істеу үшін меңзерді «+ Қабат қосу» сілтемесіне апарыңыз және түйме опциясын басыңыз.

Жүгірткі мысалы: кірістіру түймесі қабаты

Мәтін сияқты, бастау үшін пайдалануға болатын жылдам мәнерлер бар.

Жүгірткі мысалы: Түйме қабатының параметрлері

Түйме үшін біз келесіні қолдандық. Тағы да, мәтіндік опцияларға өте ұқсас (бірақ бірнеше маңызды айырмашылықтары бар):

  • үшін мазмұны біз батырма мәтінін қостық.
  • -дан стиль бөлімінде мәтін мен түймелердің түстерін, қаріп опцияларын қосуға және толтыру (ішінде) немесе шеттері (сыртында) бар түймеге бос орын қосуға болады. Біздің түйме оны кеңірек ету үшін сол және оң жақ төсемдерді пайдаланады.
  • Біз қайтадан қолдандық Өлшем және Поз түймелер қабатын слайдтың ортасына қою опциялары.
  • Және қосты Анимация слайдқа кіру және шығу түймесі үшін.
  • Бұл түйме қабаты болғандықтан, біз де қостық Жүргізіңіз әсер етеді, сондықтан келушілер сілтеме бар екенін интуитивті біледі. Сондықтан біз анимацияны таңдадық және меңзерді жылжытқанда түймені сәл мөлдір еттік.

Жүгірткі мысалы: Түйме қабатының сілтемесі

Сілтеме қосқыңыз келетін түйме немесе кез келген қабат үшін қосу керек Action. Мысалы, біз Қарапайым сілтеме қостық, сонымен қатар параметрлерді анықтадық (басылғанда, URL мекенжайы және жаңа терезеде ашылатын мақсат). Қарапайым сілтемеден басқа көптеген опциялар бар, мысалы, идентификаторға айналдыру (жергілікті айналдыру), слайдқа өту (слайдтарды өткізіп жіберу), слайдты ойнату (мысалы, интерактивті мүмкіндікті қосқан болсаңыз), ашу слайдер модалы, медианы ойнату (бейне үшін тамаша) т.б.

Бұл біздің бірінші слайдымыз! Енді сізге тағы бірнеше мүмкіндіктерді көрсету үшін секунд қосамыз.

Жүгірткі мысалы: Екінші слайд қосу

Меңзерді «Слайдтар» опциясына апарсаңыз, төмендегілер үшін ашылмалы тізімді көресіз:

  • Слайд(лар) қосу: Жаңа бос слайдты қосу үшін басыңыз, өңі бірдей бірнеше слайдтарды қосу үшін жаппай слайд немесе слайдты импорттаңыз.
  • Ғаламдық қабаттар: Олар сіз жасаған кез келген слайдтардың үстіндегі қабаттасу ретінде көрінеді. Бұл логотипті немесе су таңбасын қосудың тамаша тәсілі, өніміңіз үшін «Қазір сатып алу» түймесін немесе тіпті ақпараттық бюллетеньге жазылу сілтемесін қосыңыз.
  • Ағымдағы барлық слайдтарыңыз (біздің дайын слайд – №1 жаңа слайд).

Енді слайд жасау процесін қалағаныңызша қайталаңыз!

Slider Revolution ішінде қабаттарды одан әрі теңшеу үшін пайдалануға болатын көптеген басқа опциялар бар. Мысалы, қабатқа цикл қосуға болады (оны жыпылықтайтын «сатылым» мәтінін жасау үшін пайдалануға болады), айналдыру әсерлерін қосуға, шағын құрылғыларда жасыру үшін көрінуді өңдеуге және т.б. Қол жетімді мүмкіндіктер туралы қосымша ақпаратты табу үшін Slider Revolution ресми білім қорын тексеруді ұсынамыз.

Жүгірткі мысалы: Жоғарғы жолақ

Соңында мен жүгірткі құрастырушысының жоғарғы және төменгі жағындағы бірнеше пайдалы сілтемелерді атап өткім келеді. Жоғарыдан бастап келесі жылдам сілтемелерді табасыз (ретімен):

  • артқа: WordPress бақылау тақтасындағы негізгі Slider Revolution бетіне қайту
  • слайдтар: жүгірткіге слайдтарды қосу және басқару
  • Қабатты қосыңыз: ағымдағы слайдқа жаңа қабаттар қосу үшін
  • The Толық аты-жөніңіз сіз таңдаған қабаттың
  • көшірме ағымдағы қабатты көшіру немесе көшіру үшін белгішесін басыңыз
  • Себет ағымдағы таңдалған қабатты жою үшін белгішесін басыңыз
  • Lock кездейсоқ өңдеулерді болдырмау үшін қабатыңызды құлыптау үшін белгішесі
  • көз қабаттарды көрсету немесе жасыру белгішесі
  • Жоғары-төмен Қабаттар арасында жылжу үшін көрсеткілер
  • Біраз уақыттан кейін сізді алып келеді Курсор қабаттарды таңдау үшін
  • A Артқа айналдыру соңғы өзгерістер тізімін болдырмау және қарау үшін белгішесі
  • The компьютер стандартты құрылғы өлшемдерінде сырғытпаның жауап беру қабілетін алдын ала қарау үшін белгішесін басыңыз
  • сұрақ белгішесі анықтамалық сілтемені белгілеңіз
  • Және ақырында а Тамшы қабат үшін жылдам мәнердің алдын ала орнатуларына қол жеткізу үшін белгіше

Жүгірткі мысалы: Уақыт кестесі

Ал слайдерді алдын ала қарау астында сіз кестені көресіз. Осы жерден қабаттарыңыздың слайдта жанданатын уақытының кешігуін өңдеуге болады (біздікі үшін аяқталу уақыты 00:05:00 немесе 5 секунд – слайдты өңдеу үшін оны басыңыз). Сондай-ақ слайдтың жалпы уақыт ұзақтығымен салыстырғанда қабат уақытын көрсететін көрнекі кестені көруге болады. Бұғатталған бөлімдер - сіз жасай алатын қабаттың анимация уақыттары өзгерту үшін жай ғана басыңыз және сүйреңіз.

Бірнеше қабатты қосқаннан кейін қабаттарды ретімен сүйреп апару арқылы қабаттарды қайта ұйымдастыру үшін осы бөлімді де пайдалануға болады. Оған қоса, жоғарғы сол жақта сіз өңдеулер жасау кезінде уақытты алдын ала қарау үшін слайдты ойнатуға арналған пайдалы сілтемені таба аласыз.

Жүгірткіні алдын ала қарау және сақтау

Жүгірткі мысалы: Жүгірткіні алдын ала қарау

Жұмыс істеп жатқан кезде көк түсті басу арқылы сырғытпаны алдын ала қарауға болады алдын-ала қарау төменгі оң жақ бұрыштағы батырма.

Жүгірткі мысалы: Жүгірткіні сақтаңыз

Және ұмытпаңыз сақтау жұмыс кезінде слайдтарыңыз! Кез келген өзгертулерді енгізгеннен кейін слайдты сақтағаныңызға көз жеткізіңіз. Слайдтан алыстасаңыз (тіпті ол басқа слайдқа болса да) барлық ауыр жұмысыңызды жоғалтуыңыз мүмкін. Сондықтан міндетті түрде сақтаңыз, сақтаңыз, сақтаңыз!

Slider Revolution сонымен қатар опцияны ұсынады Файл өлшемдерін оңтайландыру сақтау кезінде сервер тарапынан қысу және оңтайландыру бойынша кейбір ұсыныстарды ұсынады.

Сақтағаннан кейін басқа слайдтар немесе жүгірткілермен жұмыс істеуге және жұмыс істеуге немесе дайын өнімді бетте пайдалануға болады.

Жүгірткіні пайдалану

Кез келген жазбаға немесе бетке керемет жүгірткі қосу үшін бұрын жасалған Slider Revolution қысқа кодын пайдаланыңыз. Бұл қысқа кодты бақылау тақтасындағы Slider Revolution мәзір элементін басу арқылы табуға болады.

Slider Revolution: Қысқа кодты табыңыз

Қысқа код келесідей болуы керек [rev_slider alias="title"][/rev_slider] сырғытпаны алғаш жасаған кезде берген бүркеншік атқа негізделген «атауы».

Жүгірткі революциясы: қысқа кодты көшіру

Жазбаңызға немесе бет мазмұнына қысқа кодты қойыңыз. Немесе сіздің тақырыбыңыз қосымша сырғытпа орындарын қолдаса, қысқа кодты сол жерге де қосуға болады.

Слайдер революциясы: WPBakery бет құрастырушы модулі

Егер сіздің тақырыбыңыз WPBakery бет құрастырушысын пайдаланса (мысалы, жалпы көп мақсатты WordPress тақырыбы сияқты), сіз қосылған Slider Revolution бет құрастырушы элементін пайдалана аласыз.

Жүгірткі революциясы: WPBakery бет құрастырушы модулін алдын ала қарау

Бар болғаны модульді қосу, тордан сырғытпаны таңдау (ол сіз жасаған барлық жүгірткілердің тізімін көрсетеді), кірістіру, содан кейін жүгірткіні орнына сүйреп апару. Оңай иә?

Слайдер революциясы туралы соңғы ойлар

Slider Revolution - бұл пайдалану үшін ең оңай премиум слайдер плагиндерінің бірі деп есептейміз, әсіресе олар визуалды редакторды және көптеген кіріктірілген мүмкіндіктерді ұсынады, сондықтан слайдтарыңызды сәндеу үшін CSS білудің қажеті жоқ (түймелер, қаріптер, түстер және т.б. бар!). Бұл жақсы 5 жұлдызды алады және біздің ойымызша, сізге жақсырақ слайдер плагинін табу қиынға соғады.

Біздің нұсқаулық сізге жұмысты бастау процесінде көмектесті деп үміттенеміз, бірақ қосымша ақпарат алу үшін (немесе өз көшірмеңізді алу үшін) ThemePunch негізгі Slider Revolution бетіне кіріңіз. Олар слайдердің тамаша мысалдарын көрсетеді, сонымен қатар Slider Revolution не істей алатынын көруге болатын тірі демонстрацияларға сілтеме жасайды.

Slider Revolution туралы толығырақ

Бірақ біз сізден естігіміз келеді. Төмендегі түсініктемелерде Slider Revolution туралы не ойлайтыныңызды айтыңыз немесе бізге кез келген сұрақтарыңызды қоюдан тартынбаңыз. Біз көмектесуге қуаныштымыз!

Қатысты Мақалалар

пікір қалдыру

Сіздің электрондық пошта мекенжайы емес жарияланады.

Басына оралу