Владимир Вдовиченко

Создание сайта от А до Я. Книга 3


Скачать книгу

правильно брать бесплатные картинки для сайта – http://youtu.be/sck3GEKxGv8

      Для начала хотим предупредить вас, что у многих красивых картинок есть свои хозяева с авторскими правами. Чтобы не попасть в неловкую ситуацию, в которой вас могут обвинить в плагиате (воровстве) картинок, пользуйтесь сервисами свободного доступа к изображениям (см. Приложение). В самом крайнем случае оставляйте ссылку на сайт, откуда взято изображение. Ссылку можно давать как по тексту, так и разместить её на самом изображении где-нибудь внизу справа. Сделать это можно в любом графическом редакторе.

      https://ru.support.WordPress.com/themes/custom-header-image/

      Многие темы WordPress.com позволяют пользователям загружать свои собственные изображения заголовка с нанесённым на него красивым текстом

      Загрузка изображения заголовка

      Перейдите на страницу консоли Внешний вид -> Заголовок. Если такой возможности нет, значит, ваша тема не поддерживает выбор изображения заголовка.

      Жмём «Добавить»

      Нам предлагают загрузить файл из Библиотеки (они на рисунке) из интернета или с компьютера.

      Внимание! Можно использовать только файлы. jpeg,.gif, и. png. Все обрезанные изображения будут преобразованы в формат JPEG. Лучше всего использовать изображение правильного размера, т.е. подходящего для вашей темы. Чтобы сохранить прозрачность, используйте изображения. gif или. png правильного размера.

      Если вы загрузили изображение, размеры которого не подходят выбранной теме, вам предложат его обрезать. Не торопитесь это делать, ведь вам дорог рисунок в том виде как вы его подготовили. Иногда можно растянуть рамку обрезки на всю картинку, затем жмём «Не обрезать» и потом «Вставить» или «Опубликовать».

      Наложить красивый текст на фото можно с помощью следующих приложений.

      – Pics Art; 144 мб рус

      – Aviary; 39 мб рус

      – InShot; 97мб рус бесплатно

      – Camly 125 мб рус бесплатно (+много крутых наклеек);

      – PicSee 126 мб рус бесплатно (текст в фигурных рамочках);

      – https://ofont.ru/category/0 более 5000 русских шрифтов

      После сообщения о смене заголовка можно перейти на сайт и посмотреть, как он выглядит.

      Уже неплохо!

      Забегая немного вперёд, чтобы в дальнейшем не вносить изменения в уже сформированный сайт, опишем необходимые SEO настройки изображения.

      SEO оптимизация изображений для сайта

      Внимание! Картинки берите не просто в Интернете, а на бесплатных фотостоках – https://unsplash.com/, https://pixabay.com/ и https://www.pexels.com/

      1.Если изображение слишком большое, то будет более верно разместить превьюшку (уменьшенное изображение) с возможностью перехода по дополнительной ссылке для просмотра полноразмерного изображения.

      <a href=«место размещения оригинала»> <img src=«место размещения превью»> </a>

      2.Ниже картинки с помощью тега «p» вставляют её описание.

      <img src=«адрес изображения» alt=«альтернативная подпись изображения» />

      <p>