Разбивка страницы на под-страницы

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

Есть у меня сайт на wodrpress (WordPress 3.2.1.) с использованием темы Twenty Eleven.

На нем есть страницы (не записи) которые уже сейчас довольно "длинные", а в будущем страницы будут еще длиннее…

К примеру: http://www.mortalkombat.com.ua/personazhi/subzero/
Это страница о персонаже игры, все что "новое" и интересное – я добавляю на эту страницу. Для простоты восприятия посетителем, я хочу её разделить "на вкладки". Вот пример того что я хочу:
http://www.mortalkombat.com.ua/primer.html

Может есть некий плагин который поможет через теги <div>, или другим способом, непосредственно в редакторе WordPress разделять страницу на "вкладки". Если такого плагина нету, может есть способ подключить javascript к редактору?

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Mortal Kombat</title>
        <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.min.js'></script>
        <style type="text/css">
            #list div {display: inline-block; cursor: pointer;}
            #list div.active {background-color: #f00;}
            #content div {display: none;}
            #content div.active {display: block;}
        </style>
        <script type='text/javascript'>
            $(document).ready(function() {
                $('#list div').click(function(){
                    $('#list div').removeClass('active');
                    $(this).addClass('active');
                    $('#content div').removeClass('active');
                    $('#content div').eq($('#list div').index($(this))).addClass('active');
                });
            });
        </script>
    </head>
    <body>
        <div id="list">
            <div class="active">История</div>
            <div>Удары</div>
            <div>Видео</div>
            <div>Карат персонажа</div>
        </div>
        <div id="content">
            <div class="active">text 1</div>
            <div>text 2.</div>
            <div>text 3.</div>
            <div>text 4.</div>
        </div>
    </body>
</html>

Коментарии: 1

Plut-ON

30.11.2011 08:40

Ответить

Думаю оптимально сделать для этой страницы дочерние страницы с названиями "История", "Удары", "Видео", "Карат персонажа"
А для основной страницы создать шаблон (на основе Вашего примера) который будет выводить все дочерние страницы в виде вкладок.
о индивидуальных шаблонах страниц много написано здесь http://forum.maxsite.org/viewtopic.php?id=2828

Разбивка страницы на под-страницы

Свежее