Как изменить дизайн шаблона WordPress

Как изменить дизайн шаблона WordPress

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

Буквально неделю назад я бегал по форумам и скал дизайнеров которые бы занялись моим блогом, но результат превзошел  всех моих ожиданий, за редактирования уже готового шаблона с меня требовали от 50 — 100 $, я не решался расставаться с такими деньгами и отредактировал шаблон сам.

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

1) Шаблон состоит из файлов с открытым кодом
2) В основе лежит Html  и CSS
3) Все шаблоны WordPress имеют одну структуру

Мой способ редактирования шаблона с нулевыми дизайнерскими способностям

Я редактировал шаблон на локальном сервере , первым делом я разобрался с файлом Style.css , через комментарии я ему прописал  что за что отвечает (русскими словами которые мне понятны) , а определяется это следующим образом  через border:1px solid black, я выделял область, потом обновлял сайт и видел сплошную черную линию которая показывала мне  за что отвечает данный класс.

Вот на примере:

Изменить дизайн WordPress

Изменить дизайн WordPress

На скриншоте видно что выделилась облость которую я в дальнейшем могу редактировать как через файл Style.css так и через index.php.

А вторым способом можно проверить через файл index.php.

Изменить дизайн вордпресс

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

Любой шаблон на вордпрессе состоит из нескольких файлов.

  • sidebar-right.php — (sidebar-right.php)
  • Архивы — (archive.php)
  • Боковая колонка — (sidebar.php)
  • Заголовок — (header.php)
  • Комментарии — (comments.php)
  • Одна запись — (single.php)
  • Основной шаблон — (index.php)
  • Подвал — (footer.php)
  • Результаты поиска — (search.php)
  • Форма поиска — (searchform.php)
  • Функции темы — (functions.php)
  • Шаблон ошибки 404 — (404.php)
  • Шаблон страницы — (page.php)

Стили

  • style-ie.css — (style-ie.css) (дополнительно)
  • Список стилей — (style.css) (основной список)
Которые Вы также можете редактировать все зависит от вашей фантазии ,  я рекомендую для этого использовать редактор  Notepad++ которые подсвечивает код и помогает опередить где у Вас ошибка или не закрыт тег.
Наверно здесь я буду заканчивать, в следующем посте , я продолжу говорить о дизайне, И расскажу как самому отредактировать тему и  подогнать ее под тематику.  Подпишитесь на обновления блога и Вы не пропустите эти изменения. До скорых встреч.

14 комментариев

  1. Алинка
  2. leon
  3. Blogowed
  4. Brandi
  5. Юра
  6. Roman
  7. Леонид
  8. Roman
  9. buch
  10. Roman
  11. Ирина
  12. Александр
  13. Алекса
  14. Алекса

Leave a Reply