サポート » 使い方全般 » <!–more–>の書き方について、

  • 解決済 nobita

    (@nobita)


    お世話になります。
    続きを読むを試してみていますが、うまくいきません。
    以下のような、htmlになっていますが、記述の仕方が悪いのかわからないので、教えてください。
    テキストエリアへの記述は、
    htmlタブで<!--more-->と記述し、ビジュアルに切り替えるとmoreの画像みたいなのが表示されます。
    この状態で保存して、表示すると何もそれらしきものは見えないのですが、ソースは以下のようにspanエレメントが空白の状態になっています。

    記述の仕方が悪いのでしょうか?教えてください。

    <div id="post-303">
    
                    <p class="sign">2 月 28th, 2009 by hoge</p>
    
                    <p id="pparagraph1">test</p>
    <p><span id="more-303"></span></p>
    <p>hello</p>
                    <p class="postmetadata">Posted in
                      <a href="http://www.example.com/blog/archives/category/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b" title="お知らせ の投稿をすべて表示" rel="category tag">お知らせ</a>                  | 
                      <a class="post-edit-link" href="http://www.example.com/blog/wp-admin/post.php?action=edit&amp;post=303" title="投稿の編集">Edit</a> |                                   </p>
    
    </div>
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック投稿者 nobita

    (@nobita)

    自己レスです。探していたら、やはり、意図的に表示されていない様子でした。

    wp-includes/post-template.php
    line:215
    	if ( count($content) > 1 ) {
    		if ( $more ) {
    			$output .= '<span id="more-'.$id.'"></span>'.$content[1];
    		} else {
    			$output = balanceTags($output);
    			if ( ! empty($more_link_text) )
    				$output .= ' <a href="'. get_permalink() . "#more-$id\" class=\"more-link\">$more_link_text</a>";
    		}
    
    	}

    spanで非表示にする意図、どなたか教えてください。

    便宜的には、(templates).phpに

    global $more;
    $more = false;

    で続きを読む 表示できました。

    <div id="post-305">
    
                    <p class="sign">2 月 28th, 2009 by hoge</p>
    
                    <p id="pparagraph1">test</p>
    <p><a href="http://www.example.com/blog/archives/305#more-305" class="more-link">Read the rest of this entry »</a></p>
                    <p class="postmetadata">Posted in
                      <a href="http://www.example.com/blog/archives/category/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b" title="お知らせ の投稿をすべて表示" rel="category tag">お知らせ</a>                  | 
                      <a class="post-edit-link" href="http://www.example.com/blog/wp-admin/post.php?action=edit&amp;post=305" title="投稿の編集">Edit</a> |                   <a href="http://www.example.com/blog/archives/305#respond" title="test へのコメント">No Comments »</a>                </p>
    
                  </div>

    こんにちは。

    トップページやアーカイブページでは続きを読むのリンクが表示され、シングルページでは続きを読むのリンクの代わりに、空の span 要素がアンカーとしてその位置に挿入され、more タグ以下の文章が表示されるようになっています。

    つまり、トップページやアーカイブページなど記事が複数ある場合には、続きを読むのリンクを表示してそれ以下の本文を省略出来るけど、シングルページでは省略出来ないのですね。 span についてはアンカーになっているのがミソで、これが挿入されることで続きを読むのリンクからその位置にリンクが貼られます。

    プレビューで確認した場合に表示されるのはシングルページですので、当然続きを読むのリンクが確認できません。 … という所で挙動がおかしいと勘違いなさったのではないでしょうか?

    トピック投稿者 nobita

    (@nobita)

    mizubeさん わかりやすく説明してくれて、ありがとう。

    おかげでよくわかりました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「<!–more–>の書き方について、」には新たに返信することはできません。