Home > FC2ブログ > basic_white > basic_whiteテンプレート トップページなどに通常の記事本文を表示

basic_whiteテンプレート トップページなどに通常の記事本文を表示

 basic_whiteテンプレートのグリッドやリスト表示を解除して通常の記事を全文表示する方法です。

 個別ページと同じ見栄えになります。

1:HTML

 場所はCtrl+Fキーで『 p_area』を検索。

<div class="content entry grid_content<!--permanent_area--> p_area<!--/permanent_area--><!--not_permanent_area--> no_br<!--/not_permanent_area-->" id="e<%topentry_no>">

 上記を以下に変更…permanent_areaで囲まれた部分を「 p_area」に変更。

<div class="content entry grid_content p_area" id="e<%topentry_no>">

 テンプレートを使用し始めた時期によっては「<!--not_permanent_area--> no_br<!--/not_permanent_area-->」の部分がない場合もありますが、変更後のかたちは同じです。

2:HTML

 場所はCtrl+Fキーで『-body_img』を検索…1の変更箇所の少し下

<div class="entry_body">
<!--body_img-->
  <div class="entry_image"><%topentry_image></div>
  <div class="entry_discription"><%topentry_discription><%topentry_desc></div>
<!--/body_img-->
<!--body_img_none--><%topentry_discription><%topentry_desc><!--/body_img_none-->
  <p class="entry_more"><a href="<%topentry_link>" title="<%template_abs_link>"><%template_extend></a></p>

</div>

 上記を以下に変更…<!--body_img-->から<%template_extend></a></p>まで。

<div class="entry_body">
<%topentry_body>
<!--more_link--><p class="entry_more"><a href="<%topentry_link>" title="<%template_abs_link>"><%template_extend></a></p><!--/more_link-->
<!--more--><!--/more-->

</div>

テンプレートの利用時期によっては「entry_discription」が「entry_description」に、「topentry_discription」が「topentry_description」なっている場合がありますが変更点は同じです。

3:スタイルシート

 以下のコードをスタイルシートに追加します。記事タイトルが全文表示になり、表示切り替えスイッチが非表示になります。

/* タイトル全文表示・スイッチ非表示 */
#main #main_contents h2.entry_header a,
#main #main_contents h2.sub_header a{
  height: auto; width: auto; white-space: normal;
  padding: 0 11px 0 0;
}
.switch {display: none;}
/* END */

 以上で完成です。

トップページにも拍手・ツイートボタンなどを設置する方法のカスタマイズを行っている場合はあちらの記事で追加した手順[3]と[4]のHTMLとスタイルシートを削除してください。

追記部分もトップページに表示する

<%topentry_body>
<!--more_link--><p class="entry_more"><a href="<%topentry_link>" title="<%template_abs_link>"><%template_extend></a></p><!--/more_link-->

 2のHTMLで変更した上記部分を以下に変更します。

<%topentry_body>
<%topentry_more>

関連記事
スポンサー リンク
コメント
#61 : No title
本当にありがとうございますw
おかげさまでできました☆
#66 : No title
may様。
何度も何度も本当に申し訳ないです。。


これをためしてすごくいい感じになったんですが、
拍手が消えてしまったんです。


私は、拍手とツイッターが着くように設定してたんですが
それが消えてしまうんです。。


どうにかなりませんでしょうか。


いつもすみません。
#67 : 拍手ボタン表示
コンニチハ。
拍手が消えたというのはコメントのある個別ページでは表示されるけどトップページには表示されないということでしょうか?
設定にもよりますが、このテンプレートはもともとトップページに拍手などを表示しない仕様になっているので拍手などを表示する場合は
【2:HTML】で変更した部分にある</div>の前に「<!--more--><!--/more-->」を入れてみてください。「<%topentry_more>」を使用している時も同様です。
<div class="entry_body">
<%topentry_body>
<!--more_link--><p class="entry_more"><a href="<%topentry_link>" title="<%template_abs_link>"><%template_extend></a></p><!--/more_link-->
<!--more--><!--/more-->
</div>

一応、このページの変更方法にも<!--more--><!--/more-->を追加しておきました。
<!--more--><!--/more-->を追加してもダメな時は環境設定のブログ設定にある拍手ボタンの表示位置を「追記リンクの前」に設定してみてください。
#69 : No title
設定にもよりますが、このテンプレートはもともとトップページに拍手などを表示しない仕様になっている


・・・そうなのですか・・?
お恥ずかしい限りです。
すみませんでした^^;;;

本当に親切にありがとうございました^^

設定してみます☆
#227 : コメントも表示
無事、トップページが記事全文表示に成りました。
有難う御座います。

投稿されたコメント 返信したコメント コメント記入欄も表示したいのですが、
どうすれば良いでしょうか?

宜しくお願い致します。

 ゆうじ
#228 : 記事本文のタイトル文字色変更
度々の質問すいません。

記事本文表示の記事タイトルだけの文字色が

#header h1 a /* ブログタイトル */ { color: #XXXXXX; }

#main_contents h2 a /* 記事タイトル */ { color: #XXXXXX; }

変えても変更出来ません。
どうすれば変更出来ますか?

宜しくお願い致します。

 ゆうじ
#229 : No title
度々すいません

記事本文のタイトル文字色変更はこちらのサイト内の
「basic_white テンプレート 基本的なデザインのカスタマイズ・変更」
の中のコメン内に方法が書いてありまして。

#main_contents .entry_header a,#main_contents .entry_header{color: #000099;} /* 記事タイトル色 */

追加で解決出来ました。ろくに検索せず質問してしまい申し訳ありませんでした。

 ゆうじ
#318 : No title
記事本文の表示方法を検索してきました
問題なく表示の変更ができました
とても助かりました、ありがとうございます
#329 : 全文表示、かつカテゴリーグリッド(あるいはリスト)表示
はじめまして、コメント失礼させて頂きます。
ベーシックホワイトのカスタムに大変便利に使用させて頂きました。
このような専門知識、惜しげも無く公開されていることに感銘を受けます。
どうも本当にありがとうございました。

以下はダメ元でのお願いです。教えて頂ければ大変ありがたいですが、そうでなくとも
既に感謝しております。
この記事の通り全文表示にしたのですが、カテゴリーページだけグリッド・リスト表示できないものかと考えております。
「basic_whiteテンプレート グリッド・リスト表示をどちらかに固定」の記事内にある
「特定のカテゴリページでグリッド・リスト表示を固定」の方法を試してみましたが、
残念ながら反映されないようです。

お力添え頂ければありがたいです。
失礼いたしました。よろしくお願いします。
#357 : 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
#358 : No title
追記部分が「続きを読む」をクリックしても表示されない。追記部分は「続きを読む」で表示したい。

コメントの投稿

  

※コメントは記事と直接関連のある事柄のみ受け付けています。

カテゴリ
月別アーカイブ
最新記事
Comments
<>+-
プロフィール

Author:may
 不具合のないように心掛けておりますが、カスタマイズの方法などは自己責任でご利用ください。テンプレートを大きく変更する際は複製してバックアップを用意することを推奨します。

 ご自身のブログをカスタマイズする分には問題ありませんが、記事内容や配布コードの転載・再配布はご遠慮ください。

 過度のご質問・要望については返信や対応が遅れることがございます。返信のない場合は保留・棚上げとなりますが、記事の題材がなくなり、時間にそれなりのゆとりが生じた時に対応する予定です。

Galleryサンプル
ヨッシー New アイランド
The Last of Us Remastered