Редактирование шаблона Wordpress для созданного блога
Опубликовано: 27.09.2018
Продолжаю работу над редактированием шаблона idiandong 1.1 для блога. Что после загрузки шапки блога отображается в браузере – а это зависит от того, какую страницу пытается открыть посетитель. Для начала я обращу внимание на главную страницы моего блога. буду считать, что читатель ее откроет в самом начале. За вывод главной страницы отвечает файл index.php.
Как легко и быстро редактировать шаблоны Wordpress
Сразу же меняю кодировку файла, как сказано в первой статье о редактировании и оптимизации шаблона для моего блога.
Файл состоит из 48 строк, из них 16 пустых или 33%. И о какой скорости загрузки блога можно говорить, если браузер должен обрабатывать треть строк, которые не несут никакого значения.
Настройка шаблона блога, созданного в Blogger.com
На главной странице блока публикуются анонсы статей, они выводятся маленькими блоками. Название анонса отображается в самом верху, оно является ссылкой, нажав на которую, читатель открывает весь текст статьи. Под названием отображена некоторая информация, автором шаблона предусмотрено отображение 3 блоков: дата публикации поста, название рубрики, ссылка на открытие текстов комментариев.
Верхний выделенный блок – формирование названия поста, а нижний выделенный блок – вывод даты, категории, ссылки на комментарии. Перевод шаблона заключается в том, чтобы написать слово категория, добавить, ссылку на метки, и перевести 3 слова “Comment”.
Для начала меняю формат вывода даты, для этого нахожу код в интернете:
1 | <?php the_time ( 'd F Y' ) ; ?> |
Будет выводится дата, потом название месяца по-русски, год без сокращения. С базовыми настройками движка WordPress, название месяца не склоняется, потому я установил плагин MaxSite Russian Date , он нормально будет прописывать название месяцев русскими словами (на нижнем скриншоте выделил серым цветом). Следующий шаг – добавление слова Категории слева от ссылки на страницу рубрик(голубой). Затем я установлю ссылку на страницу меток. Этот код установлен автором шаблона под выводом анонса, я его просто перенесу в редактируемый блок(зеленый).
У меня на блоге установлен плагин Post Views , который позволяет выводить количество просмотров постов со дня его публикации, но для этого я должен установить дополнительный код(горчичный).
Перевел слова Комментарий и комментариев, строка размещена под зеленным выделением.
Теперь перехожу к нижней части блока по выводу анонсов на главную страницу блога, здесь я должен изменить текст, что выделенный зеленым цветом. Я удалю вывод меток, этот код перенесу в блок, что размещен под названием поста(писал чуть выше в этой статье).
В нижней части размещена кнопка “Read More” – она дублирует туже ссылку «читать далее», потому я ее просто удалю.
Заменяю текст, что выделенный зеленным цветом на “Читать далее”. Строку, что пометил серым цветом – переношу, цветом морская волна – удаляю строку.
Дальнейшее редактирование шаблона сводится к изменению текста, что я выделил желтым цветом.
Теперь я выделил два контейнера зелёным цветом. Это код убогой постраничной навигации CMS WordPress, я ею не буду пользоваться. Я пользуюсь сторонним плагином PageNavi, он грузит блог, но пока лучшего варианта я не нашел. Я должен вместо удаленных контейнеров вставить код вывода навигации, который можете найти у меня на блоге, прочитав пост о “ Постраничной навигации ”.
Во время перевода шаблона я обращаю внимание: тест анонса выводится довольно мелким шрифтом, мне в очках он не очень удобен. Потому дорога моя в файл стилей, я нахожу стиль, которым формируется надписи анонсов – pcontent.
Я выделил зеленым цветом стиль который определяет величину букв текста: 13 меняю на 15.
Выравнивание текста абзацев по умолчанию выполняется по левой стороне шаблона. У меня с начала работы было искушение выполнить выравнивание по средине(если пожелаете присмотритесь к нижнему шаблону, вторая строка). Но оценив все за и против, я не буду вносить подобные новшества.
В общем все, работа над файлом index.php завершена, перевод шаблона в самом разгаре. К тому же я начал адаптировал его для работы некоторых плагинов.
В следующем посте я займусь переводом файла single.php.