入口 > スポンサー広告 > スポンサーサイト テンプレ - niji_frame > 【niji_frame】初期画面右フレーム下に最新記事を表示させたい件

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--------

【niji_frame】初期画面右フレーム下に最新記事を表示させたい件

◆きく 様 

初めまして、テンプレ使ってくださってありがとうございます!

>「niji_frame」のトップページ移動後
>フレームページの右側のインラインフレームページはそのままに、その下に最新記事を数件表示したいのですが、可能でしょうか?

とのことで、初期画面右フレームのウェルカムメッセージ下に記事を新しい順に数件載せるということで良いでしょうか。であれば、以下のようなやり方ではどうかなと思います。テンプレを「複製」してからお試しください。


  1. テンプレHTMLの下1/3あたり、デフォルトでは「date=200001」(バージョンによっては「date=0」)となっている赤字部分を下記のように「page=0」に変更

    <!--★★右フレーム外枠★★-->
    <div id="rightframe">
    <iframe src="<%url>?page=0" width="100%" height="100%" scrolling="no" name="right" frameborder="0" allowtransparency="true"></iframe>
    </div><!--/#rightframe-->
    <!--★★右フレーム外枠ここまで★★-->


  2. そのすぐ下あたり、デフォルトでは「<!--date_area-->」となっている青字部分二箇所を下記のようにごっそり書き換え

    <!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->
    <div class="<!--prevpage-->not<!--/prevpage-->first">

    <!--★初期画面ページ★-->
    <!--■□■ ↓最初に右フレームに表示される内容です$
     ここもサイト内容やお好みに合わせて編集してください↓ ■□■-->
    <h2>welcome</h2>
     ・
     ・
    <div class="a_right small"><a href="http://admin.blog.fc2.com/control.php?mode=design&process=general#html" target="_blank" title="適用中テンプレを編集">edit</a></div>
    <p class="go_top a_right"><a href="#top">△</a></p>

    <!--★初期画面ページここまで★-->
    </div><!--/.first(or .notfirst)-->
    <!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area-->


  3. そのまたすぐ下あたり、下記黄字部分二箇所を追加

    <!--★記事表示ページ(固定リンク、カテゴリ別、検索結果、タグ検索結果画面)★-->
    <!--not_permanent_area--><div class="topentry_container"><!--/not_permanent_area-->
    <!--category_area-->
    <h2><%sub_title><!--not_permanent_area--><!--not_category_area--><!--not_search_area--><a href="<%url>" target="_top"><%blog_name></a><!--★?PCなどでアクセス時エンターページへリンク--><!--/not_permanent_area--><!--/not_category_area--><!--/not_search_area--></h2>
    <!--/category_area-->
    <!--not_permanent_area--><div class="l_indent"><!--/not_permanent_area-->
    <!--topentry-->


  4. テンプレスタイルシート末尾に下記を追加

    .notfirst { display: none; }


以上です。
表示記事数はブログ管理画面「環境設定→ブログの設定→記事の設定」の一番上「記事(PC ページ別)」欄で調整できます。
もし初期画面から下部の「 TOP → 」リンクでページを遡られるのが嫌なら、更にテンプレHTMLのかなり下の方の下記二箇所にも黄字文字列を追加してください。

<!--not_permanent_area--></div><!--/.l_indent--><!--/not_permanent_area-->
<!--category_area-->
<!--★ページ移動リンク★-->
<div class="pager">
<!--prevpage-->
 ・
 ・
<!--/nextpage-->
</div><!--/.pager-->
<!--★ページ移動リンクここまで★-->
<!--/category_area-->
<!--not_permanent_area--></div><!--/.topentry_container--><!--/not_permanent_area-->


これだとイメージと違っていたり、また別の場所に不具合が出てきたりするようなら、お手数ですがまた具体的な状況を添えてご相談ください。
宜しくお願い致します。
2014-04-26
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。