ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

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

.

1313145391_information-sapПродолжаем наши уроки друзья!
Искренне надеюсь что они были для вас полезны и помогли вам создать свой собственный сайт!
Это один из наших последних уроков по созданию сайта с ноля (по шагово), далее будут уроки по продвижению и монетизации наших с вами ресурсов.
Сегодня поговорим и разберем, как же добавить фото, изображения и видио на страницы, нашего сайта.
В предыдущем уроке мы создали свою первую текстовую статью на наш сайт, а теперь попробуем добавить медиа файлы на наш сайт! Это сделает наш сайт более красочным и поисковики будут воспринимать его как хороший и полезный ресурс.
Начнем с добавления изображений!
Как добавить картинку в статью
Открываем нашу первую статью, которую мы создали в прошлом уроке.
В том уроке, мы разобрали горячие клавиши wordpress. Для добавления изображений на сайт, необходимо выбрать место расположения нашей картинки. Я как вы уже могли заметить предпочитаю вставлять картинки, в самом начале статьи, выравнивая текст по левому краю. Покажу как я это реализую!
Для начала нам необходимо загрузить подходящую картинку на наш компьютер.
Создаем на компьютере папку «картинки», куда и будем сохранять все наши картинки.
Я нахожу изображения в яндексе простым поиском. Нужно мне к примеру изображения тигра .Вбиваю в поиске «фото тигра». Яндекс предоставит на выбор большое количество картинок. Выбираю подходящюю и жму правую кнопку мыши  . Далее выбираю пункт «Сохранить картинку как...» и указываю путь в созданную для изображений, на моем компьютере папку.
Затем необходимо вернутся в вордпресс к созданной ранее текстовой статье. Наводим курсор в начало статьи (если вы хотоите вставить фото в другое место, то наводите самостоятельно) и кликаем по горячей клавише «Добавить медиафайл»— о которой мы говорили в прошлом занятий!
Откроется новое окно, в котором система предложит нам откуда брать файл, из «Библиотеки файлов» или же «Загрузить файлы». Так как это наша первая картинка, то мы будем загружать картинку из папки на компьютере, куда мы ее предварительно сохранили. Здесь все просто, как дважды два. Выбираем путь к файлу и жмем «Открыть». В последствий если необходимо добавить картинку повторно, можно воспользоватся библиотекой файлов.
Можно заполнить все поля, но я выбираю лишь выравнивание по левому краю и размеры изображения.  Размеры изображения измеряются в пикселях. Когда все готово жмем «вставить в запись»!
На страницах нашего сайта появляется код!
Код можно самостоятельно редактировать! Нас интересует атрибут align (выравнивание). Вот примеры:
alignleft— выравнивание по левому краю;
aligncenter-выравнивание по центру;
alignright— выравнивание по правому краю;
Так же необходимо производить редактирование размеров изображения:
width="150"— ширина картинки в пикселях, можно прописывать в процентах (width="100%"— ширина равная размерам страницы);
height="150"-высота изображения в пикселях;
Полезные статьи:
Как сделать изображения круглыми!
Как автоматически удалить ссылки с изображений!
Как сделать и отредактировать скриншот!
Как добавить видио в статью
Тут все намного проще. Видио добавляем с YouTub. Можно использовать как собственное видио, так и чужое!Подписывайтесь на мой канал!
Копируем html код видио и вставляем в необходимое место на нашем сайте. Редактируем размеры для того чтобы видио не вылазило за границы блога .Вот и все!
Мои видио уроки:
Создание 3-d обложки для электронной книги!
На этом все. Возникли вопросы, задавайте в комментариях. Не забывайте поделиться статьей со своими друзьями, ведь возможно они до сих пор не знают Как добавить видио и изображения на свой сайт!
БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

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

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