Иногда возникает необходимость создать страницу отличную от других. Это может быть, например, прайс-лист отформатированный отлично от остального текста или резюме написанное другим шрифтом. Может понадобиться убрать поле комментирования к этой страницы или сделать заголовок яркого цвета. При этом все остальные страницы сайта должны остаться неизменными.
В WordPress это можно сделать легко путем создания уникального шаблона. Используя созданный шаблон в дальнейшем можно будет легко создавать специальные страницы.
Вот как делается уникальный шаблон для страниц:
1. Скопируйте файл вашей темы page.php в туже папку где он находится но с другим именем. Как правило это папка с названием темы в каталоге wp-content/themes. Именно этот файл описывает отображение страниц.
2. Можно назвать этот файл как угодно. Пусть он будет называться song.php (Это будет страница для последней написанной песни).
3. В самом верху этой страницы добавьте следующий код
<?php
/*
Template Name: Song
*/
?>
4. Измените разметку и стили текста в css. Сделать это лучше всего так:
- на всякий случай сохраните резервную копии файла style.css;
- откройте в редакторе файл style.css;
- в этом файле найдите блок который описывает нужные нам классы (скорее всего он озаглавлен так /* posts */);
- скопируйте этот блок как еще один блок в этом же файле и переименуйте его (чтобы не запутаться);
- измените названия классов в новом блоке (например допишите к ним слово song) и измените свойства стилей текста;
- в новом файле song.php измените названия классов аналогично как в файле style.css;
- там же можно убрать, например, блок комментирования.
5. А теперь самое интересное. То, ради чего мы все это затеяли. Идем в админку блога и при создании новой страницы, выбираем только что созданный нами шаблон (панель "Атрибуты", справа внизу).
6. Остается наполнить страницу контентом и опубликовать. Она будет иметь оформление и разметку отличную от остальных страниц. Такую которую мы только что описали в файле style.css.
При написании статьи возникла идея. Ведь можно создавать не темы целиком, а отдельные шаблоны страниц. Используя такие шаблоны, любой блоггер смог бы легко сделать свой блог разнообразнее и ярче по оформлению. Ну конечно в если этом есть необходимость и в разумных пределах.
_
Только тщательно и профессионально проведенная оптимизация сайта позволит вам занять нужное место в поисковой выдаче.
12.06.2010
Автор
hawot |
WordPress, html |
View Comments
Краткая памятка по основным html-тегам.
В первую очередь для себя. Но может и кому еще пригодится.
Не смотря на все более совершенные конструкторы сайтов, основы следует знать. Знание основ еще ни когда не вредило делу. К тому же пытливому уму всегда интересно знать как что работает. А особенно интересно знать - почему не работает. Вот тут то зачастую и бывают необходимы знания основ.
Основные html-теги с описанием их назначения:
<html></html> - Корневой тэг, указывает браузеру, что это HTML документ
<head></head> - "Голова" HTML документа, в которую прописывается название, таблицы стилей (CSS), которые подключены к этой странице, различные мета-тэги (описание, ключевые слова, переадресация, кодировка и т.д.)
<title></title> - Название HTML страницы
<body></body> - Тело документа, в которое помещается весь основной контент страницы.
<p></p> - Параграф, который позволяет разбивать текст на блоки.
<img> - Тэг для вставки изображений на HTML страницу
<a></a> - Создание ссылок на другие документы и файлы.
<div></div> - Логический тэг раздела, в основном используется для выравнивания блоков текста, а также придания этому блока определенного вида с помощью таблиц CSS.
<br> - Тэг переноса строки.
<span></span> - Логический тэг, используется для выделения отдельных слов в предложении с помощью CSS и других подобных вещей.
<strong></strong> (замена устаревшему тэгу <b></b>) - Жирный текст.
<em></em> (замена устаревшему тэгу <i></i>) - Курсив.
<form> - Создание формы.
<input> - Создание элемента формы (текстовый блок, кнопка и т.д.)
<select> - Создание списка элементов внутри формы. В зависимости от атрибута size, список может быть выпадающим.
<option></option> - Элемент списка.
</select>
<textarea></textarea> - Область для ввода текста внутри формы.
</form>
<table> - Таблица.
<tr> - Строка таблицы
<td></td> - Ячейка строки
</tr>
</table>
<ol> (<ul>) - Список нумерованный (ненумерованный).
<li> - Элемент списка.
</ol> (</ul>)
В совокупности со статьей HTML Физическое форматирование получается прямо справочник, а не памятка.
Если все выше написанное для вас "китайская грамота", заказывайте создание сайтов людям, которых не пугает html-код.
16.09.2009
Автор
hawot |
html |
View Comments
Не знаю зачем, наверное кому-то нужно что бы его сайт не переводился при помощи Google Translate и что бы в результатах выдачи не было ссылки “перевести страницу”. Вот для таких вебмастеров Google придумал очередной новый html-тег - “NoTranslate”. Google может себе позволить вводить новые теги. Даже если другие поисковики его не примут, доля Google в поиске, позволяет ему делать теги даже только для себя.
Новый тег отменяет появление ссылки “перевести страницу” рядом с вашим сайтом в результатах поисковой выдачи Google.
Полностью тег выглядит следующим образом:
<meta name=”google” value=”notranslate”>
Просто внесите этот тег в html код страницы.
Кроме того вы можете запретить перевод части страницы. Для этого к фрагменту который вы хотите закрыть от переводчика, добавьте «class=notranslate».
_
Вот такая вот социальная сеть для блоггеров. Здесь интервью, реклама и маркетинг, сервисы и инструменты, разработка, лайфхак, софт и другие новости.
03.09.2009
Автор
hawot |
html |
View Comments