Как изменить дизайн шаблона 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
    • Roman
  10. Ирина
  11. Александр
  12. Алекса
  13. Алекса

Ваш комментарий: