Изработка на уеб сайтове | Vipe Studio » Уеб дизайн » Качване на фонови изображения в WordPress сайт

Качване на фонови изображения в WordPress сайт

ВРЕМЕ ЗА ЧЕТЕНЕ: Минути

Задаването на персонализирано фоново изображение изглежда като доста лесна задача. Просто го качвате, слагате го на правилното място и го чакате да се появи, нали така?

В повечето случаи е точно така, но има и такива, в които поставянето на фон става доста сложна задача. Ето защо препоръчваме да следвате най-добрите практики за качване на фонови изображения във вашия WordPress уебсайт, за да избегнете възможно най-много проблеми.

Придържайте се към висококачествени изображения

Резолюцията на изображението често е решаваща за презентацията на фона. Може би си мислите, че изображение, което сте направили със смартфона си е идеално за фоново изображение, нали така?  Но истината е, че в повечето случаи трябва да е с много по-високо качество.

Можете да платите за професионално направено изображение от някой сайт, като например Shutterstock.  Другият вариант е да намерите изображение с добро качество в безплатните сайтове за ресурси.

Фоновото изображение може и да не се вижда на целия екран, защото често е скрито от съдържанието на сайта, но все пак цялото картинка е разпределена напълно на целия екран.

Ако не използвате изображение с висока резолюция може да се натъкнете на проблеми като например, фонът ви да изглежда размазан или прекалено разтегнат.

Проверете дали изображенията ви са оразмерени правилно

Освен качеството на изображението, много важен е и физическият размер.

Всички екрани имат различно съотношение на страните. А когато включим и мобилните устройства, уравнението става още по-сложно. Целта ви е да използвате изображение, което пасва добре и на най-големите екрани, защото иначе рискувате отново да се разтегли прекалено много и да изглежда зле.

Общо взето добро правило е да се придържате към минимален размер на фоновото изображение от 1024 x 768 пиксела. Други експерти препоръчват нещо повече като 1920 x 1080 пиксела. Като цяло най-добрият начин на действие е да останете някъде между 1000 и 3000 пиксела за ширината, в зависимост от това къде се показва изображението във вашия WordPress уебсайт.

  5 грешки, които да не допускате в UX дизайна на WordPress сайт

Следващият фактор, който трябва да имате предвид, е съотношението на снимката. Фоновото изображение ще покрива ли целия уебсайт или ще бъде само в горната му част?

Технически уебсайтът има портретно (по-голяма височина от ширина) съотношение. Така че може да разгледате тези видове снимки. Фоновете, които са само за някаква част от сайта като например тези за заглавия или банерни – трябва да останат в хоризонтално форматиране (по-голяма е ширината от височината).

Също така най-често срещаното съотношение на страните за настолни компютри днес е 16:9. Придържането около това съотношение също помага. Тема с отзивчив дизайн или плъгин може да регулира автоматично фоновото изображение за мобилно изобразяване.

В крайна сметка, тестването на фоновите ви изображения на действителен сайт и множество типове устройства трябва да улесни окончателното решение.

Оптимизирайте, преди да направите фоново изображение на WordPress

Както при всички изображения, качени в WordPress, така и с фоновите, бихте си направили лоша услуга, ако не ги оптимизирате преди да публикувате в интернет. Това е особено важно за фоновите изображения, тъй като те често се показват на множество страници в уебсайта ви. Освен това са големи снимки и покриват значително пространство от екрана.

По-големите изображения натоварват значително сървъра ви. Поддържайте резолюцията на изображението ви, но оптимизирайте размера му, така че уебсайтът ви да се зарежда бързо.

  6 тактики за защита на WordPress сайт

Имате два варианта за оптимизиране на изображения:

  • Оптимизирайте фоновите изображения (и всички изображения на уебсайта), преди да ги качите в WordPress. Завършете този ръчен процес с помощта на инструменти като Photoshop Express, GIMP и Pixlr.
  • Автоматизирайте процеса на оптимизация, като инсталирате плъгин за WordPress, който преоразмерява и свива снимките при качване.

Проверете за фонова поддръжка преди да инсталирате тема

За съжаление не всички теми в WordPress имат фонова поддръжка. Това често е така, защото фонът не се вписва в цялостния дизайн на темата, така че разработчикът решава просто да го изключи напълно.

И все пак, ако наистина много искате да имате фоново изображение е добре да проверите функциите на дадената тема, когато я свалите, особено ако плащате за премиум такава.

Ако изпитвате затруднения с избора на подходяща тема или облик на вашия WordPress уебсайт, свържете се с нас. 

Използвайте пейдж билдъри

Пейдж билдъри като Gutenberg, WPBakery, Divi и Elementor предлагат доста голям списък с места, на които може да вмъкнете фоново изображение.

Без билдър с плъзгане и пускане става малко по-трудно да конфигурирате фоново изображение. Особено трудно е, когато изникнат някакви проблеми по пътя и не може да ги оправите.

Пейдж билдърите също имат тенденцията да заменят функцията за фоново изображение по подразбиране, предоставена чрез WordPress. Можете да замените ограниченията на темата или всякакви други липсващи елементи, които помагат да се покаже фоново изображение в кода.

Проверете дали фоновото ви изображение е законно

Това винаги изкача, когато работим със снимки изтеглени от интернет. В социалните медии има нарастваща тенденция, при която хората изглежда предполагат, че добавянето на детайли за автора към снимка автоматично прави възможно използването на тази фотография.

  Как да сменяте шрифтове в WordPress

Естествено това е погрешно вярване.

Който е направил снимката, той е истинският ѝ собственик. Ако искате законните права за снимката на друг човек, трябва да напишете писмено заявление към собственика, което може да е и под формата на имейл.

Трудната част за фоновите изображения е, че обикновено не е практично да се добавя обяснение за собственика, тъй като в WordPress уебсайта ви няма къде да включите видим надпис за фоновите изображения. И не, не можете да добавите детайлите на някоя произволна публикация в блога ви или страница и да очаквате, че това ще е достатъчно.

За да се предпазите и да уважите тези, които правят снимките, вземете под предвид едно от следните неща, когато качвате фоново изображение в WordPress:

  • Направете снимката сами. Това е най-сигурният начин да сте сигурни, че не нарушавате правата на някой друг.
  • Купете снимките от сайтове като Shutterstock или iStockPhoto. По принцип тези снимки са малко скъпи, но ако ви е нужно само фоново изображение може би ще се вмести в бюджета ви.
  • Обмислете идеята да използвате сайт за безплатни изображения като Unsplash или Pexels. На изображенията от тези сайтове няма нужда да добавяте описание за автора, освен ако не е изискано.
  • Свържете с автографа или собственика на снимката и просто го попитайте дали може да я използвате.
  • Помислете за вариант без фон или пък фон без изображение, а само с цвят.

Това са нашите основни съвети при качване на фон на WordPress сайт. Вярваме, че значително улесняват задачата.

Етикети:

Vipe Team

Автор Vipe Team

Нашият неуморен екип, който създава качествено WordPress насочено съдържание за Вас 24/7/365.