Как разделить контент на две колонки wordpress

WordPress замечательная CMS, однако для реализации некоторых функций в вашей теме, иногда требуется нестандартное мышление. Обычно текст записи или страницы, выводится в шаблоне, с помощью одиночного вызова соответствующей функции:

the_content(args);

Но, что если вам нужно разделить контент на несколько блоков? Это может потребоваться, для многоколоночной темы, или, имеющей несколько разделов на одной странице. В wordpress есть функция get_the_content(), для получения контента в виде PHP-переменной, но как же определить где именно располагаются разделы?

Существуют различные решения, но все они сводятся к следующему:

  1. Разбивание контента HTML-тэгами, такими например, как заголовок h2. К сожалению, этот метод предполагает наличие минимальных знаний HTML у автора, к тому же он не очень гибкий – вам нельзя будет использовать два заголовка в одной колонке.
  2. Использование шорткода WordPress. Это более удобный способ, но все же, он накладывает определенные обязательства на редактора статьи — запоминать и правильно использовать необходимый код.

WordPress-тэг <!—more—>, может предложить гораздо лучшее решение. Обычно, он используется для разбиения длинной статьи на две части, однако не все темы используют эту возможность, к тому же, по умолчанию, он работает только для записей (не для страниц). Использование тега <—more—>, имеет ряд преимуществ:

  • кнопку “more”, которая доступна как в HTML, так и в визуальном редакторе.
  • разделы можно располагать в любом месте текста.
  • принцип действия очень простой, процесс разделения контента понятен даже не опытным пользователям.

Для того, чтобы использовать тег more, для разделения статьи, вам понадобится файл functions.php, расположенный в вашей теме. Просто откройте его, и вставьте следующий код.

// разбиваем контент тегом more и возвращаем в виде массива
function split_content() {
 
    global $more;
    $more = true;
    $content = preg_split('/<span id="more-\d+"><\/span>/i', get_the_content('more'));
    for($c = 0, $csize = count($content); $c < $csize; $c++) {
        $content[$c] = apply_filters('the_content', $content[$c]);
    }
    return $content;
 
}

Теперь, вам нужно найти файлы темы, содержащие вызов функции the_content(), расположенный внутри цикла. Как правило, это файлы single.php и page.php, которые используются для отображения одиночной записи и страницы. Однако, кроме этих файлов, the_content() также используется в файлах index.phparchive.php и search.php, для вывода списка записей, поэтому будьте осторжны, с внесением изменений в шаблон.

После того, как найдете нужный код, закомментируйте строку вызова функции the_content(), и вызовите функцию split_content().  Она вернет контент в виде массива,  где каждый элемент представляет собой одиночный блок контента, разделенный тегом <--more-->$content[0]$content[1]$content[2] … и так далее. После этого, расположить блоки внутри нужной HTML-разметки не составит труда.

< ?php
// обычный вывод контента
// the_content('<p>Read the rest of this page »</p>');
 
// разбиение контента в массив
$content = split_content();
 
// вывод первой секции контента в отдельной колонке
echo '<div id="column1">', $content[0], '</div>';
 
// вывод оставшейся части контента в другой колонке
echo '<div id="column2">', implode(array_shift($content)), '</div>';
?>

Альтернативой может служить следующий метод: в single.php и/или page.php, обязательно внутри Цикла (Loop), сначала выводим первую часть — тизер — вот таким образом:

<!--?php $more=0; the_content('',false); ?-->
А потом — всё остальное:
<!--?php $more=1; the_content('',true); ?-->

Надо заметить, что этот метод позволяет поменять порядок вывода половинок контента (WP2.5 — на свежих проверить) .

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
× iOs app

To install this Web App in your iPhone/iPad press iOs sourse and then Add to Home Screen.