Урок 4. Установка и редактирование шаблона

Здравствуйте, уважаемые читатели!

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

%d1%80%d0%b5%d0%b4%d0%b0%d0%ba%d1%82%d0%b8%d1%80%d1%83%d0%b5%d0%bc-%d1%88%d0%b0%d0%b1%d0%bb%d0%be%d0%bd

Скачиваем шаблон, в формате zip. Открыть, его можно двумя способами.

Первый способ. 

Открываем архив и папку themes (путь: мой комп.-Выбранный локальный диск- home- localhost— www- my blog- wp content- themes).

Зажимаем кнопкой мыши, верхнюю папку архива и перетаскиваем в папку themes.

%d0%b2%d0%bf5

Второй способ.

Устанавливаем из консоли админ панели (путь: внешний вид- темы- добавить новую- загрузить).

%d0%b2%d0%bf6

И загружаем свою тему на сайт. После этого, нажимаем активировать.

Шаблон установлен!

А теперь, допустим Вам захотелось, что-нибудь поменять в своём шаблоне.

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

Нажимаем  клавиши Ctrl+Shift+I или решётку в верхнем правом углу браузера- дополнительные инструменты- инструменты разработчика.

Перед нами открылось изображение в html с инструментами. В правом нижнем углу, всё в каскадных таблицах, т.е. CSS. Нас интересует надпись style.css.

%d0%b2%d0%bf7

В этом файле содержится вся структура нашего сайта. Здесь, мы можем изменить header (шапку) и footer(подвал). Помните, чем шаблон уникальнее, тем лучше к нему относятся поисковые машины.

Сделаю небольшое отступление, чтобы разобрать структура страницы сайта WP.

%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b0

  1. Вывод главной страницы сайта, с перечнем записей (постов)- index.php;
  2. Файл дополнительных функций- functions.php;
  3. Хедер. Шапка сайта,блога- header.php;
  4. Футер (подвал) сайта- footer.php;
  5. Сайдбар- sidebar;
  6. Content –  эта часть блога может быть выведена различными файлами, в зависимости какая страница сайта открыта она может включать следующие файлы:index.php – отвечает за вывод главной страницы;single.php – выводит отдельную запись-пост .page.php – вывод отдельной страницы, например, для страницы обратной связи.404.php – страница ошибки 404 на блоге – страница не найдена;category.php –  рубрики (категорий);archive.php – архив записей;search.php – страница  вывода результатов поиска на блоге;searchform.php –  код функции поиска на блогеcomments.php — вывод комментариев.Кроме PHP файлов в шаблоне  находятся отдельные папки, содержащие картинки, скрипты;

Как правило, это папки: 

images –  все изображения, используемые в структуре и  оформлении шаблона;

js — скрипты JavaScript;

languages – файлы локализации шаблона.

style.css – файл стилей (каркас). Содержит правила оформления блога.

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

Это основная часть информации, по редактированию шаблона. Продолжим в следующем уроке.

 

Подпишитесь на новости от байкера

Введите ваш емайл:

 

Также, Вы можете связаться со мной, любым удобным способом, через С уважением, Максим!

Понравилось,оставьте свой email:


1+

Добавить комментарий

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