3

投稿内にタブを作成するために、私は既にカスタム フィールド プラグインを使用しています。このプラグインは、完全にユーザー フレンドリーで、うまく機能するため、維持したいと考えています。

これは、Wordpress 管理ダッシュボード内のこれらの投稿タブのスクリーンショットです。

ここに画像の説明を入力

投稿の表示は次のとおりです。

ここに画像の説明を入力

ただし、このプラグインはこれらのタブのパスを URL に追加していません。現在、開いているタブが選択されている投稿の直接リンクを取得できません。

私はこのURLの結果を探しています:http://xxxx/categorie/title-of-my-post/tab1

アイデアや解決策はありますか？

注: Wordpress ダッシュボードはクライアントによって使用されるため、コンテンツの追加はできるだけ便利でなければならず、便利なソリューションはすべて受け入れられます。

ありがとう

4

4 に答える 4

0

ちょっとしたデモを作りました。

ACF プラグインを使用して、tab1、tab2、および tab3 という 3 つのフィールドを持つフィールドグループを作成しました。グループ ルールを指定して、ページ " tabtest (working demo) " に表示されるようにしました。

デモでは、jQuery UI のタブを使用しました。現在のフッターとヘッダーが別のデモに使用されているため、js を正しい場所に配置する手間を省きました。

<?php get_header(); ?>

    <div id="primary" class="site-content">

        <div id="content" role="main">

            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
            <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
            <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">Nunc tincidunt</a></li>
                    <li><a href="#tabs-2">Proin dolor</a></li>
                    <li><a href="#tabs-3">Aenean lacinia</a></li>
                </ul>

                <div id="tabs-1"><p><?php the_field('tab1');?></p></div>
                <div id="tabs-2"><p><?php the_field('tab2');?></p></div>
                <div id="tabs-3"><p><?php the_field('tab3');?></p></div>
            </div>

            <script>
                $(function() {
                    $( "#tabs" ).tabs();
                });
            </script>

        </div><!-- #content -->

    </div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>
于 2013-06-21T12:43:26.120 に答える