Знакомство с шаблоном WordPress и его редактирование


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

Ранее мы с вами уже определились, что WordPress – это система управления контентом. Это целая программа, у которой есть свой открытый исходный код.

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

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

Редактировать шаблон WordPress нужно уметь каждому блогеру, но чтобы это сделать нужны начальные знания в структуре CSS и HTML. Не стоит сразу впадать в панику и говорить, что я ничего в этом не понимаю. Знания приходят в процессе. Я тоже не сенсей в html-коде, но лазая в интернете, смотрю, что много блогеров пенсионного возраста; они могут – и я смогу. Этим себя и мотивирую.

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

О плагинах и скриптах поговорим в следующих статьях, а сейчас отредактируем вновь установленную тему.

Редактирование шаблона WordPress.

Для настройки темы заходим в панель управления Вордпересс и далее в раздел “Внешний вид”. Перед нами открывается панель с элементами управления нашим дизайном.

установка шаблона вордпресс

Перейдем в “Настроить” и озаглавим наш новый сайт, например так: “Мой первый сайт” и его краткое описание “Как сделать людей счастливыми”. Все, жмем “Сохранить и опубликовать” и наш блог получил название.

измение шаблона wordpress

Следующий наш подраздел виджеты. Виджеты – это то, что находится в правой колонке (сайдбаре): новости сайта, рубрики, календарь и др. На моем сайте barbadosmaney.ru  находятся два сайдбара (слева и справа).

изменить шаблон страницы wordpress

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

Каждый из виджетов несет в себе определенную информацию. Расскажу о самых основных: “Свежие записи“ – ваши последние тексты, которые опубликованы; “Рубрики” – разделы в которых публикуются записи ( например в рубрике “Спорт” опубликовано несколько записей: “Как правильно делать утреннюю зарядку” и ”Здоровое питание”); “Текст” – сюда можно вставить любой текст с изображениями или определенный html-код (рекламный блок, счетчик посещаемости, подписная форма и др.).

В следующий подраздел, который заходим это “Заголовок”( я пропустил пункты “Меню” и ”Опции темы” так как с ними вы сами разберетесь, там ничего сложного). Сюда можно загрузить рисунок с нашего компьютера. Для этого жмем  “Выберите файл”, в компьютере выбираем рисунок ( я выбрал доллар ) и загружаем его в Вордпресс. Делаем необходимые операции, если просит система (например, обрезать рисунок) и сохраняем изменения.

изменить заголовок страницы wordpress

В подразделе “Фон” теже самые манипуляции, что и в “Заголовке”, т.е. если хотите поменять фон, то загрузите его с компьютера.

Крайний подраздел “Редактор” позволяет редактировать файлы шаблона Вордпресс. Здесь потребуются знания в html-коде и структуре CSS. Если вы таковыми не обладаете, пока сюда лезть не стоит.

редактирование шаблона wordpress

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

Ни чего не бойтесь смело экспериментируйте, только без знаний HTML не стоит лезть в исходный код шаблона!

А теперь давайте наглядно разберем из чего состоит шаблон Вордпресс. Это необходимо для общего понимания структуры сайта.

Структура шаблона WordPress.

Шаблон состоит нескольких частей и определенных файлов, которые за что-то отвечают.

Основные части шаблона:

  1. шапка сайта
  2. — основной контент
  3. — сайдбар-боковая колонка (может быть несколько)
  4. — подвал

структура шаблона вордпресс

Давайте подробно разберем какой из файлов за что отвечает:

файлы редактора вордпресс

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

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

  1. Обожаю платформу Вордпресс.У самой три сайта здесь. Мне больше нравится шаблон Страйкинг. У меня на нем 2 сайта.Спасибо за нужную информацию в статьи. Почитала с большим удовольствием.

  2. Спасибо за столько подробностей, как можно редактировать шаблон вордпресс. Иногда это очень нужно, но так страшно приступать…

  3. Очень хорошо и подробно разобрали редактирование любимого Вордпресса. Теперь все по полочкам разложилось))) Спасибо.

  4. Просто обалдела! Вы создали очень красивый сайт! Быстро нашла вас в google. У вас много полезной информации. Нашла все нужное. У вас очень красивый интернет сайт! Огромное вам спасибо!

  5. Андрей, подскажите, пожалуйста, что случилось с моими виджетами-не открываются и перестаскиваются в панели администрирования. ничего не могу поменять или изменить на этой странице как заблокировано. 😯 😐

  6. Здравствуйте! У меня версия Вордпресс 4.2.3, но в админке, в разделе «Внешний вид» нет подраздела «Заголовок»? В чём причина, не подскажите?

    1. Здравствуйте, Александр! У меня сейчас тоже нет этого подраздела. Версия просто обновилась.

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

Оставьте ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *