О страницах шаблона WordPress (продолжение)
Продолжаем разговор о редактировании темы WordPress. В прошлый раз мы рассмотрели некоторые полезные приемы работы с шаблоном блога на Вордпресс и страницу header. Сегодня обратим внимание на страницы index и single.
На этих страницах шаблона WordPress отражено представление блога его читателем (в отличие от header, который, в основном, содержит информацию для машин – поисковых систем и браузеров посетителей).
Поскольку разные темы для WordPress написаны на разных языках программирования – вид кода будет немного отличаться в разных шаблонах. Так что, мы пытаемся разобраться в принципе формирования страниц, чтобы каждый мог найти нужный ему фрагмент кода.
Не написала об этом в прошлой статье, предполагая, что это само собой разумеется. Но теперь все-таки хочу напомнить: перед тем, как редактировать шаблон темы WordPress — сделайте его бэкап! Обязательно!
Основной шаблон, основная страница – это Index.php
Пожалуй, первый вариант перевода более верный. Но и он может ввести в заблуждение: что такое «основной шаблон»?! Где он отображается? На главной странице? На всех, без исключения страницах?
Для блога на WordPress основной шаблон применяется на тех страницах, где выводится список постов. Да, это может быть главная страница вашего сайта. А если у вас статичная главная страница – то она будет загружаться по другому, отдельному, шаблону.
Содержание кода страницы index.php делится, примерно, на следующие блоки:
- Мета-данные (берутся из header) — meta;
- Основное содержание – main;
- Надписи над каждым анонсом поста – даты, автор, количество комментов и прочее, что может там быть;
- Заголовки для каждого поста – title;
- Метод вывода содержимого поста – обычно там код, который указывает, что выводятся только анонсы до слов «далее» или «more» (если тема англоязычная);
- Подписи под анонсом поста – например, кнопки соцсетей;
- Боковая колонка – sidebar;
- Подвал – footer.
Зачем нам может понадобиться редактировать эту страницу index.php? – Например, мы хотим вставить рекламные блоки, которые будут отображаться между анонсами постов. Мы можем вставить его выше заголовка поста. Только помним, что, например, Google Adsense разрешает только три рекламных блока на странице – поэтому они будут показаны только над первыми тремя постами.
Страница записи, одна запись – single.php
Это страница, которая отвечает за вывод одного поста. Здесь должны быть:
- Заголовок – title;
- Контент – content;
- Обязательная инфа вокруг поста – всякие теги, «Редактировать» или «Edit» и так далее;
- Комменты – comments;
- Боковая колонка – sidebar;
- Подвал – footer.
Вот я, например, на эту страницу добавляю прилепленные кнопки соцсетей. Ведь читатели должны делиться именно содержанием отдельных постов. Я вставляю этот фрагмент кода после того, как оканчивается описание отдельного поста <!—end:main_col—> (в моей теме WordPress это так записано, у вас может быть другая запись или просто закрывающий тег </div>)
Может быть, вы захотите, чтобы под заголовком поста или над формой комментов выводился рекламный блок – вставляйте его в соответствующее место страницы single.php.
Главное – не влепить свою вставку в середину какого-нибудь кода. Для этого найдите теги <div> и </div> — между ними прописаны отдельные участки кода. Вставляйте фрагмент кода после того, как один блок закончился, а другой – еще не начался:
…</div>
Ваша вставка кода
<div>…
И не бойтесь — сохраняйте и просматривайте изменения. Если что-то выводится криво — удалите свой фрагмент кода, снова сохраните и посмотрите — все должно вернуться на круги своя.
Первый пост этой серии о редактировании темы WordPress про header. Продолжение следует…
| Читайте БлоготеЙ! на Google+ | |
| Читайте БлоготеЙ! на Фейсбуке |
Сначала подумала, что для меня эта статья не подойдет (для Блогспота), однако — много общих моментов, даже очень много!.. Ох, скоро стану совсем продвинутой, благодаря твоим стараниям, Катюш! )))
[Ответить]
katyaru отвечает:
Май 7th, 2012 at 22:21
[Ответить]
Никогда не забуду, как впервые вносила изменения в код страницы и боялась, что вообще всё пропадёт, испортится и никогда не восстановится)))) Теперь стала посмелее:)
[Ответить]
katyaru отвечает:
Май 7th, 2012 at 23:22
Помню, изменила стили Копирадости и чуть не распалась на части от радости и гордости)))
[Ответить]
Полезная информация, особенно для начинающих. Но я тоже не знаю всех этих токостей, хотя и добавляю части кодов в шаблон.
[Ответить]
katyaru отвечает:
Май 7th, 2012 at 23:23
Я потому и писала в первом посте этой серии, что это «заметки» — не мануал. Я описываю то до чего сама дошла путем научного и ненаучного тыка и чтения спец. литературы… Чтобы просто кому-то полегче было на этом пути)
[Ответить]
ох, как вспомню, как я в коде сайта своего два дня копалась, чтобы фон поменять (в шаблоне такой функции не было предусмотрено), думала, что все, как рухнет сейчас, так муж из меня котлету сделает — он же сайт-то мастерил… ничего, обошлось, получилось
[Ответить]
katyaru отвечает:
Май 8th, 2012 at 15:43
Вообще, стоило бы собрать эти истории в какую-нибудь антологию «Ужаса и чудесных открытий»)))
[Ответить]
Всё, можно диссертацию готовить. С твоим сурьёзным подходом… Книгу сделай, серьёзно.
[Ответить]
katyaru отвечает:
Май 8th, 2012 at 19:29
[Ответить]
А я сделала себе поддомен сайта и на нём ковыряюсь. Когда получается, переношу на основной.
[Ответить]
katyaru отвечает:
Май 8th, 2012 at 21:54
Длинноватый путь — но зато довольно безопасный!
[Ответить]
Я вчера 3 раза на малого блоге сайдбар из бекапа восстанавливала. Рекламу подбирала. Какой-то странный шаблон. Один раз правишь — все ок. Второй правишь — сайдбар исчезает. Так я кроме кода рекламы ни к чему не притрагивалась. Так и не поняла прикола.
[Ответить]
katyaru отвечает:
Май 8th, 2012 at 22:42
Вот поэтому я разорилась на платный шаблон от живого и адекватного автора) Терпеть не могу, когда в коде какие-то козябры…
[Ответить]
Я тоже наглая стала: редактирую, перевожу ( это с моим то знанием английского) Коды вставляю, ненужные из сайдбара удаляю. а раньше даже плагин боялась загрузить.
[Ответить]
katyaru отвечает:
Май 9th, 2012 at 10:29
С опытом наглость нарастает)
[Ответить]
[…] уже рассмотрели шаблоны страниц WordPress header, а также, index и single. Привели примеры, что мы можем отредактировать. […]
[…] освоились в шаблоне WordPress – узнали о странице header, о страницах index и single, разобрались в основных параметрах таблицы стилей CSS. […]
Здравствуйте Катюша!
Письмо — исповедь.
По совету одного из пользователей инета, я, не зная таких вещей как: HTML, CSS, PHP,
вставил какой то код в файл single.php. И в настоящее время, на панельки редактирова-
ния постов, наполовину не работают нормально кнопки. Перед тем, как написать первую
строчку поста, нажимаю кнопку В — жирность букв, следующую кнопку А — цвет букв.
Напечатав первую строку, нажимаю интер и перескакиваю на следующую строку и, опять
приходиться повторять заново. Нажимаю кнопку В — жирность букв, следующую кнопку А —
цвет букв. Нервы на пределе, но пересиливаю токое неудобство и продолжаю писать
дальше. После окончания написания поста, пытаюсь разделить пост на несколько частей,
для удобства чтения посетителем. Переключаюсь на HTML и ввожу вручную , потому что не работает. Возможно тот код, который вставил в single.php и
препятствует нормальной работе панели? А какой код вставил, не помню. Как это проверить, что лишнее, а что необходимо?
[Ответить]
katyaru отвечает:
Январь 15th, 2013 at 10:50
Здравствуйте, Владимир!
Single.php — отвечает ТОЛЬКО за представление страницы отдельной записи в блоге. Так что — она не может никак повлиять на редактирование.
Если у Вас блог на Вордпресс — переустановите редактор TinyMCE (это делается на страничке плагинов)
[Ответить]