ВордПресс је био најчешће коришћени систем за управљање садржајем током година, јер се процењује да има а 64,2% тржишног учешћа између осталих ЦМС-ова. Чињеница да корисници без стручности у кодирању могу да праве и покрећу веб странице са неколико кликова била је једна од највећих атракција.
ВордПресс такође има директоријум са хиљадама тема које корисници могу да прилагоде својим потребама. Такође постоје хиљаде додатака које власници веб локација могу да користе да прошире функционалност својих сајтова.
Истакнута слика на вашим страницама и објавама је једна од ствари које морате узети у обзир ако желите да ваша ВордПресс веб локација буде јединствена, атрактивна и визуелно привлачна.
Међутим, такође морате осигурати да ова истакнута слика има праве димензије. Ако је истакнута слика премала, људи је неће видети.
С друге стране, ако је ова слика превелика, неће стати на мање екране попут паметних телефона и таблета. У овом чланку ћу разговарати о томе како променити величину истакнуте слике на ВордПрессу и зашто је то важно.
Преглед садржаја
Шта су истакнуте слике?
Истакнута слика је визуелни приказ ваше странице или поста. Ова слика је видљива испред наслова, а понекад је позната и као слика заглавља. Таква слика ће се појавити на врху ваших постова на вашем ВордПресс сајту.
Истакнута слика ће се такође појавити када делите постове/страницу на сајтовима трећих страна као што су платформе друштвених медија.
Да бих илустровао како функционише истакнута слика, користио сам „ВордПресс“ као фразу за претрагу на вдзвдз.цом. Моја идеја је била да све ВордПресс чланке ставим на нашу веб страницу. Са овог снимка екрана можете видети да се истакнута слика појављује непосредно пре наслова:
Међутим, када отворите пост, истакнута слика ће се појавити после наслова, али непосредно пре увода.
Зашто су истакнуте слике важне?
Изглед истакнуте слике зависиће од теме или прилагођавања. Зашто су истакнуте слике важне у посту/страници? Можемо ли имати постове без истакнутих слика? Ово су неки од разлога зашто вам је потребна истакнута слика:
- Визуелна привлачност: Истакнуте слике имају за циљ да ваш садржај учине привлачнијим и привлачнијим за ваше клијенте. Ако одаберете добру слику као своју истакнуту слику, створићете добар утисак и подстаћи ћете кориснике да комуницирају са вашим садржајем.
- Дељење на друштвеним мрежама: Свет на мрежи најбоље функционише када унакрсно делите свој садржај на различитим платформама. Истакнута слика ће се појавити када поделите своју објаву/страницу на друштвеним мрежама. Атрактивна истакнута слика ће повећати вероватноћу интеракције корисника друштвених медија са вашим садржајем.
- Структура садржаја: Добра веб локација треба да буде добро структурирана. Слике и други визуелни елементи помажу да се садржај разбије на делове и учини га читљивијим. Можете комбиновати истакнуте слике са другим типовима слика у вашим дугим чланцима.
- Генерисање сличица: Сличица је визуелни приказ који нуди брзи преглед онога што ћете пронаћи у посту. Истакнуте слике се могу користити као сличице у архивама постова и листама.
- Предности СЕО-а: претраживачи узимају у обзир многе ствари када рангирају веб странице. Можете да додате кључну реч фокуса у алтернативни текст своје истакнуте слике и учините да је претраживачи могу открити.
Која је подразумевана величина истакнуте слике на ВордПресс-у и зашто би неко желео да је промени?
Када снимате необрађене слике помоћу камере или преузимате слике, оне можда неће бити оптимизоване или одговарајуће величине да би биле истакнуте слике. У већини случајева, ВордПресс ће изабрати подразумевану величину изворне слике као величину истакнутих слика.
Нажалост, ово можда неће одговарати различитим случајевима употребе, па бисте стога требали поставити своје истакнуте слике на нешто близу 1200 к 628 пиксела.
Ово су неки од разлога зашто би требало да промените величину истакнуте слике:
- Оптимизујте брзину учитавања веб странице: Природа садржаја и графике коју имате на својој веб локацији утиче на укупну брзину учитавања. Оптимизација величине ваших слика осигурава да нећете преоптеретити сервере и довести до лоших брзина.
- Предности СЕО-а: Претраживачи узимају у обзир ствари попут брзине учитавања и корисничког искуства приликом рангирања веб локација. Промена величине истакнутих слика обезбеђује да се ваше странице брзо учитавају и да слике реагују на различите величине екрана.
- Побољшајте визуелну привлачност: Оптимизација ваших слика је први корак ка стварању доброг утиска о вашој веб локацији. Увек се побрините да оптимизујете своје истакнуте слике, јер су оне прва ствар са којом људи комуницирају.
Неке теме вам подразумевано не дозвољавају да поставите истакнуту слику на једну објаву. Не желите да пропустите предности постојања истакнуте слике на својим објавама, зар не? Срећом, још увек можете да приказујете истакнуте слике на једном посту на ВордПресс-у помоћу ручног тверкинга.
Како променити величину слике функције ВордПресс-а
Изглед ваше веб странице зависиће од теме коју користите. Избор уређивача је такође важан фактор када мењате величину истакнутих слика. У сврху демонстрације, користићу веб страницу на којој ради Невспаперек и користећи ВордПресс Цлассиц едитор. Такође ћу користити слику из Пикабаи и преузеће један са 1280*853 пиксела.
Пратите ове кораке:
#1. Додајте нови пост: Под претпоставком да сте већ пријављени на своју ВордПресс локацију, на врху потражите „+Ново“ и кликните на „Објави“.
#2. Поставите истакнуту слику: Уређујем објаву на својим нацртима; Прескочићу друге задатке попут додавања наслова и садржаја. Померићу се до дна и кликнути на „подеси истакнуту слику“.
Ја ћу кликнути на икону ‘уплоад филес’ пошто сам већ преузео слику на свом рачунару.
#3. Промените величину слике: Након отпремања моје истакнуте слике, ВордПресс је аутоматски изабрао 1280*853 пиксела као своје димензије. Међутим, желим да поставим своју слику на 1200 * 628 пиксела. Сада могу да кликнем на „Уреди слику“.
Затим ћу кликнути на ‘Сцале’.
Сада могу да подесим димензије на 1200 * 628 пиксела.
Сачувајте измене и објавите свој пост.
Алтернативни приступи за промену величине ваше истакнуте слике
Уређивање димензија слике у ВордПресс-у један је од многих приступа које можете користити да промените величину истакнутих слика. Ово су други приступи:
#1. Онлине алати
Можете да отпремите истакнуте слике „спремне за објављивање“ након што им промените величину помоћу алата на мрежи. Ако желите да подесите свој истакнути пост, можете га подесити на 1200 * 628 пиксела користећи онлајн алат као што је Адобе Екпресспреузмите га и отпремите на свој ВордПресс без даљих модификација.
Избор алата зависиће од употребљивости. Такође можете користити неке од ових алата да компримујете своје слике и смањите време учитавања.
#2. Коришћење ЦСС-а
Већина корисника ВордПресс веб локација не пише ЦСС да би стилизовао своје апликације. Међутим, ако знате нешто о ЦСС-у, можете променити величину своје истакнуте слике без много муке. Ово укључује писање прилагођеног ЦСС-а у стилес.цсс листу.
Прва ствар коју треба да идентификујете је класа која садржи истакнуту слику. Затим можете да истакнете димензије истакнуте слике у тој класи. На пример, ако имамо класу познату као хигх-флиерс и желимо да додамо наш прилагођени ЦСС код, ово је оно што ћемо имати:
high-flyers img {
width: 100%; /* Make the image fill its container */
height: auto; /* Maintain aspect ratio */
max-width: 1200px; /* Limit the image width to 1200 pixels */
max-height: 628px; /* Limit the image height to 628 pixels */
}
#3. Коришћење ПХП-а
ВордПресс је дизајниран да задовољи и програмере и оне који нису програмери. Можете променити величину својих истакнутих слика уређивањем ПХП кода ако сте добар ПХП програмер. Најбољи приступ уређивању ваших ПХП датотека је коришћење подређених тема тако да промене неће бити изгубљене када ажурирате своју родитељску тему.
Морате бити упознати са ВордПресс директоријумом и структуром датотека ако желите да овај приступ функционише. Пронађите фунцтионс.пхп у својој дечијој теми и додајте овај код:
<?php set_post_thumbnail_size( 1200, 628, true ); // Set the dimensions to 1200x628 pixels with cropping ?>
Међутим, треба да будете опрезни, јер једноставна грешка може да уништи целу веб локацију.
Како променити величину слика у ВордПресс-у
Истакнута слика није једина врста слике коју ћете имати у својој објави/страници. Типичан пост ће имати различите слике, а њихове димензије се разликују. Различите теме могу имати различите димензије које су подразумевано подешене. Можете да подесите како ће се слике појавити на вашој веб локацији на вашој контролној табли ВордПресс.
На вашој ВордПресс контролној табли идите на „Подешавања“ и кликните на „Медији“.
Сада можете да мењате различите ствари као што су сличице, максимална ширина и максимална висина слика средње и велике величине. Након што извршите измене, кликните на „сачувај“.
Закључак
Не можемо довољно нагласити колико је важно имати истакнуте слике на вашим објавама и страницама. Надамо се да разумете како да промените величину истакнутих слика и зашто је то важно.
Избор приступа зависиће од ваших вештина и преференција. Уверите се да сте изабрали праву слику јер ће њен изглед и мета детаљи сигнализирати корисницима да вашу веб локацију схвате озбиљно или не.
Такође можете истражити неке фантастичне генераторе слика.