Как сделать содержание (оглавление) в статьях. Быстро и просто

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

77 комментариев к “Как сделать содержание (оглавление) в статьях. Быстро и просто”

  1. Когда Артем стримы типа критики сайтов? или тупо стримы, чтоб вопросы задать. Лайк как всегда!

    Ответить
  2. Спасибо. Не использовал данных плагинов. Но попробую. Скажите после установки плагина в уже имеющиеся статьи тоже добавляется содержание?

    Ответить
    • Если в настройках включить автодобавление содержания и выбрать соответствующие типы постов, то да, добавиться.

      Ответить
  3. Четко про SEO бы узнать, я так много прочитал и рассмотрел, что у меня разум помутнился, кто только чего не советует.. Знаю не сеошник..

    Ответить
  4. Благодарю! Наконец то избавился от раздражающего меня аккордеона. Заменил на оглавление. Артем! А аккордеон тоже считается поисковиками как скрытое содержание?

    Ответить
    • Всегда пожалуйста.
      Формально да. Показать/скрыть — это по сути и есть аккордеон, только в одном элементе

      Ответить
    • +WPRUSe · Финты WordPress Ваше видео напомнило мне о содержании. В верде пользуюсь постоянно, а вот использовать на сайте как то мне в голову не пришло. А сейчас вообще задумался. Что если бы в вордпрессе был бы редактор с возможностями верда? Первый свой сайт я собрал на front padge. По сути это была программа, которая конвертировала верд в html + доп инструменты, нужные для сайта (страницы, меню…)

      Ответить
    • Верда? Имеется ввиду Word? Если да, то подобный редактор в WordPress есть. Может не такой навороченный, но его вполне хвататет

      Ответить
  5. Как оно в адаптиве вести себя будет и будет ли юзабельно

    Ответить
  6. Внизу страницы «поделиться» h3. Тоже попадает в оглавление. И еще попадает в оглавление первый заголовок даже если в настройках устанавливаем содержание после первого заголовка.

    Ответить
    • +Boris Alyanaki Вот неправильно они теги используют. Для служебного блока ни к чему использовать H3, там DIV нужен.
      В следующей версии добавлю возможность исключать заголовки по названию (например, share* исключит этот элемент как раз).

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

      Ответить
    • +Sergey Predvoditelev Не вижу ничего сложного для пользователя! К тому же в большинстве случаев первый заголовок страницы или записи H1 тоже не должен попадать в оглавление. А если после текста на страницу вставили текстовый виджет и в нем тоже есть заголовки? тоже попадет в оглавление? Поэтому я и предлагаю дать возможность пользователю самому выбирать с какого заголовка начать и каким закончить содержание. Ну и доп опция появится с двумя содержаниями на одной странице. А что я в настройках выбирал? «После первого заголовка». Мне не помогло. Первый заголовок тоже попал в оглавление. Если бы я занимался постановкой задачи для написания плагина, то я бы взял за аналог функционал создания оглавлений верда! Чего в отличии от верда нам не хватает в вордпрессе? Разделов! Деля вердовский документ на разделы мы получаем возможность работать над каждым разделом, как над отдельным документом. Разные колонтитулы, разные ориентации страниц, в каждом разделе свое оглавление… Начал новый раздел за заголовком и этот заголовок уже не попадет в авто оглавление. В вердпрессе разделов нет. Значит проще всего пользователю самому определиться сколько у него заголовком должно попасть в оглавление и начиная с какого заголовка. Я бы в первой ячейке «начать с заголовка №____ » ввел значение «2». Во втоой ввел значение «20». Посмотрел на результат. Увидел лишний заголовок плагина. Посчитал его номер, ввел во вторую ячейку новую цифру и все!.И еще есть один плюс моего подхода. Вдруг пользователь захочет добавить позже какие то заголовки ниже озаглавленного текста, но не захочет, чтоб эти заголовки попали в оглавление. В предлагаемом мной варианте количество заголовков, входящих в оглавление, является статичным. Ну, а если пользователь захочет добавить и новые заголовки, тоже проблемы нет. Во второй ячейке поменял число….

      Ответить
    • +Boris Alyanaki

      1) H1 и не попадает в оглавление, так как он выводится отдельно от содержимого поста, а оглавление как раз строить только по содержимому поста.

      2) «После первого заголовка» — это выбирается местоположение блока с оглавлением при автоматической вставке. К тому, какие заголовки попадут в оглавление это не имеет отношения.

      3) Что касается описанного глубокого подхода с оглавлением, то я думаю это не про плагин, а про ручную сборку оглавления. Мне кажется, что это очень и очень редко требуется. Поле для исключения некоторых заголовков из содержания решит большинство задач (его я реализую).

      4) Что касается нескольких оглавлений на странице… Даже не думал о таком. Когда это в принципе может потребоваться?

      Ответить
    • +Hobby-up Заголовок из Contextual Related Posts подтягивается в оглавление?
      Если да, то это можно будет решить в новой версии, там будет поле, куда можно будет вбить заголовки, которые будут исключены из оглавления.

      Ответить
  7. Чего мне не хватает во всех подобных плагинах, так это кнопки для сокращения — раскрытия длинных оглавлений. Пришлось в дополнение к плагину добавлять кнопку ручками. Как это выглядит можно посмотреть здесь: https://russkiiyazyk.ru/orfografiya/bezudarnye-glasnye-korne-slova.html

    Ответить
    • Выглядит интересно, поставлю в список доработок на будущее подобный функционал.

      Ответить
    • Во-первых, как вы сами говорили в этом видео, при использовании функции показать/скрыть может не сформироваться тот самый сниппет с быстрыми ссылками взятыми из содержания. Во-вторых, существует рекомендация, которая предписывает, чтобы контентная часть начиналась на первом экране (без прокрутки). Это хорошо для СЕО. Длинное содержание этому будет мешать. В-третьих, мне просто больше нравится именно это решение, при котором посетитель видит только часть содержания статьи, и при желании раскрывает его полностью.

      Ответить
    • Хм, ну может вы и правы, насчет контентного содержания. Попробую у себя так сделать

      Ответить
  8. Артем, извините что не по теме. Но может кто то подскажет или Вы, выпустите новое видео, как на вукомерсе сделать дробное количество товара. Ну например что бы можно было добавить в корзину не 2 а 2.5 или 3.1. ? Спасибо!

    Ответить
  9. вопрос не по теме, но по woocommerce: скажите, как сделать, чтобы в checkout отображался налог возле каждого товара, а не в сумме. Вот у меня 2 разных вида процентных ставок, пытался кодом написать, но не особо силён в php… Был бы 1 вариант — можно было бы задать цену товара умноженную на процент и «echo», а что делать с двумя? То есть нужна функция, которая бы определяла какой % налога у товара и вписывала бы сумму. Много форумов почитал, ничего дельного не нашёл, возможно это проще, чем мне кажется..

    Ответить
    • +WPRUSe · Финты WordPress Спасибо за быстрый ответ. В вукомерс настройках есть такой пункт, но там вариант только для показа цен в магазине, т.е. на самой странице товара и в общем каталоге. Ещё есть вариант показывать на странице checkout показывать налог суммарный или подробный, но это всё показывается уже в totals, после методов доставки, а хотелось бы, чтобы отображалось вверху, где названия товара, количество и его цена, вот возле цены нужно в скобках что-то вроде (20% ПДВ) и (10% ПДВ), в зависимости какой тип налоговой ставки

      Ответить
    • @WPRUSe · Финты WordPress ага, страница оформления заказа и корзина, где уже итоговые суммы подбиваются

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

      Ответить
    • @WPRUSe · Финты WordPress я, видимо, не так ответил, имелось в виду «Да, это корзина получается» в том плане, что там нужно, чтобы показывалась сумма налога или её %. То есть в настройках вукомерс можно настроить отображение цены в каталоге и странице одиночного товара, а мне нужно, чтобы это показывалось на странице оформления заказа, где указано название товаров и их количество с ценой, т.к. после заказа идёт печать счёт-фактуры и это полная копия данных страницы заказа, там должен указываться налог для каждого товара, т.к. он бывает разный

      Ответить
    • Хм, не готов ответить, надо смотреть код. По идее это должно из коробки работать, но надо проверить

      Ответить
    • @WPRUSe · Финты WordPress вот и я думал, что должно всё быть в настройках, всё таки woocommerce самый популярный плагин для магазинов на вордпресс, было очень странно видеть, что там такого нет. Спасибо рассмотрение вопроса, я надеялся, что такой случай где-то встречался у Вас.
      Я, кстати, почти нашёл решение, сейчас работаю над тем, чтобы добавить формулу для цены без налога и вывести в скобках переменную с разницей (цена с налогом — цена без налога), функция get_product_subtotal.

      Ответить
  10. не написал как скрыть содержание от индексации, там переспам может быть ключей

    Ответить
    • Зачем его скрывать от индексации и с чего вдруг будет переспам?

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

    Ответить
  12. Привет Артём! Плагин понравился. На моем сайте есть немного статей, на которые из которых не лишне было бы сделать «содержание». Но…. помню твой возглас (как бы невзначай) на «Критике сайта» — «Етить-колотить! А плагинов то сколько понаставлено!»))))) В связи с этим вопрос: сколько их может быть максимум? У меня сейчас активны (все нужные) 23 плагина. Наверно, это уже перебор? Или всё-таки можно ещё добавить?
    Спасибо!

    Ответить
    • Привет! У меня 30 включено) Дело не в количестве плагинов, а в нужности и качестве плагинов, если они все нужны, то тут уже никуда не деться

      Ответить
  13. здравствуйте Артем. У меня часто пишет вот так, когда я что та хочу менят (вас нет прав доступа к /wp-admin / options.РНР на этом сервере Кроме того, 403 запрещено при попытке использовать ErrorDocument для обработки запроса была обнаружена ошибка. .) яндекс метрика, uptulock и т.д как можна исправит ? я начинаюши толка учусь Wp

    Ответить
    • Доброго! Это у вас на сайте какие-то ошибки, сложно что-то конкретное сказать

      Ответить
    • На wp-kama.ru посмотрите, там есть решения для впиливания в сайд бар подобного

      Ответить
    • @Sergey Predvoditelev Сергей, спасибо Вам огромное за такое чудо!!! ))) Артему всегда респект, такие обзоры нужные и качественные!!! Подскажите пожалуйста, мне нужно чтобы на 5 страницах были посты, а содержание собиралось вместе на отдельной странице, я понял что есть шорткод, но нигде его не нашел, если не сложно подскажите как это можно осуществить?

      Ответить
    • @Андрей Купцов Содержание генерируется на странице поста для этого поста. Возможности вынести содержание на другую страницу, к сожалению, нет.

      Ответить
  14. Здравствуйте! Нужна помощь. Есть сайт, на нем есть несколько рубрик в которых есть записи. В числе этих рубрик есть рубрика «новости» в которой есть записи и они должны выводиться ввиде блога (то есть они часто будут добавляться и выводится на странице блога ). Я знаю как создать отдельную страницу для блога, но в ней выводятся все записи из разных рубрик, а мне нужно чтобы на странице блога выводились записи из рубрики «новости». Есть вот такой код, он выводит все записи из рубрик

    get_option(‘posts_per_page’),
    ‘paged’ => $current_page
    );
    query_posts( $args );

    $wp_query->is_archive = true;
    $wp_query->is_home = false;

    while(have_posts()): the_post();
    ?>

    <a href="»>
    <a class="inform_link" href="»>Узнать больше

    надо изменить в переменной $args параметры что бы выводились из нужной категории

    Ответить
    • Код не совсем верный, но рабочий. Смотрите документацию по WP_Query, для вывода по рубрике можно использовать аргумент cat. Примерно так
      ‘cat’ => 23 // id рубрики

      Ответить
  15. Спасибо за обзоры и инструкции, ваш канал самый толковый из всех по вордпрессу -)

    Ответить
    • Всегда пожалуйста! Ну не из всех, у коллеги с wp-plus потолковее контент, но тут кому что нравится

      Ответить
  16. Почему то на одной статье создалось содержание, а на других не хочет

    Ответить
  17. Всё отлично рассказано, но как работать с плагином если текст уже опубликован, а плагин только что поставил, об этом ни слова.

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

    Ответить
  19. Там теперь есть раздел SEO.
    1. Обернуть содержание тегом
    2. Использовать rel=»nofollow» для ссылок
    Их включать или не нужно?

    Ответить
    • Не знаю, это типа скрытие от индексации, это вам решать, закрывать или нет

      Ответить
  20. Полное говно, а не простой способ. Автор просто у других украл текст и снаял видео. Никакой инструкци здесь нет. Уже 15 видео подобное смотрю и нет ответа как его использовать. Установить — это ерунда, а как его исполььзовать?

    Ответить
    • Зачем тогда смотрите раз все говно? Разберитесь сами, запишите видео и будет вас счастье.

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

      Ответить
  21. А есть ли возможность спрятать подзаголовки по типу выпадающего меню?

    Ответить
  22. Как сделать чтобы содержание было отключено на ненужных страницах блога?

    Ответить
    • По дефолту наверное никак, это проще у автора спросить. Но подозреваю, что только через фильтры программно только

      Ответить
  23. Долбилась пару дней над этим вопросом, а оказалось такой есть легкий в управлении плагин! Огромная благодарность вам за обзор. Как классно, когда делаешь себе сайт на базе нулевых знаний и есть такие люди, как вы, которые делятся своими наработками, с учетом, что не все программисты……..у меня текст уже был готовый и сразу же после установки плагина и некоторых настроек автоматически появилось содержание….до чего техника дошла! )))

    Ответить

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

%d такие блоггеры, как: