Создаем свой сайт на WordPress. ( PDFDrive ). Г78 Создаем свой сайт на WordPress быстро, легко и бесплатно. 2е изд. Спб
![]()
|
135 Первая публикация других) и нажмите OK Файл будет отправлен на сервер (рис 5 19), время загрузки зависит от размера файла Рис. 5.18. Окно добавления изображения После загрузки изображения вы можете изменить его заголовок, а также добавить подписи, описание и альтернативный текст (атрибут Alt — на- звание картинки для поисковых систем) В поле Выравнивание вы можете назначить, будет ли изображение выравниваться по центру, слева или справа В поле Ссылка при необходимости устанавливается гиперссылка на страницу, открывающуюся при клике на картинку Это может быть ссылка на исходный файл на сервере или ссылка на страницу с картинкой (для автоматической вставки этих ссылок нажмите соответствующую кнопку), вы также можете указать ссылку вручную, например, ссылку на запись, в которую вставляется картинка Поле Размер определяет, в каком виде загруженная картинка будет выводиться в записи: можно оставить 136 Глава 5 Подготовка и публикация материалов исходный размер, либо выводить картинку в уменьшенном среднем раз- мере или в виде миниатюры 150 ×150 пикселов Рис. 5.19. Файл start.png загружен на сервер ПРИМЕЧАНИЕ Как вы можете увидеть в поле Ссылка , полный путь к фай- лу на сервере имеет вид http://mysite.ru/wp-content/ uploads/2013/06/mypic.png Это является следствием того, что в настройках WordPress в разделе «Настройки медиафайлов», мы активировали опцию «Помещать загруженные мной файлы в папки по месяцу и году» Если вы собираетесь добавить картинку в материал сразу, нажмите кнопку Вставить в запись в правом нижнем углу окна Если вы по ошибке 137 Первая публикация загрузили не тот файл, нажмите на ссылку Удалить навсегда в разделе Параметры файла , и картинка будет удалена с сервера В качестве иллю- страции продемонстрируем результат добавления изображения start.png в нашу первую запись Для этой картинки была указана подпись «Создание сайтов на CMS» и установлена вставка миниатюры (150 ×150 пикселов) слева с обтеканием текста Результат вы можете наблюдать на рис 5 20 Если вас не устраивает результат (например, установленные размеры для изображения или его расположение в записи), эти параметры можно изменить прямо в визуальном редакторе (рис 5 21) Использовав рамку вокруг рисунка, можно изменить его размеры или переместить в другое место записи Кнопка удаляет рисунок из записи (но не с сервера!), а нажатие кнопки вновь открывает диалоговое окно загрузчика медиафайлов, в котором вы можете изменить эти и другие параметры отображения рисунка Кроме того, отредактировать отображение картинки можно и в режиме HTML-редактора, внеся изменения в теги, отвечающие за вывод изо- бражения Рис. 5.20. Изображение добавлено в запись 138 Глава 5 Подготовка и публикация материалов Рис. 5.21. Изменение параметров рисунка Как вы помните, картинку можно добавить не только путем загрузки файла на сервер, поэтому рассмотрим остальные два способа Для этого нам нужно вернуться на шаг назад и снова нажать кнопку Добавить меди- афайл на панели редактирования записи В открывшемся окне перейдем на вкладку Вставить с сайта (рис 5 22) Окно добавления внешней картинки практически идентично окну на вкладке С компьютера , за исключением того, что отсутствует загрузчик файлов, но присутствует поле Адрес (URL) , в которое необходимо ввести полный путь к внешнему файлу СОВЕТ Чтобы узнать адрес картинки, щелкните по ней правой кнопкой мыши и выберите пункт Свойства В открывшемся окне будет указан полный URL-путь к файлу, этот путь необходимо ско- пировать Кроме того, многие современные браузеры позволяют скопировать путь к картинке в один клик, например, в Mozilla Firefox и Google Chrome для этого существует пункт контекст- ного меню Копировать ссылку на изображение ( Копировать URL картинки ) |