Создание WordPress темы из PSD файла. Часть 5: Footer.php

В предыдущих главах мы быстро пробежались по процессу представления PSD в HTML, а также разобрали некоторые особенности структуры WordPress. Наконец, мне осталось рассмотреть файл footer.php. Обязательными для футера считаются только следующие элементы: Первый элемент в приведенном списке — php-функция — выполняет ту же самую роль, что и в хэдере темы: является хуком для плагинов и различных функций WordPress, которые напрямую зависят от футера. Помимо трех представленных строк, вы можете также…
Читать далее...Создание WordPress темы из PSD файла. Часть 4: Header.php

В прошлой главе я выполнил разбиение .html-файла на несколько php-файлов. Естественно, это действие вряд ли могло остаться без нашего внимания. Что в действительности делает каждый из php-файлов? Какой код должен располагаться в них? В этой главе мы окинем взглядом php-составляющую, и первым файлом, который попадет под наше с вами рассмотрение, будет header.php. Header.php, по своей природе, является самым первым файлом, который обычно вызывается в теме. Как правило, он состоит из…
Читать далее...Создание WordPress темы из PSD файла. Часть 3: Возводим необходимую структуру

Если окинуть взглядом две предыдущие части моего руководства, то можно сказать (в терминах онлайн-игроков), что квест я полностью выполнил. Взгляните на название руководства: разве оно не соотносится с тем, что мы с вами уже сделали? Мы создали PSD-макет и преобразовали его в тему для WordPress. Если бы мы ставили перед собой цель создать статичный веб-документ, то мы могли бы на этом шаге остановиться, поскольку задание выполнено полностью. Но мы, естественно,…
Читать далее...Создание WordPress темы из PSD файла. Часть 2: Преобразуем PSD в HTML

Итак, в первой части руководства мною был создан PSD-макет, готовый для преобразования в полноценную WordPress тему. В этой части мы приступим к реализации отрисованной темы на практике, что будет осуществляться мной при помощи программ Dreamweaver и Photoshop. Однако перед тем как начать работу, я хочу сделать небольшое лирическое отступление: я знаю, что в Photoshop имеется инструмент «Фрагмент» (slice), который позволяет быстро превратить PSD-макет в готовый сайт без использования Dreamweaver. Этот…
Читать далее...Метки:PSD в HTML , конвертация PSD в HTML , преобразование PSD в HTML
Создание WordPress темы из PSD файла. Часть 1: Введение

Посетители ресурса часто спрашивают меня: каким программным обеспечением я пользуюсь при создании тем для WordPress? Мой ответ обычно совпадает с тем, что я даю на более масштабный вопрос: что вообще я использую для дизайна? Макет я создаю в Photoshop, и затем уже представляю его в HTML с помощью Dreamweaver. Единственная разница между созданием тем для WordPress и простым дизайном (лично для меня) состоит в том, что я занимаюсь кодом в…
Читать далее...Пошаговое создание темы: от дизайна до HTML/CSS-кодирования

Создание полноценного PSD-макета для WordPress темы — задача не из легких. Чтобы разработать продуманную тему, отличающуюся интересным представлением и красочным дизайном, необходимо обладать обширным багажом знаний в области Photoshop и WordPress. В этой статье мы не только рассмотрим пошаговое создание темы, но и подробно остановим свое внимание на некоторых полезных методиках, позволяющих сформировать качественный макет. Наша исходная тема будет выглядеть следующим образом: Тема крупным планом Итак, давайте приступим к работе….
Читать далее...


Комментарии