Месяц: Декабрь 2018

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

Я создал несколько записей и наполнил их текстом разного размера.

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

Я создам свой цикл и выведу статьи на странице:

<div class="blog">
    <ul class="blog__list">
    <?
        $agrs = array(
            'numberposts' => -1,
            'post_type'   => 'post'
        );
        $posts = get_posts($agrs);

        foreach ($posts as $post) {
            setup_postdata($post);
    ?>

        <li class="blog__item article">
            <p class="article__title">
              <a href="<? the_permalink(); ?>">
                <? the_title(); ?>
              </a>
            </p>
            <span class="article__time"> Количество минут </span>
            <p class="article__descr">Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вопрос бросил собрал что. Текстами сих назад власти великий букв.</p>
        </li>

    <? }; //endforeach ?>
    </ul>
</div>

И вот что получилось на выходе:

Теперь давайте считать сколько будем тратить на прочтение страниц. Как получить это число? Все просто. Нам нужно посчитать, сколько в статьей знаков и поделить на среднюю скорость чтения, потом округлим число до целого.
Это и будет количество минут.

Для начала посчитаем количество знаков в статье. В нашем цикле переменная $post имеет свойство post_content, в котором находится весь контент нашей страницы.

$post->post_content;

Для подсчета знаков мы воспользуемся функцией strlen ():

strlen($post->post_content);

Давайте запишем полученное число в переменную и выведем ее на странице:

<div class="blog">
    <ul class="blog__list">
    <?
        $agrs = array(
            'numberposts' => -1,
            'post_type'   => 'post'
        );
        $posts = get_posts($agrs);

        foreach ($posts as $post) {
            setup_postdata($post);

            $post_content_length = strlen($post->post_content);
            echo $post_content_length;
    ?>

        <li class="blog__item article">
            <p class="article__title"><a href="<? the_permalink(); ?>"><? the_title(); ?></a></p>
            <span class="article__time"> Количество минут </span>
            <p class="article__descr">Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вопрос бросил собрал что. Текстами сих назад власти великий букв.</p>
        </li>

    <? }; //endforeach ?>


    </ul>
</div>

Идем и проверяем:

Теперь нам нужно разделить число на среднюю скорость чтения, которая равна 1500 знаков в минуту. Упакуем результат выражения в переменную $time_for_read и выведем на странице:

$post_content_length = strlen($post->post_content);
$time_for_read = $post_content_length / 1500;
echo $time_for_read;

Теперь нужно округлить число. Нам поможет функция round (). Округляем и выводим на странице:

$post_content_length = strlen($post->post_content);
$time_for_read = $post_content_length / 1500;
$time_for_read = round($time_for_read);
echo $time_for_read;

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

Но это еще не все, нам нужно подставить значение переменной в тег и добавить слово «минут»:

<span class="article__time"><? echo $time_for_read; ?> минут</span>

Все бы ничего, но вот «4 минут» — не звучит. Нам нужно чтобы подставлялось нужное слово. Для этого мы добавим функцию, которая поможет сделать это:

<?
function getNumEnding($number, $endingArray) {
    $number = $number % 100;
    if ($number>=11 && $number<=19) {
        $ending=$endingArray[2];
    }
    else {
        $i = $number % 10;
        switch ($i) {
            case (1): $ending = $endingArray[0]; break;
            case (2):
            case (3):
            case (4): $ending = $endingArray[1]; break;
            default: $ending=$endingArray[2];
        }
    }
    return $ending;
}
?>

Ее нужно поставить перед нашим циклом или в начале страницы.

Что она делает?

Функция в зависимости от числа подставляет слово, которое мы указываем в параметрах функции. Рассмотрим их:

getNumEnding($number, array('минуту','минуты','минут'));
 
 
// Первый аргумент масcива - слово, которое должно соответствовать числам: 21, 31, 41, 51
// Второй аргумент масива - слово, которое должно соответствовать числам: 22, 32, 42, 52
// Третий аргумент масива - слово, которое должно соответствовать числам: 15, 25, 35, 45

Используем в нашем проекте, вместо $number подставим переменную с минутами $time_for_read, а в массиве поставим нужные слова.

$post_content_length = strlen($post->post_content);
$time_for_read = $post_content_length / 1500;
$time_for_read = round($time_for_read);
$time_ending = getNumEnding($time_for_read, array('минуту','минуты','минут'));

И нам нужно поменять наше слово «минут» на переменную $time_ending:

<span class="article__time">
  <? echo $time_for_read; ?> <? echo  $time_ending; ?>
</span>

Вот теперь все, мой юный падаван, ты повелеваешь временем.

Код страницы полностью:

<?

/**
 * Template Name: Blog
 */


 get_header();

 function getNumEnding($number, $endingArray) {
    $number = $number % 100;
    if ($number>=11 && $number<=19) {
        $ending=$endingArray[2];
    }
    else {
        $i = $number % 10;
        switch ($i) {
            case (1): $ending = $endingArray[0]; break;
            case (2):
            case (3):
            case (4): $ending = $endingArray[1]; break;
            default: $ending=$endingArray[2];
        }
    }
    return $ending;
}
?>

<main class="container page">

    <h1 class="page__title">Блог</h1>

    <div class="blog">
        <ul class="blog__list">
        <?
            $agrs = array(
                'numberposts' => -1,
                'post_type'   => 'post'
            );
            $posts = get_posts($agrs);

            foreach ($posts as $post) {
                setup_postdata($post);

                $post_content_length = strlen($post->post_content);
                $time_for_read = $post_content_length / 1500;
                $time_for_read = round($time_for_read);
                $time_ending = getNumEnding($time_for_read, array('минуту','минуты','минут'));

        ?>

            <li class="blog__item article">
                <p class="article__title"><a href="<? the_permalink(); ?>"><? the_title(); ?></a></p>
                <span class="article__time"><? echo $time_for_read; ?> <? echo  $time_ending; ?></span>
                <p class="article__descr">Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вопрос бросил собрал что. Текстами сих назад власти великий букв.</p>
            </li>

        <? }; //endforeach ?>


        </ul>
    </div>

</main>


<? get_footer(); ?>

Видеоурок:

Видеоурок:

Привет, друзья!

Многие из нас обновились до 5 версии WordPress и классический редактор резко накрылся и остался только Gutenberg.

Сегодня я расскажу как его вернуть, это займет 5 минут.

Возвращение короля классического редактора

Сначала нужно установить плагин classic editor, для этого:

1.Заходим в плагины и нажимаем «Добавить новый»

2.Находим Classic Editor

3.Устанавливаем и активируем его.

Мне нравится писать статьи в новом интерфейсе, а в старом работать с плагинами, которые еще не перестроились до нового оформления редактора.

Сделаем так, чтобы можно было выбирать в каком редакторе изменять статью.

Идем, а настройки -> написание, выбираем редактор по умолчанию и возможность выбирать редактор.

Спасибо за прочтение статьи!
Если она была полезной для вас — ставьте лайк 🙂
Это важно для меня

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

1. Не уникальный сайт.

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

2. Самодеятельность.

«Но можно же сделать какой угодно сайт. Непохожий на другие». Безусловно, можно, но сколько вы потратите на это времени, сил и навыков? Сфера бизнеса, множество разработчиков, технологии, все они остаются не удел если вы решили взять всю работу по сайту на конструкторе на себя. Без знаний и опыта вы можете создать настоящий «шедевр». Странно, что после настройки и запуска сайта на конструкторе многие владельцы бизнеса задаются вопросом: почему нет продаж?

3. Условно бесплатный сайт.

Большинство конструкторов предлагают вам создать сайт бесплатно. На деле оказывается что бесплатно доступен такой функционал, который никак не выделит вас среди конкурентов. Все дополнительные возможности оплачиваются отдельно и на постоянной основе. Эти платежи вам придется закрывать постоянно. Стоимость аренды за несколько месяцев сравнима с созданием сайта у разработчиков. Только если вы закажете сайт у разработчиков — вам не нужно будет каждый месяц платить за конструктор.

4. Невозможность глубокого SEO.

Совсем недавно сайты на конструкторах не индексировались поисковыми системами и грузились крайне медленно. Сейчас все немного изменилось. Крупные площадки предлагают возможности по установке счетчиков статистики, изменению метатегов. Это конечно здорово, но недостаточно для того, чтобы повысить позиции в выдаче таких сайтов. Если вы обратитесь за продвижением сайта на конструкторе, то вам либо откажут сразу, либо не смогут обещать и половины от вероятных результатов от продвижения сайта на CMS.

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