Это определенно было бы индивидуальное решение, которое вам нужно было бы сделать, и не столько вопрос, на который здесь есть базовый ответ.
Однако, если это поможет, вы можете начать с категоризации сообщений обычным способом - или пометить их. WP позволяет оба. Поскольку мы не знаем, как вы используете сайт, давайте перейдем к тегам.
Не думаю, что у меня есть время написать полный синтаксис WP здесь, тем более что у них есть документация, которой легко следовать. Вот основная идея, хотя -
при загрузке страницы, получить сообщения с общим тегом и запустить цикл ...
$total = 0;
$position = 0;
$i = 0;
$this_id = $whatever_current_id_is;
while($the_tag_result_loop)
{
$total ++;
$the_id = get_the_ID();
if($this_id == $the_id)
{
$position = $i;
}
$i ++;
}
Затем в конце этого ужасно неэффективного цикла вы можете разделить область временной шкалы на переменную $ total, чтобы получить объем пространства, которое должна представлять каждая страница. Допустим, ваша область экрана или «озеро» имеет ширину 1000 пикселей.
$each_gets = 1000 / $total;
Затем умножьте переменную $ position на $ each_gets, чтобы найти левое поле.
$left_margin = $each_gets * $position;
Тогда, конечно, примените это к рассматриваемому элементу.
<div id="boat" style="margin-left:<?php echo $left_margin; ?>px"></div>
Имейте в виду, что это не решение для копирования / вставки или что-либо еще. Это просто точка в направлении А, не обязательно лучшая.
Лично я бы написал плагин для WP, чтобы составить это при отправке статьи и записать результаты в сам пост. Это не было бы особенно сложно, но я определенно не хочу писать здесь.