wordpress初心者です。
現在企業のホームページを作成しています。
ページ自体は完成しており、今後お客様が更新できるようビジュアルエディタの調整をおこなっているところです。
元々htmlで組んだものを、分解してテーマ化しています。
現在のソース
index.php↓
<?php get_header(); ?> <?php $page = get_post( get_the_ID() ); $slug = $page->post_name; ?> <?php while ( have_posts() ) : the_post(); ?> <div class="example" id="<?php echo $slug ?>"> <?php endwhile; ?> <nav id="bread_list"> <ul> <li><a href="<?php echo home_url(); ?>">ホーム</a></li> <?php if($post->post_name != $cslug){ ?> <li><a href="<?php echo home_url(); ?>/<?php echo $cslug; ?>/"><?php echo $ctitle; ?></a></li><?php } ?> <li><?php echo $post->post_title; ?></li> </ul> </nav> <h2 id="example_title"><?php the_title(); ?></h2> <?php $page_info = get_page_by_path('$post_type'); $page = get_post($page_info); echo $page->post_content; ?> </article><!--/#main--> <?php get_sidebar(); ?> <?php get_footer(); ?>
固定ページ↓
<nav id="page_nav"> <ul> <li><a href="#ar01">ページ内リンク1</a></li> <li><a href="#ar02">ページ内リンク2</a></li> <li><a href="#ar03">ページ内リンク3</a></li> </ul> </nav> </div><!-- /.example --> <article id="top_content"> <article id="main"> <section id="ar01"> <p>内容が入ります</p> </section><!-- /#ar01 -->
固定ページでテキストエディタからビジュアルエディタに切り替えると、</div>が消え、</section>の下に</article>が2つ加わった状態になり、実際のページで表示崩れが起きてしまいます。
googleで調べたところ、wordpressには自動整形機能があるとのことで、それが原因ではないかと考えましたが、こちらのページやこちらのページを参考にしながらfunctions.phpに記述を加えてみたものの、一向に上手くいきません。
PS Disable Auto Formattingというプラグインが良いという記事も多数あり試しましたが、このプラグインが現在使っているWordPress 4.4.2と相性が悪いようで、有効にするとテキストエディタのままビジュアルエディタに切り替わらない、という現象が起きるので、使用していません。
<div class="example" id="<?php echo $slug ?>">
の記述をindex.phpではなく固定ページ内にすれば解決するのでしょうか?
しかし、
<article id="top_content"> <article id="main">
の閉じタグはsidebar.phpの最終行にあるため、divの開始タグを固定ページに移しても、根本的な解決にはならないと思います。
どの部分が原因か、解決策のヒントをいただけますと幸いです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/04 00:04
2016/02/04 01:44
2016/02/04 05:49
2016/02/04 06:39
2016/02/04 08:23