logo

Наши контакты

Свяжитесь с нами любым удобным для вас способом!

Почта

info@mediastar.by

Телефоны

+375 33 328 09 40

+375 25 617 05 64

Skype

live:mediastarby

Вывод категорий WordPress списком

56

Вывод категорий WordPress списком

Те кто не в первый раз на WMSchool наверное заметили уже изменения в оформлении рубрик!?

Теперь на странице архивов категорий не только выведено краткое описание рубрики, кстати, как это сделать, подробно описано в статье: «Оформление архивов категорий WordPress!» Но и как Вы можете заметить, статьи выводятся без анонсов, т.е. статьи в рубрике расположены списком и что немаловажно в алфавитном порядке…

Так вот, в данной статье я попробую объяснить, как это сделать, причём объяснить так чтобы было понятно даже самому начинающему блоггеру! Ведь если честно я давно собирался оформить вывод категорий, таким образом, однако нигде не мог найти, как именно это сделать!

Что ж, поехали!

54

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

Что значит удалить всё лишнее?

Всё не так сложно как кажется на первый взгляд, посудите сами! Что нам необходимо оставить, для того чтобы выводился лишь список статей? Правильно! Заголовок, который выводиться при помощи тега title, а из этого следует, что практически все, что находиться после него лишнее!

И так, открываем файл archive.php и смотрим, что у нас там происходит…

В цикле, отвечающем за вывод рубрик WordPress, начинается он примерно так:

Практически в самом начале есть следующие строчки:

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

Если всё сделано правильно, должна нарисоваться картина где-то такого вида:

Уже компактнёй и привлекательней, не правда ли, однако ещё далеко до идеала, так что продолжаем оформлять вывод рубрик WordPress списком! Но в начале кое-что, наверное, стоит сказать по поводу того, что делать, если у Вас получилась не совсем такая картинка как показано выше, а вот такая вот аброказябра:

Скорее всего, Вы удалили лишний закрывающий тег /div, так что не паникуйте, а просто проверьте парность каждого и тегов div только то и всего! Конечно, если Вы все эти стрёмные эксперименты с издевательством над кодом шаблона проделываете в административной панели или блокноте то, как бы смешно это не звучало, но угрохать на это можно кучу времени. Я же рекомендую для работы с кодом использовать редактор SciTE – очень удобная вещь!

Что ж, идём дальше…

А дальше я так думаю, стоит убрать эти беспонтовые рамки, если они у Вас есть, конечно, и оформить всё в виде списка! Сделать это можно, отредактировав в файле style.css класс, который отвечает за оформление нашего цикла, у меня это – .postwrap у Вас, наверное, тоже, хотя не факт! Ну да ладно, думаю если Вы дошли до этой части, то сможете разобраться и дальше.

Так вот, для того чтобы убрать рамку необходимо только то и всего в классе .postwrap убрать строчку вида border: 1px. Если Вы знаете хотя бы основы html и css, то должны быть в курсе что border: 1px означает что-то вроде – рамка шириной в 1 пиксель, а если не знаете, то уже знаете…

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

Тут кстати всё тоже элементарно, всё что необходимо – это создать в файле style.css ещё один класс, к примеру, .newpostwrap и сделать его идентичным классу .postwrap за исключением параметра border естественно и прописать в файле archive.php вместо класса .postwrap класс .newpostwrap.

55

Теперь давайте оформим вывод рубрик WordPress списком. Для этого всего необходимо заключить функцию вывода заголовков вместо парного тега h1 – тег вывода заголовка в парные теги ul и li – теги списков.

Вот в принципе мы и сделали практически всё что хотели, рубрики у нас выводиться в виде списка, от анонсов не осталось и следа. Единственное что осталось – это оформить всё это дело в алфавитном порядке, ну и, конечно же, сделать, чтобы всё это дело оставалось на одной, так сказать без пагинации.

Для этого необходимо перед циклом (где начинается цикл, я писал в начале статьи) вызвать функцию вида:

Где order=ASC служит для сортировки по алфавиту, а posts_per_page=-1 для того чтобы показывать все записи без пагинации.

Что ж, на этом всё, теперь вы знаете, как оформить вывод категорий wordpress списком! Спасибо за внимание и до скорых встреч! Надеюсь, Вам понравилась статья!?

ЗАКАЖИТЕ КОНСУЛЬТАЦИЮ И ПОЛУЧИТЕ СКИДКУ 10% ДО КОНЦА МЕСЯЦА!
Превзойдите конкурентов! Повышайте продажи уже сегодня!
Ваши данные в безопасности.
Закажите бесплатную консультацию
Спасибо. Мы скоро свяжемся с вами!
Закажите бесплатную консультацию