Разбор интеграции html в wordpress по кирпичикам. Часть 1
Категории:Wordpress, Для начинающих
Теги: php, Wordpress, функция
01-09-2010
В цепочке уроков “Разбор интеграции html в wordpress” я хотел бы по кирпичикам разобрать каждую функцию которая имеет место быть в будущей теме wordpress. Каждый блоггер и вебмастер всегда хочет совершенствовать свой блог, сайт, ресурс. Но очень часто Вам не хватает знаний что куда ставить, какая функция за что отвечает. Я постораюсь объяснить наиболее доступно о всех функциях, которые я встречу при разборе СВОЕЙ темы wordpress. Тема, что стоит на моем блоге, уникальна так как рисовал, верстал и интегрировал в wordpress ее я сам. Я думаю эта статья будет интересна не только начинающим верстальщикам и блоггерам, а и гуру обоих сфер.
С чего начнем первую часть? Ну конечно же с файла header.php.
Начинаем со строки <html xmlns="http://www.w3.org/1999/xhtml">
Здесь нужно добавлять функцию php <?php language_attributes(); ?>.Несложно догадаться, что функция служит для опредиления языка Вашего html.Далее назодим мета-тег и вставляем в content и charset следующие функиции:
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
Из названия функции<?php bloginfo('html_type'); ?> можно понять, что функция выводит ключевые слова, контент, который будет на Вашем блоге, сайте. Далее идет кодировка Вашего html кода. Чаще всего это utf.
Идем дальше. Находим тег <title></title>. Между тегами вставляем следующую функцию:
<?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?>. Функция отвечает за текст, который Вы введете в админке wordpress и который будет отображаться в названии страницы. Как пример, у меня в админке написано: “Блог для тех, кто верстает”, что и отображается вверху окна.
Сразу после тайтлов не забываем вставить строку <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />, которая определяет версию Вашего Worpress пакета.
Как подключить стили к нашему документу? Вставляем слудующую строку с функцие прикрутки файла стилей, которы должен называться style.css: <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
Чуть не забыл. Как указать путь к другим файлам стилей, кроме стандартного style.css? Так как у меня еще есть файл стилей отдельно для IE6, у меня стоит дополнительная строка: <link rel="stylesheet" href="<?=bloginfo('template_url')?>/style-ie6.css" type="text/css" media="screen" />. Путь к файлу стилей для IE6 таков: Моя тема > style-ie6.css. Функция <?=bloginfo('template_url')?> нужня для опредиления активной темы в расположеном корневом каталоге и уже от него плясать.
Перед закрыающимся тего </head> функцию <?php wp_head(); ?>, которая отвечает за дополнительные автоматические и ручные настройки и функции добавляющиеся в head.
Вроде бы и все. Но нет. Обычно в файл header.php загоняют структуру html кода до самого меню. Тоесть формируя шапку.
Для вставки логотипа мы уже знаем какую функцию нужно писать. Это делается так же как и подключение дополнительных файлов стилей. Мы просто назодим место, где должно распологаться лого, вставляем туда картинку и указываем путь к картинке, дополнительно дописываея функцию опредиления активной темы wordpress, а именно функцию <?=bloginfo('template_url')?>.
Далее в каждой шапке есть место для описания Вашего блоге. У меня там написано “Авторский блог фрилансера Александра Ляшенко“. Так же Вы находите место, где этот текст должен находиться и вставляете функицю <?php bloginfo('description'); ?>. Далее в админке вы введете любой текст, который Вам нужно.
Мы пришли к логическому завершению нашего файла. Это вывод меню. В wordpress изначально в самой верстке нужно называть первый пункт меню, или проще говоря, страницу home. Вы называете страницу как Вам угодно(У меня это “Блог”), заключаете название в тег ссылки <a> и в пути перехода по ссылке прописываете функицю <?php echo get_option('home'); ?>/. Закрываете блок и, самое важное, без которого вы не сможете создавать дополнительные пункты меню, это функиця <?php wp_list_pages2(); ?>, которая отвечает за формирование дополнительных пунктов меню.
В конце не забываем позакрывать все ранее открытые блоки. Все. Файл header.php закончен.
С файлом header.php мы разобрались. Следите за обновлениями. Следующим мы будем разбирать footer.php. Почему именно footer??? Узнаем в следующей части. Удачи Вам!
Шарился по инету и нашел отличную программа для восстановления фотографий! Тепрь вы сможете отреставрировать свою фотографию безболезненно!
Похожие статьи:
Хм, неплохие способы, но что-то можно сделать и с помощью виджетов, плагинов. Например, касаемо ключевых слов и меню. В целом познавательно.
Вопрос, можно ли, сделать из двух-колоночного блога (на wordpress), например как мой блог, трёхколоночный, как твой. То бишь, добавить еще одну колонку и иметь возможность добавлять туда виджеты через аодминку и т.д.
Или легче взять готовый шаблон?
Как ты думаешь?
Конечно можно доать еще один сайдбар. Это надо смотреть код. Я буду разберать интеграцию html в wordpress в файлах sidebar.php и rightsidebar.php. Говорю же следи за обновлениями. В любой дизай можно впихнуть что угодно, надо просто это уметть +)
Кстате, с помощь. виджетов и плагинов ты ничего не сделаешь. Это называется натяжка на Wordpress чистого html.
Да, больше всего мея смущал дизайн,кторый с помощью классов можно было сделать.
Вот теперь вы его будете крутить как Вам угодно =)