Создаем свой сайт на WordPress. ( PDFDrive ). Г78 Создаем свой сайт на WordPress быстро, легко и бесплатно. 2е изд. Спб
 Скачать 4.92 Mb.
|
|
132 Глава 5 Подготовка и публикация материалов Базовых тегов, которых хватает для большинства типичных задач фор- матирования, немного, и их легко запомнить В Интернете вы без труда найдете справочную информацию по HTML-тегам, например, можно воспользоваться вот этим удобным сайтом: http://htmlka.com/text , либо следующим онлайн-справочником: http://www.htmlbook.ru СОВЕТ Главное правило при вводе HTML-тегов вручную — не забы- вать закрывать их, иначе действие тега вместо одного слова или фразы распространится на весь документ Эта ошибка настолько распространена, что разработчики WordPress даже вывели на панель инструментов специальную кнопку «Закрыть теги» Помимо ручного ввода тегов, для форматирования текста можно исполь- зовать специальные кнопки панели инструментов, которые автоматически добавляют тот или иной тег для выделенного фрагмента Надо сказать, что этот способ гораздо более удобен и для вставки типовых тегов лучше использовать его Рассмотрим панель инструментов, присутствующую в HTML-редакторе (рис 5 16) Рис. 5.16. Панель инструментов HTML-редактора • Кнопка добавляет тег (альтернативное написание — ), выделяющий текст полужирным начертанием • Кнопка добавляет тег (альтернативное написание — ), применяющий курсив • Кнопка вставляет тег , который преобразует выде- ленный текст в гиперссылку После нажатия этой кнопки появится диалоговое окно, в котором нужно ввести URL-адрес для ссылки • Кнопка добавляет тег , применяющий к выде- ленному тексту стиль «цитата» 133 Первая публикация • Кнопка добавляет тег , перечеркивающий выделенный текст • Кнопка добавляет тег , предназначенный для выделения текста, который был добавлен в новую версию документа Теги и обычно используются в связке, впрочем, как правило, они при- меняются в технической документации, а для обычных публикаций (новости и статьи) они не совсем подходят • Кнопка вставляет в запись тег для отображения графического файла После нажатия кнопки в открывшемся диа- логовом окне нужно ввести URL-путь к картинке При этом не имеет значения, расположен графический файл на вашем сервере или вы вставляете ссылку на картинку, размещенную на другом сайте • Группа из трех следующих кнопок отвечает за добавление тегов для отображения списков вводит нумерованный список, — маркированный список, а формирует отступ, кото- рым обычно оформляются списки Тегами и необходимо размечать каждую строчку списка, а оформляет весь список целиком • Кнопка вставляет тег для отображения фрагмента программ- ного кода, который бывает необходимо разместить в материале «как есть», без преобразования Например, если вы разместите в материале код WordPress , то он будет преобразован в слово, написанное курсивом: WordPress А если этот код заключить в тег: WordPress, то код будет выведен без преобразова- ния в курсив • Кнопка вставляет тег («Далее»), разделяющий материал на вступительную и основную часть Особенностью этого тега является то, что его не нужно закрывать • Кнопка не добавляет никаких тегов, а вызывает справочную функцию, осуществляющую поиск заданного термина на сайте http:// www.answers.com В общем-то, это довольно бесполезная функция, не совсем понятно, для каких целей внедренная в интерфейс HTML- редактора • Кнопка добавляет закрывающую часть для тегов, ко- торые вы забыли закрыть при их вводе вручную 134 Глава 5 Подготовка и публикация материалов • И последняя кнопка переключает редактор в полно- экранный режим, в котором удобно работать с объемными текстами Добавление медиафайлов Поскольку современные интернет-сайты обычно включают в себя не только текстовую информацию, но и разного рода медиафайлы, разра- ботчики WordPress предусмотрели специальную кнопку (рис 5 17) для загрузки медиафайлов, управления ими и вставки их в записи Эта па- нель присутствует как в режиме визуального редактора, так и в режиме HTML-редактора Рис. 5.17. Кнопка управления медиафайлами С помощью этой кнопки вы можете загрузить файл на сервер, произвести с ним определенный набор операций и вставить ссылку на него в запись ПРИМЕЧАНИЕ Инструменты данной панели во многом дублируют функции раздела панели управления WordPress Медиафайлы , о котором пойдет речь немного позже Рассмотрим работу с медиафайлами на примере добавления в запись изображения В поле редактора установите курсор на то место в записи, куда нужно вставить картинку, и нажмите кнопку Добавить медиафайл Откроется диалоговое окно (рис 5 18) В первую очередь необходимо загрузить файл на сервер С помощью первой вкладки вы можете загрузить картинку с компьютера Это мож- но сделать в режиме drag-and-drop-загрузчика (поле Перетащите файлы сюда ) либо в режиме загрузчика-браузера, функциональной разницы между ними нет Нажмите кнопку Выберите файлы , выделите один (или несколько) графический файл (формата jpg, gif, tiff, png и некоторых |