Как установить и отредактировать шаблон на WordPress

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

Это все вполне реально реализуемо и я расскажу как это сделать. Для начала нам необходимо скачать шаблон, это сделать вы сможете Интернете очень много сайтов этой тематики. После этого вам необходимо распаковать архив в папку wp-content\themes\ которая находится в корневом каталоге вашего блога на хостинге.

Едем дальше и теперь вам необходимо зайти в админку вашего блога и в левом углу вы увидите закладку «Дизайн»

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

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

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

Давайте разбираться подробно и поэтапно. Для начала начнем с подвала, там размещаются копирайты и часто прячутся левые ссылки, для этого в папке с вашим шаблоном находим файл footer.php. Я для наглядности приведу пару листингов таких подвалов и покажу как там все организовано:

Я взял один из скачанных мною шаблонов и открыл в нем файл footer.php как вы видите я выделил красным интересные моменты, а именно первая строчка где копирайт здесь вы можете писать то что вы хотите и т.д., а вот ниже идет блок ссылок, которые вам я думаю не к чему и вы можете их смело удалять. Так же для наглядности я приведу код footer уже измененный и настроенный, на одном из моих сайтов:

Здесь так же я удалял ссылку которая там висела и соответственно вписывал то что мне надо…

Теперь пора перейти к шапке сайта, там тоже бывают различные подводные камни и так же могут запихать левых ссылок и просто вы сможете убрать что вам надо или добавить в общем шапка как правила находится в файле header.php. Так же очень интересным с точки зрения редактирования является файл sidebar.php здесь как и в предыдущих моментах могут располагаться левые ссылки и именно сюда может быть добавлен код какого либо счетчика посещений или рекламы. Как правило, это часть правой панели вашего сайта.

Итак как вы видите я создал два блока и выровнял их по центру, скриншоте я подчеркнул их красным <div style=”text-align: center”>

В первый блок я поместил рекламный блок от google, а во второй я вставил код счетчика посещений LiveInternet

Как видите все достаточно просто и понятно, и минимальных знаний html и css даст вам возможность очень сильно модернизировать готовые шаблоны для WordPress

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

Ну а на этом все я думаю вы сможете сами редактировать шаблоны WordPress.

WordPress 6 + ChatGPT

Освой эту мощнейшую связку сейчас!

Узнать подробности