便利機能を付け加える|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ブログテンプレートに、プラグインを付け加えることにする。 【付け加える記述】  <!--plugin-->    <!--plugin_third-->    <div class="section" id="<%plugin_third_tag>"><!-- plug-in-section -->     <div class="sidehead">    ...

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

  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ブログにページナビゲーションを付けて見よう』をクリック

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

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

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

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

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

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

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

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

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

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

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

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

 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ブログには関連記事リストの表示ができるようになっている。  FC2ブログに関連記事リストを表示させるには、環境設定⇒ブログの設定⇒関連記事リスト 表示場所のを▼をクリックして、関連記事リストの配置を選んで、関連リストの表示の仕方をそれぞれ選択し、更新ボタンを押す。  関連記事リストを表示できる場所は『個別ページの記事下』『一覧ページの記事下』『個別・一覧ページの記事下』『テンプレート変数のみ』『上...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの関連記事リストを任意の場所に表示する』をクリック

 今日の話はFC2ブログの記事の下に広告やランキングを表示させる方法。  記事投稿時に広告タグやランキングタグを挿入すれば話は簡単なようだが・・・。  記事投稿時に広告タグやランキングタグを挿入すると携帯サイトでは、下のほうにタグのHTMLの残骸が残ってしまったり、サイズが合わず、スマートフォンサイトで横スクロールが生じたりする。  記事は記事として、テンプレートの中に広告やランキングのタグを貼り付けたほう...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの記事の下に広告やランキングを表示させる方法』をクリック

 Twitterボタンをブログ指定箇所に自由に配置したい。  FC2ブログの設定だと、ブログ拍手ボタンの配置位置に連動して、Twitterボタンのはいちいちが決まってしまう。  どうもこの設定、HTMLやスタイルシートで変更できるものではない様子。  TwitterボタンをFC2ブログの好きな位置に配置するにはTwitterボタンのHTMLタグを手に入れて自分の好きな位置に貼り付ける。  というわけで、TwitterボタンのHTMLタグを手に入れよ...

⇒この記事をもっと読みたい人はこちらの『TwitterボタンのHTMLタグを手に入れよう』をクリック

 記事下に、広告(またはランキングや決まった文章)を表示させたい場合、テンプレートに直接広告タグを貼り付けて、記事下に広告を表示させた方が記事投稿画面に広告タグを貼り付けるよりメンテナンスが楽だ。  ただし、FC2ブログのテンプレートはちょっと知識が要る。   FC2ブログ拍手を使っていると思った位置に広告が表示できない  FC2ブログの場合、環境設定でFC2ブログ拍手を表示していると個別記事のページ(bl...

⇒この記事をもっと読みたい人はこちらの『FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法』をクリック

 関連記事リストに、カテゴリ名と記事の投稿日時を表示してみよう。 関連記事リストの基本の変数 <!--relate_list_area--> <dl class="relate_dl"> <dt class="relate_dt">関連記事</dt> <dd class="relate_dd"> <ul class="relate_ul"> <!--relate_list--> <!--relate_entry_other--> <li class="relate_li"><a href="<%topentry_relate_url>...

⇒この記事をもっと読みたい人はこちらの『関連記事リストにカテゴリ名と記事の投稿日時を表示する』をクリック

 FC2ブログにファビコンをつけてみたい。  ファビコンってのは、サイトを表示したときにタブに表示される画像のことだ。  FC2ブログの場合はデフォルトの状態でお馬さんのマークがついてる。 ファビコンの元になる画像を作ろう  まずはファビコンを作ろう。  画像を準備する。 ・画像サイズ:16px×16px ・拡張子は「JPG」「GIF」「PNG」   ソフトはペイントを使う。 1、【スタート】⇒【アクセサリ】⇒【ペイン...

⇒この記事をもっと読みたい人はこちらの『FC2ブログにファビコンをつけてみよう』をクリック

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