вордпресс

Како да креирате динамичке галерије слика и клизаче за ВордПресс са блоковима скупа алата

Тражите флексибилнији начин рада са сликама у новом уређивачу блокова ВордПресс-а?

У овом посту ћемо вам показати како можете да користите блокове скупа алата за креирање сопствених статичких или динамичких клизача и галерија слика у уређивачу блокова.

Ако нисте упознати са Тоолсет-ом, то је скуп алата који вам помажу да радите са прилагођеним садржајем и динамичким ВордПресс сајтовима.

Може вам помоћи да додате и прикажете прилагођене типове постова, прилагођена поља и још много тога. А са алатима Блоцкс, све то можете да урадите користећи изворни уређивач блокова ВордПресс-а.

Читаоци ВП Маиор-а могу добити ексклузивни попуст од 20% када купе Тоолсет.

У наставку ћемо се фокусирати на један одређени део блокова скупа алата – слике.

Наставите да читате да бисте сазнали како функционише и како вам може помоћи да направите боље ВордПресс сајтове.

Како блокови скупа алата помажу код ВордПресс слика?

Блокови скупа алата вам помажу да прикажете садржај ВордПресс сајта користећи изворни уређивач блокова ВордПресс – није потребан код.

Раније смо писали о блоковима скупа алата овде.

Можда ћете рећи: „Колине, уређивач блокова вам већ омогућава да прикажете садржај – то је цела поента!“.

Разлика са блоковима скупа алата је у томе што вам такође помаже да прикажете прилагођени садржај, као што су прилагођена поља и таксономије које сте додали помоћу Тоолсет-а. Можете чак да користите уређивач блокова да дизајнирате шаблоне за све прилагођене типове постова које сте креирали.

Ипак, мало сам скренуо са пута, јер је овај пост о сликама.

Са Тоолсет Блоцкс в. 1.3, добијате приступ два блока фокусирана на слику:

  • галерија – креирајте мреже, зидане или колажне галерије.
  • Слидер за слике – креирајте клизаче и вртешке са различитим изгледима, натписима и још много тога.

Оба ова блока вам омогућавају да креирате галерије или клизаче од статичног скупа слика, заједно са мноштвом опција за контролу стила и распореда ваших галерија/клизача.

Међутим, оно што ови блокови постају кориснији и где се разликују од других додатака за галерије и блокове клизача је то што такође можете динамички уметати слике у своје галерије и клизаче са било ког места на вашој веб локацији.

Можете да отпремите слике користећи прилагођено поље које сте додали помоћу Тоолсет-а, а затим аутоматски убаците те слике у галерију. Можете чак и да креирате шаблон за прилагођени тип поста који сте додали, а затим аутоматски попуните галерију на тај начин.

На пример, на веб локацији за некретнине можете да креирате прилагођени тип објаве „Кућа“ са пољем за понављање слика да бисте отпремили слике унутрашњости сваке куће. Затим можете користити те слике да динамички попуњавате галерију која се појављује као део листе сваке куће.

Кул, зар не? Показаћу вам како ово функционише у следећем одељку.

Како користити блокове слика скупа алата са статичним садржајем

Сада ћу вам показати корак по корак како да користите нову галерију скупа алата и блокове клизача.

За сваки блок, почећу тако што ћу вам показати како да га користите са статичним скупом слика. Ово ће вам дати добру представу о могућностима сваког блока.

Затим, у следећем одељку, показаћу вам како функционише динамичко попуњавање ваших галерија и клизача.

Блок галерије

Када убаците нови галерија блок, моћи ћете да бирате између три различита изгледа:

  1. решетка
  2. зидарство
  3. Колаж
Изгледи галерије

Када одаберете свој изглед, моћи ћете да додате слике на следећи начин:

  • Учитавање нових слика
  • Бирање постојећих слика из ваше библиотеке медија
  • Динамичко њихово попуњавање из прилагођених поља додатих овом посту (или било ком другом посту)

Сачуваћу динамички садржај за следећи одељак, па хајде да отпремимо неке нове слике за овај пример:

Извори слика

И воила – имате галерију. Затим можете користити бочну траку блока са десне стране да конфигуришете:

  • Стилови за ваш распоред, на пример колико колона треба да користите у мрежи или галерији за зидање.
  • Наслови за сваку слику.
  • Отварање слика у паноу за преглед или не.
Пример зидане галерије

Распореди мреже и зида су прилично разумљиви, али распоред колажа укључује уредну функцију која вам омогућава да бирате између унапред направљених распореда колажа или да дизајнирате сопствени:

Распореди колажа

Ако дизајнирате сопствени изглед, можете користити систем мреже да конфигуришете величину и положај сваке ставке галерије, што је заиста супер:

Прилагођени колаж
Софтвер: Снипасте

Блок клизача слике

Блок Имаге Слидер функционише слично блоку Галерија. 

Када направите нови клизач слике, моћи ћете да бирате између иста три извора:

  • отпремање
  • Медији Библиотека
  • Динамички извори

Затим можете користити опције са стране да:

  • Промените број колона. Једна колона би била традиционални клизач, док вртешке можете креирати додавањем више колона.
  • Изаберите различите стилове клизача.
  • Контролни стилови.
Пример клизача слике

Сада када знате основе, хајде да пређемо на напреднију употребу ова два виџета и показаћу вам како можете динамички да попуњавате своје галерије и клизаче.

Како користити блокове слика скупа алата са динамичким садржајем

Док су нови блокови скупа алата корисни са статичним сликама, већ постоји много блокова који вам могу помоћи да креирате статичне галерије и слике.

Оно што нови блокови слика скупа алата постају заиста моћни (и јединствени) је када је у питању динамички садржај.

Можете динамички да попуњавате садржај галерије или клизача сликама из прилагођеног поља за слику које сте додали помоћу скупа алата. Такође можете користити а понавља поље слике, које вам омогућава да додате онолико слика колико је потребно у прилагођено поље.

Па… како би ово могло да функционише у пракси?

Да бих овај пример учинио мало конкретнијим, користио сам Тоолсет да креирам прилагођени тип поста „Кућа“. Затим сам додао поље за слике које се понавља у које могу да отпремим фотографије унутрашњости те куће.

Ево примера како изгледа редовно поље слике које се понавља када направим нову „кућу“:

Пример прилагођеног поља
Софтвер: Снипасте

Сада ћу вам показати како да динамички повучете те слике у галерију или клизач.

галерија

Када додате блок галерије, и даље ћете моћи да изаберете сопствени изглед и да користите сва остала подешавања која сам вам раније показао.

Тек сада, када видите упит за додавање слика, бираћете Динамички извори:

Динамички извори

Затим ћете моћи да изаберете прилагођено поље које се понавља као извор:

Изаберите прилагођено поље

Када изаберете тај извор, видећете преглед своје галерије користећи слике из прилагођеног поља које сам вам показао раније:

Динамична галерија

Ако бисте додали или уклонили слике из тог прилагођеног поља, те промене би се аутоматски примениле на вашу галерију.

Слидер за слике

Можете користити потпуно исти приступ за клизаче слика.

Када додате нови блок клизача слика, можете изабрати Динамички извори за ваше слике, а затим изаберите поље за понављање слике баш као што сам вам показао са блоком Галерија:

Динамички клизач

Пробајте Тоолсет

Удружили смо се са тимом који стоји иза Тоолсет-а, креатора страница који вам омогућава да правите ВордПресс сајтове без кодирања, како бисмо вам понудили ексклузивни попуст од 20%.

КСНУМКС% попуста

Можете користити и динамички садржај у другим објавама/страницама

Поред динамичког уметања слика за објаву са којом тренутно радите, такође можете динамички да попуњавате галерију или клизач негде другде на вашој веб локацији.

На пример, рецимо да пишете пост на блогу где желите да прикажете слике куће коју сте управо додали у прилагођени тип објаве Кућа.

Да бисте започели, у пост на блогу бисте додали нову галерију или блок клизача слика и изабрали Динамички извори као и раније.

Тек сада, у Пост Соурце падајући мени, бирате Отхер Пост. Затим можете потражити пост који садржи слике које желите да тражите. У овом примеру, то је листа „Кућа“ за „123 ВП Маиор Ст“:

Изаберите други пост

Затим можете да изаберете поље које желите да упитате. А када то урадите, видећете своју динамички попуњену галерију као и пре:

Динамичка галерија из другог поста

Ако бисте ажурирали слике у прилагођеном типу поста „Кућа“, те слике би се аутоматски ажурирале у вашем посту на блогу.

Исто функционише и за блок клизача слике.

Такође можете да користите блокове Галерија и Клизач слика у шаблонима које креирате помоћу скупа алата, што вам даје још један начин да искористите динамички садржај. 

На пример, можете дизајнирати шаблон који користите за прилагођени тип објаве „Кућа“ тако да аутоматски попуњава галерију из прилагођених поља сваке куће.

Почните да користите блокове скупа алата већ данас

Скуп алата вам даје моћ да правите прилагођене, динамичке ВордПресс сајтове без ослањања на прилагођени код.

Са алатима Блоцкс, можете да радите са својим динамичким садржајем директно из матичног ВордПресс уређивача блокова.

У овом посту смо истакли како вам блокови скупа алата могу помоћи да радите са сликама користећи нове блокове Галерија и клизач слика.

У погледу подешавања и стилских опција, блокови су већ флексибилни и конкурентни другим додацима за галерију и клизач.

Међутим, оно што заиста издваја блокове скупа алата је могућност динамичког попуњавања ваших галерија и клизача.

Можете да креирате поља за слике која се понављају помоћу Тоолсет-а, а затим да користите та поља слике за попуњавање галерија и клизача било где на вашем ВордПресс сајту, укључујући шаблоне које креирате помоћу Тоолсет-а.

Ако желите да видите неке примере шта Тоолсет може да уради и научите како функционише, погледајте документацију Тоолсет-а и референтне сајтове.

А ако желите сами да испробате Тоолсет, доњи линк за почетак.

Преузмите Тоолсет

Повезани чланци

답글 남기기

이메일 주소는 공개되지 않습니다.

Назад на врх дугмета