FC2ブログテンプレート silence

テンプレート 修正と更新の履歴（新着順）

テンプレートの主な仕様

FAQ ＆ カスタマイズmini

追記が繋がってしまうのですが

テンプレート側では本文<%topentry_body>と追記部分<%topentry_more>をブロックしてないので、マークアップしないテキストで追記を使用すると文章が繋がってしまいます。<!--more-->〜<!--/more-->内を下記の何れかに書き換えると解決されます。

DIVタグ
<!--more--><div id="more"><%topentry_more></div><!--/more-->
水平線
<!--more--><hr /><%topentry_more><!--/more-->
改行
<!--more--><br /><%topentry_more><!--/more-->
連続改行
<!--more--><br /><br /><%topentry_more><!--/more-->

divを選択する場合は、スタイルシートの適当な場所に下記を追加すると良いです。

/* 冒頭と追記の間隔調整 */
div#more{padding-top:1.5em;}

更に、記事を開くと追記部分に「頭出し」されるタイプにしたい場合は、idを呼び出す為にリンク側に#を使います

リンク側
<!--more_link-->
<p class="entry-more">［<a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む</a>］</p>
<!--/more_link-->

受ける側
<!--more--><div id="more"><%topentry_more></div><!--/more-->

この場合も先程の「冒頭と追記の間隔調整」により、頭出し後の一行目が読みやすくなります。

記事の段落を字下げしたいのです

CSSに.section p{margin:1em 0;}という箇所があります。そこを下記のように書き換えましょう。

.section p{
 margin:1em 0;
 text-indent:1em;
}

ちなみに段落毎の上下間隔はmarginの数値で調整出来ます。

全記事一覧時のカテゴリ名を省きたい

カテゴリ名や記事タイトルが長く、複数行になるのが気になる場合でしょうか。

次の二ヶ所をhtmlから削除。
<th class="cat" abbr="カテゴリー">Category</th>
<td class="cat"><%titlelist_category></td>

次いでCSS記事タイトルの列幅を適度に調整。
.log th.title{width:82%;}

上記の要領でhtml/CSSをそれぞれ調整して下さい。

バナーリンク等の下線が気になる

このテンプレートのサイドバー内アンカー下線は、text-decorationではなくborderです（画像ではなく、リンク自体にborderが付いている）。

例 : <a href="URL" style="border:none">画像</a>

消したい下線は上記の様にタグ内にスタイルを指定する事で消す事が出来ます。

記事毎に目次へ戻るアンカーを付けたい

トップページの水色っぽい部分にジャンプさせます。

<p class="entry-status"> 〜略〜  | <a href="#toc" title="目次へ">△</a></p>

ページ最上部へジャンプさせる場合
<p class="entry-status"> 〜略〜  | <a href="#top" title="このページの上へ">△</a></p>

サイドバーの高さの変え方が分かりません

CSSでdl#info-navを探し、top:○em;の、○の数値を変えて下さい。

サイドバーの幅を広げたい

CSSでdl#info-navとul#topを探し、そのwidthの数値で幅を調整します。それに伴い、h1のpaddingや、div#cont、#intro、div#footerのmarginも合わせて調整する必要があります。

全てのページで共通のサイドメニューにしたい

テンプレhtmlの後半に、サイドメニューに関する部分があります（長いです）。まずその範囲を把握し、まとめて削除します。そして下記のようなソースに置き換えると共通メニューになります。

<!-- ▼サイドメニュー -->
<!--plugin-->
<dl id="info-nav">
<!--plugin_first-->
<dt style="text-align:<%plugin_first_talign>"><%plugin_first_title></dt>
<dd style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
<%plugin_first_content>
<%plugin_first_description2>
</dd>
<!--/plugin_first-->
</dl>
<!--/plugin-->
<!-- サイドメニュー 閉 -->

上記の例は、常にプラグインカテゴリ１が出力されます。

プロフィール画像のみ中央寄せしたい

プラグインの中央寄せを使うと、文章や作者名まで一緒に中央寄せされてしまいます。なのでプラグインプロフィールのhtmlを少し書き換えましょう。

<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>Author:<%author_name></p>
<p><%introduction2></p>

上記の例では「画像と作者名」のみに位置指定が反映されるようになります。「あぁ、何か違う、作者名は左寄せでいいのに..」という方は、更に...

<p &align>Author:<%author_name></p>

作者名の節の&alignを削除すれば良いわけです。

プロフィール中でリンクすると勝手に改行される

基本的にli要素でブロックする仕様にCSSを変更（2005-12-24）したので、再ダウンロードして下さい。それでも駄目な場合は、プロフィールのhtmlがli要素のタイプと思われます（大概はp要素）。htmlを修正するか、新たにプラグインを追加してみて下さい。そしてhtmlを確認してください。

プラグインのプロフィールの行間を広げたい

テンプレート作成の段階では、予め各プラグインを特定する事が出来ません。各自で編集して下さい。インラインスタイル、もしくはクラスを設けて調整すると良いでしょう。（プラグイン未使用の場合や下記の例を適用した場合は、初めからCSSに行間指定箇所があります）

プロフィールの背景を透明化したい

プラグインのプロフィールは背景を透明に出来ません。テンプレート側のhtml修正で、プラグイン無効時のプロフィールをコピーペースして表示させれば可能です。

<!--index_area-->
<dt>Information</dt>
<dd class="author">
<%introduction2>
<!--myimage-->
<p class="author-image"><img src="<%image>" alt="<%author_name>" /></p>
<!--/myimage-->
<p class="author-name">Author : <%author_name></p></dd>
<!--plugin-->
<!--plugin_first-->
〜略〜
<!--▲プラグインON(1)-->

※ダウンロードした時期によってhtmlが多少違います。

このままだとプラグイン側のプロフィールとダブってしまうので、プラグインの設定でプロフィールを「表示しない」に設定すれば完了。

IEでスクロールすると波を打つんですが

あまり無いとは思いますが、これはブラウザ(Internet Explorer)とPCのスペック等が関係していると思います。閲覧者としてならば「ツール→インターネットオプション→詳細設定」のスムーズスクロールを切る事で改善される場合もあります。

ですが管理者として改善するのであれば、CSSのdiv#contに指定されているposition:relative;を外します。これは検索窓の配置を決める基点として使われています。これを実行する場合は無理せずに、htmlのdiv id="cont"内にある検索窓を削除し、サイドバーで検索窓を使いましょう。

もしくはbodyの背景を固定させているbackground-attachment:fixed;を、削除するのも効果があるかもしれません。

FC2アクセス解析などに背景色が付くのですが

このテンプレートではテーブルのスタイルを記事内に限定していないので、基本的にどこでも適用されます。スタイルシートの適当な所に下記を追加して下さい。

#ADL table,#ADL table td{
 background:transparent;
 border:none;
}

tableの枠線と背景色を解析部分のみ無効にする指定です。ただしデフォルトのアイコンには効かないようなので、好みのアイコンを選択して下さい。

その他tableで囲まれたブログパーツ等の場合も、この例を応用して下さい。

html,CSS,FC2ブログ関連記事

• 改行されない〜プラグインに関するメモ
• 半角文字列の折り返し〜HTMLの半角英数字
• バックアップ・インポートで欠番エントリを復活させる方法
• プロフィール画像のサイズに関するメモ
• 韓国語(ハングル文字)をブログ(html)で表示させる
• コメントフォーム(textarea)を幅可変にする際のメモ
• コメント欄へのリンクの吹き出し部分に投稿者名 [カスタマイズ]
• プラグインのメールフォームにURL [カスタマイズ]
• プラグイン フリーエリアの邪道な使い方 [カスタマイズ]

カテゴリ : FC2ブログ | カスタマイズ | HTML/CSS | インターネット

FC2ブログユーザー お役立ちページ

• FC2ブログの歩き方
• FC2tyle -Fc2ブログstyle -
• FC2 BLOG テンプレート中で使える変数一覧
• FC2ブログ プラグイン用変数リファレンス（非公式版）

FC2ブログ内検索 by グーグル

 wwwから  fc2.comから  エントリーから 10件 20件 30件 50件 100件

• 「エントリーから」を選択すると、FC2ブログ内の記事（URLに"blog-entry"を含むページ）からGoogle検索されます。
• グーグルの検索結果ページから更に検索を続ける場合、検索対象範囲（○○から）と件数の指定が継続されます。変更する場合はこのページへ戻って下さい。
• 上手く検索出来ない場合は、グーグルの検索方法も参考にしてみて下さい。

FC2ブログ内検索〜記事から探す検索窓

2005/11/29 | カスタマイズ（FC2） | ↓コメント 14 | ↓トラックバック 0