Мой блог на WordPress. Часть 2. — Верстка шаблона WordPress

Joomla или WordPress

В первой части этой статьи я рассказал Вам о том, как создавался этот сайт, почему я решил перенести этот сайт с Joomla на WordPress и как я переделывал дизайн этого сайта.

В этой статье я расскажу, как проходила верстка шаблона для WordPress и перенос контента со старого сайта на новый. Сразу скажу, что при этом возникли некоторые сложности, которые я обнаружил лишь потом, когда сайт уже во всю работал на сервере. Но об этом позже...

Итак, после того, как дизайн был готов, я принялся за верстку шаблона (а точнее темы — в WordPress это называется так).


Все работы по верстке темы проходили на локальном сервере Denwer, то есть на моем домашнем компьютере. И только после окончания всех работ сайт был выложен на хостинг.

Я не стал искать более подходящую тему, решил все сделать на стандартной. Да-да. Все, что вы видите, сделано на стандартной теме, которая есть по умолчанию в движке WordPress. Это тема «Twentyten»... Совсем не похоже, правда?

Первым делом был сформирован макет темы. Проведена разбивка и форматирование по размерам элементов сайта: шапки, блока основного контента и сайдбара (он в этой теме один) и подвала.

Затем были изменены зоны виджетов. В сайдбар были добавлены зоны с двумя колонками. Изменены зоны виджетов подвала. Их по умолчанию было четыре, а мне надо было три.

О том, как изменить или добавить зоны виджетов я в ближайшем будущем напишу отдельную статью. Это делается не очень сложно. Следите за выходом новых статей.

После того, как все работы по разметке были выполнены, я приступил к прописыванию стилей и привязке элементов дизайна к шаблону.

В этой работе огромную службу мне сослужил плагин для браузера Firefox — Firebug. Даже не знаю, как бы я делал все это без него.

Работа по верстке шаблона заняла у меня чуть более двух суток. Это основа. Мелкие недостатки, конечно, встречаются и сейчас. Они исправляются «на ходу».

Поэтому обращаюсь ко всем. Если Вы заметили какой-нибудь косяк на моем новом сайте, пожалуйста сообщите мне об этом в комментариях. Укажите где, какой недостаток Вы обнаружили и какой Вы используете браузер. Заранее спасибо за поддержку.

В процессе верстки были постепенно установлены и внедрены в работу необходимые плагины для WordPress. Об этом планирую скоро выпустить небольшой обучающий видеокурс. В нем будут рассмотрены различные плагины для WordPress — их назначение, важность и настройка.

Чтобы не пропустить выход этого курса, обязательно подпишитесь на получение информации о выходе новых обучающих продуктов.

И вот, через 2 дня я подошел к тому моменту, когда пора было переносить контент со старого сайта. Все это делалось вручную. Благо, там пока не очень много накопилось.

Каждую статью приходилось копировать со старого сайта и заново вносить на новый. Особенно муторно получалось с картинками, потому что они лежали на стороннем сервере (об этом я говорил в первой части статьи).

Но, как говорится:"Глаза боятся, а руки делают". Постепенно все статьи были перенесены на новый сайт.

Пришло время заменить сайт на сервере.

Были сделаны резервные копии обоих сайтов (файлов и баз данных). После этого старый сайт был удален с сервера.

Перед тем, как создавать резервную копию новой базы данных, обязательно нужно в админке изменить адрес сайта на тот, который будет использоваться. Иначе сайт работать не будет.

Я создал новую базу данных на сервере и провел импорт данных из резервной копии нового сайта.

Затем перенес новые файлы на сервер. Стоит отметить, что нужно не забыть внести изменения в файл wp-config.php. Там нужно прописать название базы данных, имя пользователя базы данных и пароль доступа к базе данных.

После этого, все вроде бы заработало. Но как оказалось немного позже — радоваться было рано.

Когда я проверял работоспособность сайта в разных браузерах, я обнаружил, что картинки не подгружаются.

А произошло это потому, что я загружал картинки на сайт, который находился на локальном сервере. И пути к файлам картинок прописались неправильно. Они ссылались на картинки, расположенные на моем домашнем компе.

Пришлось вручную изменять адреса всех картинок во всех статьях. Вот так то!

Для чего я это все рассказываю. Для того, чтобы Вы (если столкнетесь) не допускали подобных ошибок и не тратили свое время на двойную работу.

И вот только после этого сайт заработал как надо. Я очень доволен проделанной работой и готов снова писать для Вас.

Подведем итог. Неделя времени и новый сайт запущен и работает.

Поздравляю всех нас с новым сайтом!!!

Ну и конечно же с Днем России! Совсем забыл, что сегодня праздник. УРАА!!!

 

Обновления блога:

Вы еще не читаете нашу ?
Тогда получайте новые статьи на E-mail:
Моя статья помогла Вам? Это хорошо! Теперь не нужно жадничать - поделитесь этой статьей с друзьями в социальных сетях.
Хотите быть в курсе того, что происходит на сайте? Читайте меня в Твиттере.

Комментарии к статье:
"Мой блог на WordPress. Часть 2. — Верстка шаблона WordPress"

  1. Спасибо за интересную информацию. Работа по переносу сайта требует не только большого труда и времени, но еще и высокой квалификации. У Вас получился очень красивый сайт.

    • Я старался :-D

      • Согласен. Поэтому я у Сергея читаю тут. Правда из-за загрузки захожу редко. Постараюсь быть почаще)

  2. У Вас действительно очень красивый  сайт!  И много полезных советов.Спасибо! =)

  3. *BRAVO* *ROSE* *DRINK*

  4. Марина

    Сергей, добрый день!

    У Вас замечательный дизайн, все грамотно, красиво и очень сочетается друг с другом.  Вы написали в статье о создании дополнительной зоны виджетов в WordPress для Вашего сайта.

    Затем были изменены зоны виджетов. В сайдбар были добавлены зоны с двумя колонками. Изменены зоны виджетов подвала. Их по умолчанию было четыре, а мне надо было три.О том, как изменить или добавить зоны виджетов я в ближайшем будущем напишу отдельную статью. Это делается не очень сложно. 

    Хотелось бы получить этот урок побыстрее.

    Хочется поэкспериментировать самой =)

    С   уважением, Марина.