Да ли сте били фрустрирани форматирањем слика у ВордПресс-у? Постављање слика у ВордПресс-у једна поред друге није најлакши задатак у класичном уређивачу.
Пиоло Пасцуал и Марк Баптиста
Пребаците се на уређивач блокова и поравнавање слика се може обавити у неколико кликова. Није потребан ХТМЛ.
Ако више волите класични уређивач, потребно је нешто више да се ваше ВП слике поравнају једна поред друге. није тешко. Само мало ХТМЛ-а.
Читајте у наставку да бисте открили како да своје ВП слике поравнате помоћу класичног или Гутенберг уређивача.
Можете креирати галерију у својој библиотеци медија. Блоцк Едитор има блок галерије који аутоматски поравнава слике. Додавањем у класични уређивач слике се спајају, али подешавање ХТМЛ-а да плута их раздваја. Два додатка за галерију која функционишу су додатак Ултимате Схортцодес и Робо Галлери.
Прелазак на уређивач блокова
Подразумевани ВП едитор је уређивач блокова. Представљен је 2018. године са издањем ВордПресс-а 5.0.
С обзиром да додатак Цлассиц Едитор има 5+ милиона активних инсталација, јасно је да многи корисници нису одушевљени Гутенбергом.
Ако сте један од њих, ово је један од оних тренутака када ће вам помоћи коришћење уређивача блокова.
Постоји блок „галерија“ који вам омогућава да уметнете две колоне да бисте поравнали слике.
Одавде можете да убаците слике из библиотеке медија или да их отпремите директно са рачунара.
Слике се аутоматски поравнавају једна поред друге, а подразумевана поставка је за три слике.
Ако користите само две, те слике ће бити приказане једна поред друге.
Подразумевана подешавања галерије су да приказују до три слике једну поред друге по реду.
Ако желите четири слике у реду једну поред друге, промените подешавања Галерије на десној бочној траци.
Ако желите да додате још, само наставите да додајете још слика. Оно што се не уклапа у један ред створиће други ред.
Коришћење ХТМЛ-а у класичном уређивачу за добијање слика једна поред друге у ВордПресс-у
У класичном уређивачу ствари су другачије. Није урађено аутоматско мењање величине. Као такав, нећете добити формат уредног изгледа осим ако слике нису исте величине.
хосе мари чан божићне песме
Ако су ваше величине различите, уметните обе слике, кликните на икону за уређивање (мали симбол оловке када пређете мишем преко слике у режиму нацрта) и промените величину у „сличица“ или „средња“.
Велика величина је 1024 к 576 пиксела. Они су превелики да би се приказали један поред другог на веб страници. Они ће се наслагати уместо тога.
Ако желите да две мање слике буду приказане једна поред друге и центриране, немојте поравнавати слике у центар. И то ће их сложити.
Уместо тога, пређите са „визуелног” уређивача на „текстуални” уређивач и умотајте цео ХТМЛ за слике унутар ознаке <центер>. То је пре „<п><имг цласс=”алигнноне вп-имаге-### сизе-тхумбнаил” срц=”***”
Добијање размака између слика уметнутих у класични уређивач
Следећи проблем на који ћете наићи је размак. Подразумевано, стављање слика једну поред друге директно у класичном уређивачу их спаја. Између слика нема размака.
Да бисте добили размак, потребно је да уметнете плутајући елемент у ХТМЛ код.
Уместо да центрирају слике, слике се лебде са обе стране странице.
ХТМЛ код за то је
330Ц6623595Ц06ФА4Ц81БЕ08ЕФ9Б342987Б06509
10пк се може променити у било који број који желите. Што је већи број, већи је размак.
Прављење галерије из ваше библиотеке медија
Најједноставнији начин да добијете слике у ВордПресс-у једна поред друге помоћу класичног уређивача је креирање медијске галерије.
Кликните на дугме за додавање медија, а затим изаберите опцију за „креирање галерије“.
Одатле отпремите своје слике или изаберите оне из библиотеке медија.
Користите додатак Ултимате Схортцодес
Један од најлакших начина за уметање слика у ВордПресс које су поређане једна поред друге је да инсталирате додатак Ултимате Схортцодес.
Има бројне употребе. Сматрали смо да је то најједноставнији метод да направите оквир за текст у ВордПресс-у .
50 најбољих судија на свету
Учињено је једноставним кликом. Постоји толико много елемената које можете додати. Онај за поравнавање ваших слика једну поред друге је (без изненађења) елемент галерије.
Када се изабере, искочиће оквир за попуњавање детаља.
Приказује до четири слике једну поред друге, у зависности од подешавања максималне ширине и висине. Они ће се разликовати у зависности од ваше ВП теме.
Да бисте променили ширину, најбржи начин је да кликнете на сваку слику, изаберете опцију за уређивање и одаберете величину „сличице“, која је 150 к 150 пиксела.
Средњи је 300 к 300 пиксела, што је превелико за четири слике једну поред друге, али ће радити за само две слике једну поред друге. Велика величина неће радити јер има ширину од 1084 пиксела.
Добијте елегантније поравнате слике помоћу додатка Робо Галлери
Инсталација
Идите на мени додатака на левој бочној траци, изаберите да додате нови и претражите по кључној речи „Робо галерија“.
Пун назив је „Галерија слика од Робоа – Респонсиве Пхото Галлери“.
Додатни мени се додаје на вашу ВП бочну траку. Изаберите опцију „додај галерију/слике“ и изаберите једну од шест бесплатних опција изгледа, а затим кликните на дугме „направи галерију“.
жена затрудни од леша
Одавде дајте својој галерији наслов, кликните на „управљај сликама“ и она ће учитати вашу ВП библиотеку медија.
Додајте своје слике одатле или отпремите оне које желите да прикажете једну поред друге.
Померите се до следећег одељка за подешавања галерије и можете подесити поравнање галерије, размак (размак око сваке слике), дати сликама сличице на које се може кликнути и контролисати разна друга подешавања као што су сенке, па чак и користити лењо оптерећење за слике.
Када је ваша галерија креирана, притисните публисх. Да бисте га додали у своју објаву, користите кратки код галерије или кликните на дугме Робо галерија приказано изнад вашег поста или наслова странице.
Додатак Робо Галлери ради са класичним уређивачем. Компатибилан је и са уређивачем блокова, али за само поравнавање слика једна поред друге није потребан.
Едитор блокова може да се побрине за то. Међутим, има неколико додатних функција, па чак и ако користите уређивач блокова, ваше слике би вероватно могле бити боље приказане са овим додатком.