Как сделать статьи на wordpress


  • ≡  11 Июнь 2015   ·  Рубрика: Wordpress и плагины   

    Содержание статьиПриветствую всех посетителей этого блога!
    О том, как можно сделать содержание статьи сайта, я уже писал в этой статье. Но те инструкции, которые я давал там, могут показаться немного запутанными, а для новичков просто непонятными.

    Иногда я сам перечитывая ту статью, понимаю, как тяжело будет разобраться в ней молодому блогеру, который впервые слышит такие термины как: якорь, ссылка якорь, теги статьи и т.п. Поэтому я начал искать другие более простые, но одновременно лучшие решения, для реализации содержания (оглавления) к статье в блоге созданном на wordpress.

    Хочу вас обрадовать друзья! Такие решения я нашёл и сейчас вам их предоставлю.

    Содержание статьи

    Как можно вывести краткое содержание статьи с помощью плагинов WordPress

    На самом деле, существует множество способов создания меню к статье, как с помощью  плагинов, так и с помощью специальных кодов.

    Сейчас я вкратце сделаю обзоры некоторых плагинов, но более подробно я расскажу о плагине Table of Contents Plus. На мой взгляд, именно благодаря этому плагину можно сделать самое простое и одновременно лучшее содержание (оглавление, навигацию) в статьях вашего сайта.

    Плагин Simple TOC

    Данный плагин очень лёгкий и простой в использовании. Мне он не очень понравился только из-за того, что при его использовании, меню выглядит не очень эффектно и просто. Но у каждого свой вкус, так что решайте сами.

    И так, скачайте этот плагин здесь, или найдите его через поиск плагинов в админ панели.

    Устанавливаем, активируем и переходим на редактирование статьи.

    Здесь всё просто. В редакторе появится новая кнопка.  Так это выглядит:

    Плагин simple toc

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

    Настройки плагина simple toc

    What to insert — в выпадающем меню выбираете метод вставки блока содержания. Советую выбрать пункт по умолчанию «auto toc heading»

    Auto generate heading by tag — здесь можете прописать те теги, заголовки которых вы хотите, чтобы отображались в блоке оглавления.

    То есть, если вы хотите, чтобы в содержании была навигация только на заголовки с тегами h2, то так и пишите — h2. Если желаете видеть навигацию на все заголовки, то так и пишите — h2, h3, h4, h5, h6  и так далее. В принципе, если вы выбрали в первом пункте auto toc heading, то блок меню будет автоматически опознавать теги h2 и h3.

    Жмёте на кнопку «insert» и в статье появится такой шорткод:

    шорткод плагина simple toc

    Публикуем статью и любуемся на наше меню в статье. Так это будет выглядеть:

    Оглавление статьи с помощью плагина simple tocЛично мне не очень нравится. Слишком простенько!

    Плагин — Table of Contents Generator

    Этот плагин аналогичный прошлому, только кнопка в редакторе будет выглядеть так:

    Кнопка плагина Table of Contents Generator

    Скачать этот плагин вы уже не сможете. Его удалили, но если вдруг где нибудь встретите,то знайте…

    На мой взгляд серьёзный недостаток этого плагина это то, что у него нет настроек и поэтому, он автоматически создает упорядоченный список содержания статьи, путем сканирования заголовков всех тегов, от h1 до h6. То есть, в отличие от плагина simple toc, вы не сможете выбрать желаемые теги, для оформления меню с определёнными заголовками.

    Так что мне этот плагин не подходит.

    Плагин Table of Contents Plus — лучший плагин для реализации содержания в статьях

    А сейчас, начинается самое интересное.

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

    Его внешний вид будет очень похож на меню из Википедии. Сейчас на моём блоге как раз реализовано такое меню во всех статьях. Обратите внимание.

    Кстати, почитайте эту статью тоже:   Плагины Вордпресс (Wordpress), установленные на моём блоге

    Настройки плагина Table of Contents Plus

    И так, скачиваем этот плагин здесь, или находим его через поиск плагинов в админке.

    После его установки и активации, переходите в «Настройки» и там находите новый раздел «TOC+»

    Переход к настройкам плагина Table of Contents Plus

    И так, что мы видим:

    Главные настройки плагина Table of Contents PlusНастройки Table of Contents PlusДополнительные настройки плагина Table of Contents Plus

    Position — В этом выпадающем меню вы должны выбрать функцию, которая определит в каком месте будет выводиться блог содержания. По умолчанию стоит «before first heading (default)», а это значит, что ваш блок будет выводиться сразу же перед первым подзаголовком. Это как раз то, что надо.

    Show when — Здесь вы должны выбрать число, которое определит количество подзаголовков в меню статьи. Лично я советую выбрать цифру 4 или 5, так как маленькое количество подзаголовков говорит о том, что статья не такая уж и длинная. А для коротких статей нет смысла делать содержание.

    Auto insert for the following content types — здесь вы решаете где будет отображаться блог содержания:

    post — статья

    page — страница

    envira — страница с галереей (не обращайте внимание на это! У вас такого нет)

    wpcf7_contact_form — страница обратной связи (выведенное с помощью плагина Contact Form 7) у вас может отличаться.

    slides — слайды

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

    Heading text — Здесь вы должны решить, будет ли отображаться название меню. То есть, если вы поставите галочку в пункте «Show title on top of the table of contents» то под ним появится поле, в котором нужно прописать название меню. В моём случае я прописал «Содержание статьи», а вы можете его назвать по другому, например: «меню статьи» или «оглавление статьи» или «краткое содержание статьи».

    Далее, если вы поставите галочку в пункте «Allow the user to toggle the visibility of the table of contents«, то под ним появятся два поля:

    Show text — показать содержание

    Hide text — скрыть содержание

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

    Hide the table of contents initially — Если вы здесь поставите галочку, то ваше меню изначально будет скрыто. Как вы видите, я галочку не поставил, так как хочу, чтобы оно всегда было показано. Кто захочет, тот сам его закроет.

    Show hierarchy — Показывать иерархию в меню (древовидное оглавление)

    Number list items Количество элементов списка. То есть, перед каждым пунктом в меню будет отображаться его номер. Это значит, что первый заголовок в статье станет номером 1, второй заголовок станет номером 2, а первый подзаголовок второго заголовка станет номером 2.1. Надеюсь, что понятно объяснил.

    Enable smooth scroll effect — Включить плавный эффект прокрутки до желаемого заголовка. На самом деле этот эффект не очень уж и эффективный smile Но вы можете поиграться с ним и определиться, нужен ли он вам, или нет.

    Appearance — Здесь вы можете определить место положение и размеры блока оглавления.

    Width — Ширина блока. Советую вам выбрать как у меня «Auto(default)». В этом случае ваш блог будет оптимизирован под все мобильные устройства.

    Wrapping — Здесь вы можете определить, будет ли ваш блок находиться слева или справа на странице. Если выбрать None(default), то блок будет находиться по умолчанию слева, как у меня сейчас.

    Font size — Размер шрифта. Лично я выбрал 95%. Советую вам тоже выбрать от 90% до 100%, так как именно этот процент оптимизирован для мобильных устройств.

    Presentation — Презентация. То есть, какой будет стиль блока содержания. Выберите тот, который больше всего подойдёт вашему дизайну сайта. Также можете создать свой уникальный стиль.

    Advanced (show) — Дополнительные настройки. Нажимаем на слово «show» в скобках и видим это:

    Дополнительные настройки toc+Настройки toc+toc+

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

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

    Единственный раздел, на который я хочу обратить ваше внимание, это:

    Heading levels — Здесь вы должны поставить галочки в тех уровнях заголовков, которых хотите видеть в содержании вашего меню. Как вы можете видеть у меня обозначены заголовки уровней — h1, h2, h3. Это значит, что если в статье будут заголовки с тегами h4, h5, h6, то в содержание они не попадут.

    После всех настроек, не забываем сохранить изменения и нажать на «Update option»

    И ещё…

    Если обратите внимание, то в самом верху есть возможность настроить карту сайта «Sitemap». Но в ней есть один недостаток! На странице с картой она не выводит все статьи, а только страницы и рубрики. Поэтому я решил довольствоваться картой сайта, ранее сгенерированным плагином Dagon Design Sitemap Generator.

    Как не выводить автоматически содержание статей плагином Table of Contents Plus

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

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

    Шорткод для отмены содержания с помощью плагина Table of Contents Plus

    Вы спросите: «Почему я предоставил вам скриншот с шорткодом, а не написал его просто в статье?» Дело в том, что если бы я написал этот код в статье, то моё меню пропало бы smile

    Некоторые недочёты плагина Table of Contents Plus

    Как жаль, что я нашёл некоторые непредвиденные моменты при использовании этого замечательного плагина Table of Contents Plus. 

    Дело в том, плагин автоматически сканирует все заголовки, в зависимости от наших настроек. То есть, если вы выбрали в дополнительных настройках заголовки h2 и h3, то плагин отобразит в содержании статьи все заголовки, существующие на странице, а не только из статьи. Поэтому, если под статьями блога у вас выведены дополнительные заголовки с тегами h2, h3,  то они тоже появятся в содержании. В таком случае, вам нужно будет лесть в код и менять теги.

    Обратите внимание на то, что в моём блоке отображается заголовок «Почитать другие похожие статьи». Он выводится из-за плагина WordPress Related Posts. Как раз об этом я и говорю. Но лесть в код плагина я не собираюсь, поэтому пусть будет так, как есть.

    Вот и всё!

    На мой взгляд, этот плагин заслуживает самых высших похвал и он отлично справился с созданием красивого и качественного содержания (навигации, меню) статей на сайте.

    Как сделать меню статьи без плагинов

    Этот раздел посвящается противникам плагинов smile

    Я уже предвижу такие комментарии, типа:

    1) Плагины грузят сайт

    2) Плагины тормозят блог

    3) Плагины опасны из-за взломов хакеров

    И т.д и т.п. smile

    Так что ребята, это информация именно для вас!

    На просторах интернета я нашёл на мой взгляд лучшее решение создания красивого содержания статей без плагина. И это можно сделать благодаря разработанному скрипту гениального веб мастера Тимура, автора замечательного блога wp-kama.ru

    Его скриптом уже пользуется такой популярный блогер как Пётр Александров, автор блога wpnew.ru, а это о чём-то говорит.

    Так что, добро пожаловать на статью Тимура, в которой он очень подробно объясняет каждое значение кодов в этом скрипте. Любители ковыряться в кодах получать огромное наслаждение от его статьи smile

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

    На этом я с вами прощаюсь и желаю удачи. Пока-пока.

    С уважением, Игорь Черноморец

    .

    Почитайте также другие, не менее интересные статьи:


    Поделись с друзьями



    Рекомендуем посмотреть ещё:


    Закрыть ... [X]

    Как сделать содержание статьи в wordpress: два способа Идеи для плакатов на день рождения своими руками

    Как сделать статьи на wordpress Как сделать статьи на wordpress Как сделать статьи на wordpress Как сделать статьи на wordpress Как сделать статьи на wordpress Как сделать статьи на wordpress

    ШОКИРУЮЩИЕ НОВОСТИ