Яндекс.Метрика
Вторник, 23 октября 2018 16 +   Подписка на обновления  RSS  Письмо редактору
Популярно
Сайт с нуля Урок №15. Добавление изображений и видео на WordPress
1:39, 22 ноября 2017

Сайт с нуля Урок №15. Добавление изображений и видео на WordPress


Want create site? Find Free WordPress Themes and plugins.

Урок №15.Добавление изображений и видео на WordPress

Сайт с нуля

Продолжаем наши уроки друзья!

Искренне надеюсь что они были для вас полезны и помогли вам создать свой собственный сайт!
Это один из наших последних уроков по созданию сайта с нуля , далее будут уроки по продвижению и монетизации наших с вами ресурсов.
Сегодня поговорим и разберем, как же добавить фото, изображения и видео на страницы, нашего сайта.

В предыдущем уроке мы создали свою первую текстовую статью на наш сайт, а теперь попробуем добавить медиа файлы на наш сайт! Это сделает наш сайт более красочным и поисковики будут воспринимать его как хороший и полезный ресурс.

Начнем с добавления изображений!

Как добавить картинку в статью
Открываем нашу первую статью, которую мы создали в прошлом уроке.
В том уроке, мы разобрали горячие клавиши wordpress. Для добавления изображений на сайт, необходимо выбрать место расположения нашей картинки. Я как вы уже могли заметить предпочитаю вставлять картинки, в самом начале статьи, выравнивая текст по левому краю. Покажу как я это реализую!

Сайт с нуля

Для начала нам необходимо загрузить подходящую картинку на наш компьютер.
Создаем на компьютере папку «картинки», куда и будем сохранять все наши картинки.
Я нахожу изображения в яндексе простым поиском. Нужно мне к примеру изображения тигра .Вбиваю в поиске «фото тигра». Яндекс предоставит на выбор большое количество картинок. Выбираю подходящую и жму правую кнопку мыши  . Далее выбираю пункт «Сохранить картинку как…» и указываю путь в созданную для изображений, на моем компьютере папку.
Затем необходимо вернутся в вордпресс к созданной ранее текстовой статье. Наводим курсор в начало статьи (если вы хотите вставить фото в другое место, то наводите самостоятельно) и кликаем по горячей клавише «Добавить медиафайл»— о которой мы говорили в прошлом занятий!

Откроется новое окно, в котором система предложит нам откуда брать файл, из «Библиотеки файлов» или же «Загрузить файлы». Так как это наша первая картинка, то мы будем загружать картинку из папки на компьютере, куда мы ее предварительно сохранили. Здесь все просто, как дважды два. Выбираем путь к файлу и жмем «Открыть». В последствий если необходимо добавить картинку повторно, можно воспользоваться библиотекой файлов.
Можно заполнить все поля, но я выбираю лишь выравнивание по левому краю и размеры изображения.  Размеры изображения измеряются в пикселях. Когда все готово жмем «вставить в запись»!

На страницах нашего сайта появляется код!
Код можно самостоятельно редактировать! Нас интересует атрибут align (выравнивание). Вот примеры:
alignleft— выравнивание по левому краю;
aligncenter-выравнивание по центру;
alignright— выравнивание по правому краю;
Так же необходимо производить редактирование размеров изображения:
width=»150″— ширина картинки в пикселях, можно прописывать в процентах (width=»100%»— ширина равная размерам страницы);
height=»150″-высота изображения в пикселях;

Как добавить видео в статью
Тут все намного проще. Видео добавляем с YouTub. Можно использовать как собственное видео, так и чужое!
Копируем html код видео и вставляем в необходимое место на нашем сайте. Редактируем размеры для того чтобы видео не вылезало за границы блога .Вот и все!

На этом все. Возникли вопросы, задавайте в комментариях. Не забывайте поделиться статьей со своими друзьями, ведь возможно они до сих пор не знают Как добавить видео и изображения на свой сайт!
БЕРЕГИТЕ СЕБЯ!

 

Сайт с нуля Урок №15. Добавление изображений и видео на WordPress
5 (100%) 1 vote

Did you find apk for android? You can find new Free Android Games and apps.
#ref-menu

Об авторе: Виталий Субботин

Виталий Субботин
Привет всем! Веб-Мастерам с БОЛЬШОЙ буквы и начинающим Веб-Мастерам . На моём сайте я собираю полезный контент для работы с своими сайтами и делюсь с Вами БЕСПЛАТНО! Киньте сайт в закладки ведь в переди будет много интересного и полезного , А Это и мануалы по заработку на своих сайтах и конечно же полезный софт. Вы также можете меня отблагадорить и помочь сайту развиваться . R200527877763 Z618448663300 U390420060062 E575376590833

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2018 Web Master
Веб-Мастер Клуб Заработок в глобальной сети интернет