Пятница, 5 марта 2010 - Создание тем
Итак, мы уже на финишной прямой! Остался последний урок. Сегодня мы рассмотрим самое «сердце» любого блога – шаблон «комментарии». Ведь какой же это блог, если он не дает возможности читателям оставлять комментарии? Конечно, для некоторых комментарии не важны, но я не могу представить блог без них.
Обратите внимание:
- нет единственно верного способа создать шаблон “Комментарии” в comments.php
- большинство WP-дизайнеров используют предустановленный шаблон “комментарии”, из темы по умолчанию Kubrick
- некоторые дизайнеры модифицируют предустановленный шаблон в соответствии со своими нуждами
- сегодня вы будете использовать лишь мою, модифицированную, версию предустановленного шаблона комментариев
Читать дальше...
Вторник, 16 февраля 2010 - Создание тем
Сегодня мы продолжаем тему суб-шаблонов, отрытую на прошлом уроке примерами создания файлов header.php, sidebar.php и footer.php.
Теперь, когда файл index.php разделен на зоны, все будет намного проще.
Читать дальше...
Среда, 13 января 2010 - Создание тем
Сегодня мы подводим итог в стилизации и затронем важный вопрос - как правильно разделить файл index.php на несколько небольших файлов. В начале урока вам понадобится файл style.css. Далее, вы будете работать с index.php, а также создадите несколько новых файлов. Наверное думаете “ну неужели скоро финал?” =) Именно, мы почти закончили базовый курс!
Откройте всё что потребуется и начинаем.
Читать дальше...
Четверг, 3 декабря 2009 - Создание тем
После стилизации сайдбара, мы выйдем на финишную прямую нашего курса. Уже? Да, но не волнуйтесь. Я продолжу публиковать учебные материалы по WordPress. Ведь всегда есть что-то новое, чему можно научиться. Да и сам курс можно расширить и улучшить, чем я и займусь.
Сегодня вам не понадобится ничего, кроме файла стилей - откройте style.css в вашем редакторе. Читать дальше...
Вторник, 6 октября 2009 - Создание тем
Сегодня я расскажу вам как форматировать все элементы поста, для этого вам понадобится только файл style.css. Откройте его в редакторе и приступим.
Шаг 1
Избавьтесь от большинства марджинов и паддингов - введите следующий код над body{} в style.css:
body, h1, h2, h3, h4, h5, h6, blockquote, p {
margin: 0;
padding: 0;
}- Обратите внимание, мы поставиили margin: 0; вместо margin: 0 0 0 0;. Когда все параметры одинаковы, ставьте одно число. Тоже самое и для padding.
- Сохраните файл. Обновите браузер. Не волнуйтесь, сейчас вы сможете добавить марджины и паддинги именно там, где вы хотите чтобы они отобразились, а не там, где браузеры разместят их по умолчанию.
Читать дальше...
Среда, 30 сентября 2009 - Создание тем
В этом уроке я расскажу вам, как устанавливать параметр width (ширину) для каждого DIV-а и как вообще управлять им. Также мы рассмотрим некоторые аспекты отображения вашей темы одинаково правильно в основных браузерах: как в Mozilla Firefox так и в Opera, Chrome и Internet Exlporer 7 и выше. Я намеренно игнорирую Internet Explorer 6, так как являюсь противником этого браузера из-за массы его недостатков, включая отсутствие поддержки современных стандартов. Читать дальше...
Среда, 23 сентября 2009 - Создание тем
Продолжая знакомиться с CSS, сегодня мы узнаем больше о HEX кодах. Свойство цвета с присвоенным шестнадцатиричным HEX кодом (hexadecimal (hex) code) предназначено для окрашивания текста. Например, body { color: #000000;} означает, что весь текст внутри тега <body> вашей страницы будет черным.
Свойство фона с присвоенным HEX кодом существует для придания цвета всему, что не является текстом. Например, body {background: #ffffff; } означает, что фон будет белый. Читать дальше...
Вторник, 8 сентября 2009 - Создание тем
Лучший способ выучить CSS - как и многое другое – это сразу приступить к практическим занятиям. В отличие от XHTML и PHP, вам не надо работать с центральными файлами шаблона. Также нет никакой базовой концепции, в которой нужно разобраться. Просто пробуйте! Здесь также работает любимый метод проб и ошибок.
Перед тем, как начать, в вашем файле style.css уже должна быть некоторая информация. Давайте прямо сейчас выясним, что она означает. Читать дальше...
Вторник, 1 сентября 2009 - Создание тем
Перед тем, как начать работать с CSS и файлом style.css, вам необходимо произвести валидацию вашего XHTML кода или, проще говоря, проверить его соответствие стандартам консорциума W3C. Другими словами это значит удостовериться, что вы не сделали ошибок :) В начале курса я дал вам две ссылки на закладки - XHTML Validator и CSS Validator. На этом уроке мы воспользуемся XHTML валидатором.
Этот урок будет очень коротким и простым, потому что вам необходимо время, чтобы разобраться во всем, что вы узнали о XHTML и PHP. Не гонитесь за моими уроками. Дайте себе время на обдумывание и восприятие всего кода, до появления четкой катинки в вашей голове. Как открыть невидимый блок? Какая разница между id и классом? Какую РНР функцию нужно использовать, чтобы вызвать заголовок блога? Описание блога? Чем больше вы понимаете и четче представляете себе все процессы, тем легче запоминаете их. Читать дальше...
Понедельник, 24 августа 2009 - Создание тем
Данный урок посвящен футеру и довольно прост. Вам необхожимо будет добавить DIV, или невидимый блок, после аналогичного DIV блока сайдбара, и заполнить его каким-нибудь текстом (как правило, подтверждающим копирайт). Я даже думаю, что вы могли бы сделать это и без моих инструкций. Ну же, попробуйте сами! А потом можете вернуться к этому уроку, чтобы проверить себя.
Шаг 1: Добавляем DIV
Вставьте следующий код после закрывающего DIV-а сайдбара:
<div id="footer">
</div>
Читать дальше...
