Как вставить картинку в текст статьи Начальная школа

Как вставить картинку в текст статьи Начальная школа 964


style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9038233983914754"
data-ad-slot="5706208564">


 —

Картинка на сайтНаверное еще из детства, каждый из нас помнит, что книжки с картинками читать было всегда интересней, чем книжки без картинок.  Любой взрослый, это по-сути тот же ребенок, поэтому, когда мы с вами будем писать статьи на своем сайте, желательно, чтобы всякое описание сопровождалось иллюстрациями. Сколько иллюстраций должно быть в вашей статье, решать, конечно же вам. Мы должны помнить, что простой текст загружается всегда быстрее, но тем не менее, есть определенные виды информации, которые, без визуального сопровождения воспринимаются читателями не так реалистично. Это относится к кулинарным, обучающим, туристическим сайтам и многим другим. Поэтому в этой теме мы рассмотрим, как вставить картинку в текст статьи.


Мы предоставляем вам материалы для обучения совершенно БЕСПЛАТНО!!! Пожалуйста, поделитесь этой информацией с вашими друзьями через одну из социальных сетей, это будет ваш небольшой взнос в развитие нашего сайта. Заранее благодарим!


 

1. Для начала необходимо приготовить саму картинку, которую мы будем вставлять в текст статьи. Лучше всего использовать свои собственные изображения, сделанные с помощью фотоаппарата. Но если своих изображений у вас нет, то их можно просто скачать из интернета.

 

2. Далее, картинку нужно оптимизировать, т.е. подогнать под соответствующий размер. Ширина видимого окна сайта, отображающегося в браузере примерно 600 pcs, без учета сайдбара. Соответственно, если вы хотите, чтобы картинка занимала всю ширину страницы, то по размеру её нужно выбирать где-то в этих пределах. Если вам понравилась картинка гораздо большего размера, её предварительно можно уменьшить при помощи программы Paint, которая по умолчанию установлена в любой операционной системе Windows. Если у вас нет такой программы, не переживайте, редактор Вордпресса предложит вам на выбор три варианта размера изображения, которое в последствии вы сможете изменить как вам угодно. Об этом мы будем говорить ниже. Стандартная картинка, вставленная в текст статьи, имеет в среднем, размеры 300300 pcs

 

3. Далее, если вам предстоит вставлять в текст несколько картинок, вы можете заранее закачать их все в библиотеку через меню WordPress  Медиафайлы — Добавить новый. (Рис.1)  Если же  вы планируете оживить вашу статью одним изображением, то это можно будет сделать в процессе написания статьи в редакторе страницы (Рис.2).

Рис.1


style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9038233983914754"
data-ad-slot="5706208564">

Как вставить картинку в текст

 

4. Для этого отмечаем щелчком левой кнопкой мыши место внедрения картинки и  жмем  кнопку Добавить медиафайл, расположенную под заголовком статьи.

Рис.2

Как вставить картинку в текст 2

5. Далее, загрузить файлы (шаг 1)(рис.3) выбираем заранее скачанный файл с изображением на своем компьютере. Если же файлы были заранее закачаны на сайт через добавить медиафайл, то достаточно выбрать их из библиотеки файлов (шаг 2).  В параметрах отображения файла (справа), выбираем расположение нашей картинки. В моем варианте это будет выравнивание слева (шаг 3). В зависимости от того, какого размера картинку вы хотите опубликовать, в графе размер, выбираем один из трех вариантов (шаг 4), и жмем вставить в страницу (шаг 5).

 

— Рис.3

Как вставить картинку в текст 3

 

6. После этого, в обозначенном месте, на странице отобразится наша картинка. У меня картинка получилась очень большая, по отношению к тексту, поэтому мне нужно будет её немного уменьшить. Я жму курсором мышки на саму картинку, и выбираю из двух появившихся иконок, иконку с изображением. Это и есть редактор изображения.

Рис.4

Как вставить картинку в текст 4

 

7. Далее попадаем на страницу редактирования изображения. На вкладке Дополнительно делаем изменение размеров картинки. Для этого в левом столбце опускаемся на отметку 60-70-80 -90%, в зависимости от кого на сколько нужно уменьшить картинку. Сразу же ниже,  в Дополнительных параметрах , мы увидим изменения ширины и высоты картинки. Таким образом, можно подобрать оптимальный размер изображения.  Снизу можно указать размер рамки, я указываю значение 1.  Далее ставим галочку в параметре Открывать в новом окне (Рис.6). Обновляем страницу.

 

В некоторых случаях бывает, что при внедрении картинки в текст, сам текст и картинка как бы сливаются друг с другом и это немного некрасиво выглядит. Для того, чтобы предотвратить такой момент, рядом с параметром Рамка, есть параметры Отступ (V) и Отступ (Н) (Рис.5).  V- отступ по вертикали, H — отступ по горизонтали.  Здесь можно  указать параметры, примерно 2-3. У меня текст отображается вполне корректно, поэтому я эти окошки не заполняю.

Рис. 5

Как вставить картинку в текст 5

Рис. 6

Как вставить картинку в текст 5-1

 

— 8. Если при загрузке картинки вы не оптимизировали картинку под поисковую систему, это можно сделать в любое время на вкладке Редактировать (Рис.7).  Здесь можно изменить порядок расположения картинки: слева, справа, по центру. Чтобы текст не появлялся сбоку картинки, а был лишь под или над ней, необходимо выбрать выравнивание Нет. Графу заголовок нужно обязательно заполнить. При желании можно сделать так, что наша картинка будет находиться не только в рамке, но и иметь под собой подпись. Для этого в графе Подпись нужно ввести соответствующее описание. Обновляем страницу.

 

Теперь вы умеете самостоятельно вставлять картинку в текст и оптимизировать её.

рис. 7

 Как вставить картинку в текст 6

 

 

Так же можно еще почитать статьи с пометкой «Работа с контентом»:

 

 

Join the Forum discussion on this post


style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9038233983914754"
data-ad-slot="5706208564">

Как вставить картинку в текст статьи Начальная школа 56
Как вставить картинку в текст статьи Начальная школа 100
Как вставить картинку в текст статьи Начальная школа 69
Как вставить картинку в текст статьи Начальная школа 93
Как вставить картинку в текст статьи Начальная школа 68
Как вставить картинку в текст статьи Начальная школа 31
Как вставить картинку в текст статьи Начальная школа 44
Как вставить картинку в текст статьи Начальная школа 46
Как вставить картинку в текст статьи Начальная школа 67
Как вставить картинку в текст статьи Начальная школа 73
Как вставить картинку в текст статьи Начальная школа 55
Как вставить картинку в текст статьи Начальная школа 3
Как вставить картинку в текст статьи Начальная школа 1
Как вставить картинку в текст статьи Начальная школа 86
Как вставить картинку в текст статьи Начальная школа 49
Как вставить картинку в текст статьи Начальная школа 97

Похожие новости:

  • Лучшие поздравления лучшей подруги с юбилеем 30
  • Шарнирная кукла сделанная своими руками
  • Новогодние подарки детям и налогообложение
  • Ремонт мебели своим и руками
  • Стильные украшения из золота