・FC2ブログのテンプレートカスタマイズ|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・FC2ブログのテンプレートカスタマイズ に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 



FC2ブログ・プチカスタマイズの最新記事

独自ドメインどこで取ったらいい? (11/18)

ムームードメインで独自ドメインを収得したので独自ドメイン収得の流れをご紹介するよ (11/15)

独自ドメインどれをとればいい? (11/07)

FC2ブログから独自ドメインWordPressへの引越し手順概要 (11/02)

やつパリ独自ドメインにはメリットがある (10/24)

FC2ブログからワードプレスへメリットデメリット (10/23)

FC2ブログで障害多発・ほんとにただの障害? (10/07)

Google AnalyticsをFC2ブログに設置 (09/25)

Googlr Analyticsにサイトを登録しよう (09/20)

FC2ブログにファビコンをつけてみよう (08/14)

行間line-heightとpやdiv,ulスペース(領域)指定 (08/08)

HTMLのdiv、p、br、spanの使い方 (08/08)

FC2ブログの有料版メリット・デメリット (06/16)

GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する (06/11)

FC2ブログ・有料化について思うこと (06/10)

関連記事リストにカテゴリ名と記事の投稿日時を表示する (06/10)

個別記事のタイトルは<%sub_title>≒<%topentry_title> (06/07)

サイトに戻るためのリンクをGoogleアドセンスの検索結果表示ページにつける (06/05)

Google『PageSpeed Insights』でスマートフォンサイトの読み込み速度を測定 (06/03)

FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法 (06/02)

記事に直接Googleアドセンスのコードを入れ込むと後々苦労する (05/30)

TwitterボタンのHTMLタグを手に入れよう (05/28)

ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる (05/25)

JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ (05/21)

プラグイン3を位置変更してページ別に表示されるようにしてみた (05/18)

シーサーブログのサイドカラムを片側に寄せる (05/17)

検索エンジンの検索結果ページに投稿時間を表示する・SEO検索エンジン最適化対策 (05/14)

meta descriptionで記事要約を検索結果ページに表示する (05/13)

FC2ブログの記事の下に広告やランキングを表示させる方法 (05/10)

FC2ブログの関連記事リストを任意の場所に表示する (05/09)

リンクボタンを作ってみよう (05/08)

FC2拍手とFC2ブログ拍手違いを体感してみてね (05/05)

FC2拍手・タグの収得・FC2ブログのプラグインへの設置 (05/03)

FC2拍手のお礼ページを作ろう (04/30)

『拍手』ボタンを設置しよう・登録方法 (04/26)

禁則処理の方法・word-breakで改行の処理を指定するスタイルシート (04/25)

FC2ブログの表示が崩れる原因 (04/20)

ボーダーライン・スタイルの種類 (04/19)

ブラウザ別webページのソースを見る方法 (04/17)

シーサーブログの『過去ログ』リストを横表示にする方法 (04/16)

スタイルシートを使って文字を斜めにする (04/08)

HTMLで文字を斜めに表示する方法 (04/05)

スタイルシートでGoogleアドセンスのコードを横に並べて配置することもできる (04/03)

ヘッダーの行間・行の高さを調整する (04/02)

3カラムテンプレートの構成はどうして決まる? (03/21)

メインカラム左側、サイドカラム二つを右に配置するFC2ブログカスタマイズ・『96_seo_pink-3ca』の場合 (03/21)

FC2総合インフォメーション 【ブログ】「FC2ブログ」をオープンソースで公開!より自由にカスタマイズ可能! (03/19)

『ちょっとしたお小遣いに!ブロマガ記事を投稿しませんか?』といわれても (03/14)

禁則処理・line-break:で禁則処理をするスタイルシート (03/14)

FC2ブログのバックアップ・インポート(復元)で復元できる項目 (03/03)

総記事数:

 
 
Top Page > ・FC2ブログのテンプレートカスタマイズ
【・FC2ブログのテンプレートカスタマイズページ】



⇒この記事をもっと読みたい人はこちらの『スポンサーサイト』をクリック

ブログの通常文字の色を変えます。  スタイルシート編集画面の中からbody {を探します。  このブログの場合、こんな感じの記述になっていました。 body {  font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif; font-size: 12px; color: #333333 ;  赤字で表示した部分が、ブログ全体の基本の文字の色を表しています。  #...

⇒この記事をもっと読みたい人はこちらの『ブログ全体の通常の文字の色を変える方法』をクリック

【a:link・a:visited・a:hover・a:activeの意味】 a:link { color: #0000ff ; } … 未訪問のリンク a:visited { color: #000080 ; } … 訪問済みのリンク a:hover { color: #ff0000 ; } … ポイント時のリンク  { color: #ff8000 ; } … 選択中のリンク  変更する場合は、それぞれの赤い表示のカラーコード を書き換える  テンプレートに書き込む順番は決まっているのだそうだ。 【書き込みの順番】 ...

⇒この記事をもっと読みたい人はこちらの『a:link・a:visited・a:hover・a:activeの意味』をクリック

サイドメニューの背景画像を変えてみよう。 1、スタイルシートの記述にはテンプレートによって差がある。 ①タイトル部分⇒.sidetitle{ またはmenu_title { の記述の部分が、スタイルシートの記述の部分。 ②サイドメニューの本文部分⇒side{ またはmenuText { またはmenu {  の記述がスタイルシートのサイドメニューの本文。  基本的には、①②の記述の後のbackground がサイドメニューの背景になる。 ...

⇒この記事をもっと読みたい人はこちらの『サイドカラムの背景を変える』をクリック

 記事上にプラグインの入らないFC2ブログテンプレートに、プラグインを付け加えることにする。 【付け加える記述】  <!--plugin-->    <!--plugin_third-->    <div class="section" id="<%plugin_third_tag>"><!-- plug-in-section -->     <div class="sidehead">    ...

⇒この記事をもっと読みたい人はこちらの『プラグイン3を記事エリアの上に表示する』をクリック

 全記事リストをテンプレートに埋め込んで、ブログ内で表示する方法。  FC2の全記事リストは、勝手に広告が着いてきたりするので面白くない。 なので、自分のブログ内に全記事リストが表示されるようにしたいとおもう。 【記載するHTML】  <!--▽全記事リスト--> <!--titlelist_area--> <table cellspacing="0" cellpadding="0" width="490" border="1">   <tr...

⇒この記事をもっと読みたい人はこちらの『全記事リストをテンプレートに埋め込む』をクリック

  トップページだけに表示するorすべてのページに表示するorトップページだけには表示しない ようにする。 プラグインやテンプレートの記述などをトップページだけに表示する。 あるいは、トップページだけに表示しない。【トップページだけに、表示する】 <!--index_area--> ~ <!--/index_area--> で囲む。【トップページ以外に表示させる 】 <!--not_index_area--> ~ <!--/not_index_area-->...

⇒この記事をもっと読みたい人はこちらの『トップページに表示する・表示しない』をクリック

  FC2ブログのカスタマイズしやすいテンプレートといえば『FC2ブログのテンプレート工房』さんのテンプレート。  共有テンプレート→作者に『10plate』を記入し、検索ボタンを押すと対象テンプレートが出てくる。  『FC2ブログのテンプレート工房』さんのテンプレートはカスタマイズOKなので、遠慮なく自分好みにカスタマイズできる。    画像は、『lightframe_pink』というテンプレートのオリジナル。  ...

⇒この記事をもっと読みたい人はこちらの『『FC2ブログのテンプレート工房』さんのテンプレート・lightframe_pinkのリンクに下線をつける』をクリック

  FC2ブログのテンプレートでプラグイン非対応の場合にプラグインを設置する方法をご紹介。  プラグイン非対応のテンプレートでプラグインを使うことができるようにする方法。 <!--plugin--> <!--plugin_first--> <!--//plugin_firstはプラグイン1のこと//-->  <h3 style="text-align:<%plugin_first_talign>"><%plugin_title></h3>...

⇒この記事をもっと読みたい人はこちらの『プラグイン非対応のテンプレートにプラグインを設置する』をクリック

 プラグインの基本的な記述(FC2ブログでは関数と言ってるみたいだ)の説明をちょっとしてみたい。  テンプレートのHTMLがどうなってるか、知っておくとカスタマイズするときに、便利だと思う。  <!--plugin-->~<!--/plugin-->の意味    『プラグインがここから始まり、ここで終わる。 』と言うような意味。 <!--plugin_first-->~<!--/plugin_first-->  『プラグイン1...

⇒この記事をもっと読みたい人はこちらの『プラグインをあらわすHTML』をクリック

FC2ブログのプラグインってそもそも何?  どうやって設定するの?と言う人。    FC2ブログのプラグインというのは、いわゆる、ブログパーツだ。    ちょっとしたお遊び用のプラグインもあるが、ブログに来てくれた人にとって、見やすく使いやすくする機能を持ったプラグインもたくさんある。  FC2ブログのプラグインはたいていの場合、テンプレートに移植することができる。  また、テンプレートを選...

⇒この記事をもっと読みたい人はこちらの『プラグインの管理のしかた・初級者の場合』をクリック

 パンくずリスト、いわゆる表示ページの現在地ナビゲータを実装してみた。  パンくずリストは、FC2ブログの共有プラグインに『パンくずリスト 親子カテゴリ完全対応版』『Topic Path』と2つほど公表されている。  『パンくずリスト 親子カテゴリ完全対応版』はJavaScriptを使っているもの。  『Topic Path』は、HTMLとFC2ブログの変数のみで構成されている。  今回、実装したのは『パンくずリスト 親子カテゴリ完全対応...

⇒この記事をもっと読みたい人はこちらの『パンくずリストを実装してみた』をクリック

 FC2のプラグインには、共通プラグインと言うものがある。  共有プラグインはたくさんのユーザーが開発して、其れをダウンロードしてFC2ブログに使えるようにしたもの。  目的の共有プラグインを見つけ出すのがちょっと大変だが・・・・。 共有プラグインのダウンロードの仕方 1、『環境設定』→『プラグインの設定』をクリックする。 2、PC用・携帯用・スマートフォン用のプラグインがそれぞれ用意されている。 ...

⇒この記事をもっと読みたい人はこちらの『共有プラグインのダウンロードの仕方』をクリック

 FC2ブログには変数と言うものが存在する。  この変数の内容を覚えておくと、FC2ブログのカスタマイズに大変役に立つ。  変数にもいろいろな種類がある。  FC2ブログの公式テンプレート変数一覧はこちら  まずは、エリア変数から覚えよう。 エリア変数  エリア変数とは、トップページ・カテゴリーページ・個別記事のページ・タグや過去ログや検索ページに表示するかしないかなどをテンプレート上で指定す...

⇒この記事をもっと読みたい人はこちらの『まずは、エリア変数から覚えよう』をクリック

 FC2ブログにページナビゲーションも付けて見よう。  ページナビゲーションは表示されているページを番号で示したもの。  FC2ブログの共有プラグインで提供されているページナビゲーションはたくさん有るのだが、今回は『ページナビ』というものを使おうと思う。 『ページナビ 』の特徴  ページ移動用リンク。  ページ別、月別、カテゴリ別、検索結果、タグ検索結果のページに対応しています。  ページ数が多...

⇒この記事をもっと読みたい人はこちらの『FC2ブログにページナビゲーションを付けて見よう』をクリック

 FC2ブログのテンプレートの中で、<!--topentry-->はどのような意味があるのだろうか?  『<!--topentry-->はエントリーを繰り返し表示させるブロック』と言うのがFC2ブログの公式マニュアルの回答。  エントリーと言われてもわかんないな。  要するに、エントリー=記事のことだ。  <!--topentry-->~<!--/topentry-->で囲まれた部分のHTMLが記事部分に表示される部分。 <!--topentry...

⇒この記事をもっと読みたい人はこちらの『<!--topentry-->の意味と条件を表す変数』をクリック

FC2ブログ・プチカスタマイズカテゴリ一覧 未分類(1) FC2ブログのはじめ方(2) FC2ブログカスタマイズ(23) 基本のタグを覚えよう(5) リンクのカスタマイズ(3) 通常の文字のカスタマイズ(3) 背景を変える(1) プラグイン(6) 全記事リスト(1) FC2ブログの変数(3) カラーコード(1) ブログ作成に役立つフリーソフト(2) ブログ以外のFC2サービス(2) ...

⇒この記事をもっと読みたい人はこちらの『カテゴリー別全記事リスト』をクリック

 FC2ブログのユーザータグ、これをうまく使うと、同じユーザータグをつけた記事の検索に使える。    基本的には、ユーザータグの設置がされている場合、リンク先はFC2ブログの公式ページ。    この場合、他の外部ブログとのリンクになる。    外部ブログと相互リンクしているようなものだからSEOには役に立つ。    が、なぜかユーザータグへのリンクがついてないテンプレートも存在する。   ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグの基礎知識』をクリック

 検索エンジンや読み上げソフトは、ウェブページの左がから読み込んでいく。  と言うことは、重要なものは、ウェブページの左側に入れたほうが、検索エンジンなどに対するアピールになるのかも。  と言うわけで、通常の3カラムのブログのテンプレートであれば、重要なものは、左側のプラグインに表示されるように設定したいところ。  FC2ブログの場合、プラグインは『プラグイン1』『プラグイン2』『プラグイン3...

⇒この記事をもっと読みたい人はこちらの『プラグイン対応のテンプレートか確認する方法』をクリック

 今回は、ページタイトルを表示するためのHTMLの設定の話である。  ページタイトルはIEなどでは画面の上のほうのタブに表示されているんだけど。  ページタイトルが無いと、検索エンジンはそのページが何なのかわからないし、訪問者がブックマークをするときも、このページタイトルが役に立つ。  このブログの場合、各ページのタイトルは、<title><!--index_area--><%blog_name><!--/index_area-->...

⇒この記事をもっと読みたい人はこちらの『ページタイトルの記載の仕方』をクリック

 カテゴリー別全記事リストの作り方をもうひとつ。  カテゴリ別全記事リストを装備しているテンプレートのプレビュー画面にそのままリンクを張るという手もある。  lightframe というテンプレートを利用して、そのカテゴリー別全記事リストのプレビュー画面を出してみよう。  この、プレビュー画面にリンクを張ってしまう。 全記事リストのプレビューの表示の仕方 1、FC2ブログの共有テンプレートの追加からlightfr...

⇒この記事をもっと読みたい人はこちらの『全記事リストのプレビュー表示とカテゴリー別全記事リスト』をクリック

 このブログのテンプレートには、ユーザータグのリンクがない!  FC2ブログのユーザータグは、割とSEOに有利に働くと言うし・・・。  つけなきゃ!  ちなみに、FC2のユーザータグは、2種類ある。 FC2ブログのユーザータグ   1、FC2ユーザー同士が同じタグでつながる機能。   2、自分のブログの記事の中で同じタグをつけた記事とリンクさせる機能。    1と2とどちらが大事?  どっちも大事だ! ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのリンクをつけよう』をクリック

 プラグインにタグリストを入れると莫大な量になりがちだ。  別ページにユーザータグのリストを作れないものか?  ユーザータグだけのページを、作ってみた。  利用したのは例によって、適応していないテンプレートのプレビュー画面だ。 ユーザータグのリストを別ページで表示する。 1、FC2ブログのプラグインから、ユーザータグのプラグインをダウンロードする。 公式プラグインでも共有プラグインでもOK。 2、ユ...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのリストを別ページで表示する』をクリック

 ブログの説明に当たるのが、イントロダクション(introduction)。  FC2ブログの場合、イントロダクション(introduction)をページごとに変えることもできる。  ページごとに、そのページの内容が、イントロダクション(introduction)に出るようにしてみよう。 FC2ブログで、ページごとに違った説明文が出るようにする 1、適応中のテンプレートのイントロダクション(introduction)を確認する。 ...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの説明文をページごとに変える方法』をクリック

 このブログの本来のサイトの説明文(introduction)は『FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。』...

⇒この記事をもっと読みたい人はこちらの『ページごとに説明文を変えるFC2ブログのカスタマイズ』をクリック

 このブログFC2ブログカスタマイズのカテゴリーページべつのページは、タイトルだけが表示されるようにしてある。  もちろんはじめから個別のエントリー記事のタイトルだけが表示できるようになっていたわけではない。  テンプレートをいじった結果、カテゴリーページで個別記事のタイトルだけ出るようにしてある。  できるだけ、たくさんのタイトルを出して、わかりやすくしようとした結果。 カテゴリーページに個...

⇒この記事をもっと読みたい人はこちらの『カテゴリページにエントリー記事のタイトルだけ表示するカスタマイズ』をクリック

 FC2ブログの初期設定の検索ボックスは検索すると、関係ない広告が出てくる!  いやー!  と言うわけで、検索フォームを別に付けよう。  使うのはGoogleアドセンスの検索ボックス。   Googleアドセンスの検索ボックスは、『サイト内検索』と『web全体の検索』とでは、違うので、今回は、自分のサイト内の検索を行うことができる検索ボックスを設置してみよう。 Googleのサイト内検索ボックスをFC2ブログで...

⇒この記事をもっと読みたい人はこちらの『Googleの自サイト内検索ボックスを付けてみよう』をクリック

 FC2ブログのヘッダー部分の高さを変更してみよう。  ヘッダー部分に画像を入れていると、画像が切れてしまう可能性もあるけれど。  ヘッダー部分をブログのタイトルや説明文の分量にあわせて変更したほうが、ブログ全体の見栄えがよくなる場合が多い。    適応しているテンプレートのスタイルシートをみてみて! headBlock { header_body {  等々、テンプレートによって、ヘッダー部分のスタイルシートは違うのだが...

⇒この記事をもっと読みたい人はこちらの『ヘッダー部分の高さを変更してみよう』をクリック

 このブログって、個別記事のページ以外では変な位置にページナビゲーションがある。  フッターのすぐ上。  記事が少ないと、はるか下までスクロールしないとページナビゲーションが出てこない。    あんまりうれしくないので、ページナビゲーションの位置を変えてみることに。   <div id="footBlock"><!-- siteinfo-legal --><div id="siteinfo-legal"><p class="prev-next-navi"...

⇒この記事をもっと読みたい人はこちらの『ページナビゲーションの位置を変えてみた』をクリック

 このブログのテンプレートには、テーマやジャンルのリンク表示がない。  テーマやジャンルへのリンクがあることに、果たしてどんな意味があるのか?  いや実はよくわからない。    記事の投稿時のテーマやジャンルの設定には、ちゃんと意味があるのだが・・・    記事に関連するテーマやジャンルを表示するのは、要するに『同じジャンルやテーマを書いている他の人のFC2ブログの記事を探しやすくするための...

⇒この記事をもっと読みたい人はこちらの『FC2ブログにテーマ・ジャンルのリンクを表示する』をクリック

 全記事リストのページに、ユーザータグ一覧を表示してみよう。  位置は、プラグイン2の位置。  ついでに、プラグイン2は全記事一覧のページには表示しないようにする。 ユーザータグ一覧のプラグインをダウンロードする 1、プラグイン2の位置にユーザータグ一覧を入れ込むためには、公式プラグインでは都合が悪いので、共有プラグインの中から縦長のユーザータグ一覧のプラグインをダウンロードする。 2、プラグイン...

⇒この記事をもっと読みたい人はこちらの『全記事リストのページに、ユーザータグ一覧を表示する』をクリック

 Googleアドセンスの検索ボックスが文字化けしている。     解決策を見つけたので、ご紹介しようと思う。   Googleアドセンスの検索結果の文字化け対策 1、テンプレートのエンコードとGoogleアドセンスのコードのエンコードを合わせる。  このブログのエンコードは、EUC-JP。  テンプレートの中でなく、スタイルシートのところに記載があった。  アドセンスのコードは、他のエンコードになっていたので修...

⇒この記事をもっと読みたい人はこちらの『Googleアドセンスの検索ボックスの文字化け対策』をクリック

 FC2ブログの場合、エンコードもGoogleアドセンスのコードも正常なのに検索ボックスが文字化けする場合がある。    原因は、FC2ブログのサーバー移転に伴うエンコードの変更。    FC2総合インフォメーション 【ブログ】サーバー移設による管理画面のURL変更のお知らせ  2012年の3月、サーバー移転に伴って、自動的にテンプレートのエンコードが変更されているブログがあるのだ。    変更されたブログの...

⇒この記事をもっと読みたい人はこちらの『Googleアドセンスの検索の文字化け、FC2ブログのサーバー移転の影響も』をクリック

 FC2ブログの記事の中で見出しを使った場合に見出しの背景を指定してみる。  スタイルシートを使えば、記事中の見出しの背景ブログのテンプレートで一括で指定できる。     見出し・h要素の背景の指定   テンプレート管理⇒テンプレートの編集で、スタイルシート部分の最後に、見出しのフォントサイズの指定のスタイルシートを書き加える。 カラーコードで背景を指定する場合、書き加えるス...

⇒この記事をもっと読みたい人はこちらの『見出しの背景を指定する』をクリック

 昨日は、FC2ブログのサーバー移転のため、ほぼ1日管理画面にログインできなかった。  で、本日自分のブログを見てみた。    ブログによっては、エンコードの設定だけでなく、ブログ全体の構成が崩れたり、FC2の管理画面にログインできなくなる場合がある様子なので、ちょっと、心配していた。  が、とりあえず、ログインは可能だ。  ブログの外見的にも問題なさそう。    Googleアドセンスの検索ボックス...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのサーバー移転の影響』をクリック

 カテゴリーリストのカスタマイズをしたいと思ったのだが、なかなかうまくいかない。  いつまでたっても、アップロードできそうに無いので、とりあえずFC2ブログのカテゴリーリストに関する変数を記載しておくことにした。   FC2ブログのカテゴリーリストの変数 <!--category-->~ <!--/category--> ⇒カテゴリの一覧を表示 <!--category_parent--> ~ <!--/category_parent-->...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのカテゴリーリストの変数』をクリック

 あきらめきれないので、カテゴリーをカスタマイズしてみた。  今回のカテゴリーカスタマイズは、以下のとおり。 1、親カテゴリーにリストマークを付ける。 2、子カテゴリーにはリストマークを付けず文字で関連性を示す。  公式プラグインのカテゴリー(カスタマイズ用)  カスタマイズしたカテゴリー <ul class="main_menu"><!--category--> <!--category_s...

⇒この記事をもっと読みたい人はこちらの『カテゴリープラグインをカスタマイズしてみた』をクリック

 前回カスタマイズしたカテゴリーのプラグイン。  今回は、色分けしてみたいと思う。  どういうことかというと、親カテゴリーごとに背景色を指定してブロック分けできないかな?と言う話。    カスタマイズしたカテゴリープラグインのカテゴリー分け  FC2ブログ・カテゴリープラグインの変数 <ul class="main_menu"><!--category--> <!--category_sub_...

⇒この記事をもっと読みたい人はこちらの『カテゴリプラグインをブロックで色分けしてみた』をクリック

 カテゴリーページだけでなくタグ・検索結果・過去ログページでもタイトルのみを表示するようにしてみよう。  それぞれのページでタイトルだけ表示だと一覧性が増していいんだけど。  SEO的には?なんだけどさ。    基本的には、カテゴリーページでタイトルのみを表示するカスタマイズと同じ。  使うFC2の変数は、 <!--not_date_area--><!--not_category_area--><!--not_search_area--><!--n...

⇒この記事をもっと読みたい人はこちらの『タグ・過去ログ・検索結果ページをタイトル表示だけにする』をクリック

 FC2ブログのトップページと個別記事のページ以外のページ(タグ・過去ログ・カテゴリページ)に、タイトルと要約を表示できるようにしてみよう。   タグ・過去ログ・カテゴリページに、タイトルと要約を表示するカスタマイズ 使う変数<%topentry_discription>⇔要約<!--not_index_area-->~ <!--/not_index_area-->⇔トップページ以外に表示する。<!--not_permanent_area-->~ <!--/not_pe...

⇒この記事をもっと読みたい人はこちらの『タグ・過去ログ・カテゴリページに、タイトルと要約を表示するカスタマイズ』をクリック

 ユーザータグのページをタイトル一覧で表示するようにしてみよう。  基本的には、カテゴリーページでタイトルのみを表示するカスタマイズと同じ。  使うFC2の変数は、 <!--not_tag_area--> <!--/not_tag_area-->   FC2変数の説明 <!--not_tag_area--><!--/not_tag_area-->→タグエリア以外のページに内容を表示する。   FC2ブログテンプレートのカスタマイズ 1、テンプレートの<...

⇒この記事をもっと読みたい人はこちらの『ユーザータグのページをタイトル一覧で表示するようにしてみよう』をクリック

 まずは、FC2ブログのプラグインの基本について。  FC2ブログの場合、ブログパーツのことをプラグインと呼んでいるみたいだ。  プラグインを使わずに、同じような機能をテンプレートの中に直接つけることも可能だが、プラグインとして挿入したほうが、管理が簡単な場合が多い。    FC2ブログのプラグインの表示は・プラグインカテゴリ1・プラグインカテゴリ2・プラグインカテゴリ3の3つ。  大抵のテンプレートの場...

⇒この記事をもっと読みたい人はこちらの『テンプレートとプラグインの表示箇所』をクリック

 FC2ブログのエリア変数を覚えよう。  エリア変数で指定したHTMLの記述が、ブログの表示に反映される。  たとえば、トップページだけに表示したい記述やカテゴリーページだけに表示したい記述が指定できる。   FC2ブログのエリア変数 <!--index_area-->~ <!--/index_area-->・トップページ(インデックスページ、?mode 等のクエリが何も付かないURL)のみで表示されるブロック・どの場所でも有効(<...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのエリア変数』をクリック

 FC2ブログテンプレートの利用や1つの記事へ複数カテゴリの設定、複数ブログの作成が可能になった? FC2ブログ( blog.fc2.com )にてブログをオープンソース(MITライセンス)で公開。 ただし、ベータ版とか? といわれてもよくわからないので、詳細ページに飛んでみよう。  詳細ページは英語でさっぱりわからない。 サインインってのは、ログインのことだろうけど、FC2ブログのアカウントではサインインできない。 ...

⇒この記事をもっと読みたい人はこちらの『FC2総合インフォメーション 【ブログ】「FC2ブログ」をオープンソースで公開!より自由にカスタマイズ可能!』をクリック

 FC2ブログのカラムの配置を換えてみよう。  『FC2ブログ・プチカスタマイズ』のテンプレートは『96_seo_pink-3ca』というテンプレートである。  『96_seo_pink-3ca』は3カラムのテンプレートでプラグイン対応、枠固定タイプ。  通常の3カラムと同じように『サイドカラム1(サイドメニュー1の表示される範囲)』『メインカラム(記事などが表示される範囲)』『サイドカラム2(サイドメニュー2の表示される範囲)』の順に配...

⇒この記事をもっと読みたい人はこちらの『メインカラム左側、サイドカラム二つを右に配置するFC2ブログカスタマイズ・『96_seo_pink-3ca』の場合』をクリック

 FC2ブログの3カラムテンプレートには、スタイルシートの書き方が違っていてもカラムの構成パターンが決まっているので、基本的なカラムの構成を覚えておけば同じようなカスタマイズができる。 FC2ブログの3カラムテンプレートの基本構成1、『メインカラム+サイドカラム1(プライマリーカラム+セカンダリーカラム)』と『サイドカラム2(エクストラカラム)』はひとつの塊として構成されている。例)baseBlock、containerな...

⇒この記事をもっと読みたい人はこちらの『3カラムテンプレートの構成はどうして決まる?』をクリック

 今日は、ブログのヘッダー部分の文字の行間のカスタマイズ。 以前の『FC2ブログ・プチカスタマイズ』ブログのヘッダーは、h1に指定された文字数が多くなると、行間がうまく設定されていなかったので、ヘッダー部分の行間設定をしてみた。  以前のヘッダーのスタイルシート⇒以前のヘッダー。 文字数が多くなると、H1に設定した文字の行間が詰まったように見える。/*head要素       &nb...

⇒この記事をもっと読みたい人はこちらの『ヘッダーの行間・行の高さを調整する』をクリック

 FC2ブログには『拍手ボタン』というものがある。  この、FC2ブログの『拍手ボタン』とは別に、FC2IDの『拍手』というものがある。  FC2ブログの『拍手ボタン』は位置を自由に変えたりできないが(多少は変えられる)『拍手』はブログだけでなくHPにも設置できる。  FC2ブログだけでなく、他の会社のブログにも設置できる。  機能も『拍手』ボタンを押してくれた人に、お礼メッセージを自動で表示したり、じぶんで用意し...

⇒この記事をもっと読みたい人はこちらの『『拍手』ボタンを設置しよう・登録方法』をクリック

 FC2拍手をFC2ブログに設置してみよう。  FC2拍手は、FC2ブログ拍手よりちょっとだけ高機能。  拍手してくれた人にお礼のコメントを残したりもできる。  前回までは、FC2拍手のサービスに登録するまでを書いた。  今回は、拍手のページの編集とタグの収得について。   FC2拍手のお礼ページの登録方法 1、FC2IDへログイン。 2、利用しているサービス一覧から「拍手」をクリック。 &nbs...

⇒この記事をもっと読みたい人はこちらの『FC2拍手のお礼ページを作ろう』をクリック

 FC2拍手のタグをFC2ブログに設置してみよう。  FC2拍手はFC2ブログにもともと設置してあるFC2ブログ拍手とは別物。  でも、拍手ボタンの画像は同じものが用意されているので、FC2ブログ拍手かFC2拍手かは閲覧している人にはよくわからない。  FC2拍手のほうがFC2ブログ拍手より機能が多いので、どうせならFC2拍手を設置してみたらどうかな。   ・FC2拍手の登録はこちらのページに書いてます。 ・FC2拍手のお礼ペー...

⇒この記事をもっと読みたい人はこちらの『FC2拍手・タグの収得・FC2ブログのプラグインへの設置』をクリック

 FC2拍手がどんな風に表示されるか確認してみよう。  記事ページにはFC2拍手の設置ができないので、下のほうに設置してみた。  押して確認してみてね。  見てのとおり、FC2拍手のボタンは、FC2ブログの拍手ボタンとそっくり。  でも拍手ボタンを押してみると・・・。  FC2ブログ拍手と違って、オリジナルなページを表示することができる。  ただし、拍手ボタンの画像をオリジナルのものに変えることもできる。  画像で...

⇒この記事をもっと読みたい人はこちらの『FC2拍手とFC2ブログ拍手違いを体感してみてね』をクリック

 | FC2ブログ・プチカスタマイズ |  Next

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