カスタマイズ|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ブログの場合はデフォルトの状態でお馬さんのマークがついてる。 ファビコンの元になる画像を作ろう  まずはファビコンを作ろう。  画像を準備する。 ・画像サイズ:16px×16px ・拡張子は「JPG」「GIF」「PNG」   ソフトはペイントを使う。 1、【スタート】⇒【アクセサリ】⇒【ペイン...

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

 GooglePageSpeed Insightsでサイトの表示速度を測定すると、同時に出てくるのがユーザー エクスペリエンスというもの。  PCサイトの分析結果には表示されないこのユーザー エクスペリエンスというものいったい何?   ユーザー エクスペリエンスの評価  ユーザー エクスペリエンスというのは、満点が100。  内容を見てみると、タップの大きさや横スクロールしないで見れるか?、末端の大きさによって画面の大きさ...

⇒この記事をもっと読みたい人はこちらの『GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する』をクリック

 個別エントリー(個別記事)の名前(タイトル)が表示されるFC2ブログの変数はどんな変数か?  一般に、使われる<%sub_title>は非常に便利なFC2ブログの変数だ。  けど、場合によっては、使いにくい場合もある。  <%sub_title>は、それぞれのエリアで表示が違ってくる。  たとえば、カテゴリーエリアなら<%sub_title>=カテゴリー名、月間アーカイブの中なら年月日、個別のエントリー記事の中なら個別...

⇒この記事をもっと読みたい人はこちらの『個別記事のタイトルは<%sub_title>≒<%topentry_title>』をクリック

 ブラウザによって違うのかもしれないが、管理人の使っているFirefoxというブラウザはwebページの一部分を範囲指定してそのソースを見ることができる。  ソースを見ると、ブログのテンプレートを改造するのに役立つヒントが見つかるかもしれない。    たとえば、このブログのヘッダー部分を範囲指定して、ソースを見てみると下のようになる。   <div id="headBlock"> <div class="BlogName">&...

⇒この記事をもっと読みたい人はこちらの『ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる』をクリック

 スマートフォンサイトの表示時間を早くしよう。  スマートフォンサイトの表示時間を早くする方法のひとつに、「レンダリングブロック JavaScript/CSS を排除する」という方法がある。  「レンダリングブロック JavaScript/CSS を排除する」といわれても、やり方がわからない。  JavaScriptをインライン化すると読み込み時間が早くなるというのだが。  で、インライン化を試してみたのでご報告。   Googleの解説  「外...

⇒この記事をもっと読みたい人はこちらの『JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ』をクリック

 シーサーブログには、3カラムのテンプレートも当然存在する。  けど、オーソドックスな3カラムテンプレートばっかりだ。  メインカラムが真ん中にあってその左右にサイドカラムがある。  サイドカラムを片方に寄せるようなテンプレートは目に入らない。  できないのかと思っていたが、この間、シーサーブログのテンプレートをいじったら、サイドカラムを片側に寄せる方法が見つかったので、ちょっと皆さんにもやり方をご...

⇒この記事をもっと読みたい人はこちらの『シーサーブログのサイドカラムを片側に寄せる』をクリック

 検索エンジンが拾うのがタイトルやh1タグ、そしてmeta description(要約)。  descriptionは検索エンジンのSEO対策としてだけでなく、訪問者にそのページの内容を知ってもらうのにも使われる。  検索サイトから訪問する人をmeta description(要約)で増やそう。  今日のお話は『meta description(要約)はなぜ大事?』、『FC2ブログmeta descriptionのカスタマイズ・検索結果に記事要約を表示する』   meta de...

⇒この記事をもっと読みたい人はこちらの『meta descriptionで記事要約を検索結果ページに表示する』をクリック

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

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

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

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

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

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

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

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

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

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

 FC2ブログにGoogle+1ボタンを設置してみよう。  FC2ブログのテンプレートの環境設定では、ツイートやいいねボタンは設定できるのだが、G+ボタンは設定できないので、Google+1ボタンを設置しようと思ったら、自力でタグを挿入するしかないのである(FC2ブログの共有プラグインの中には、Googlを含めた多数のブックマークを表示するものはあるけど)。    Google+1ボタンを設置するには、いろいろ方法があるようだが...

⇒この記事をもっと読みたい人はこちらの『G+1ボタンを設置する方法』をクリック

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

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

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

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

 ページタイトルは、ブログやホームページを表示したときにタブの部分に表示されるそのページを表すタイトル。  検索エンジンが重要視するのは、この、ページタイトルの部分。  お気に入り・ブックマークなどもこのページタイトルで保存される。    seesaaブログは、このページタイトルが『ブログの名前・記事(カテゴリー)のタイトル』で表示される形式になっている場合が多い。    SEO対策としては、『記...

⇒この記事をもっと読みたい人はこちらの『シーサーブログのページタイトルのカスタマイズ』をクリック

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

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

 ブログのカスタマイズでよく出てくるカラーコード。  パソコンで使う色を#6桁の数字で表したものだ。  パソコンに使うカラーコードにも色々と合って、基本は16色。  古いブラウザでも表示されるのが216色。  下の216色は、古いブラウザでもどんなブラウザでも同じように表示される。  多分、一番使う機会が多いのが、この216色のカラーコード。   色 ...

⇒この記事をもっと読みたい人はこちらの『216色カラーコード』をクリック

 メタキーワードと言えば、昔からGoogleをはじめとする検索エンジンのSEO対策によくもちいらられるのだが、最近の検索エンジンのSEO対策としては、本文と同程度の効果だって言われている。  でも、本文の内容程度に重要視されるのであれば、設定しておいて損は無いだろう。  メタキーワードに設定する単語は、できれば、記事本文のキーワードにしたいものだが・・・。  そこで、FC2ブログのメタキーワードを投稿記事によって変...

⇒この記事をもっと読みたい人はこちらの『FC2ブログのメタキーワードをページによって変える方法』をクリック

 ブログのテンプレートをカスタマイズして使いたい人にお勧めテキストエディタMKEditor。  テキストエディタと言うのは、要はウインドウズで言うメモ帳みたいなソフトだ。  ウインドウズのメモ帳でもかまわないのだが・・・。  フリーソフトの高機能エディタはウインドウズのメモ帳よりはるかに使い勝手がいい。   MKEditorの特徴 ・複数のタブで、複数の文章の編集できる。 ・保存時にエンコードの指定が出来る...

⇒この記事をもっと読みたい人はこちらの『テンプレートのカスタマイズには高機能テキストエディタがあると便利』をクリック

 プラグインのタイトルをFC2の変数を使ってカスタマイズしてみよう。  プラグインのタイトルの欄には、FC2ブログの変数を書き込むことができる。  ただし、プラグインタイトルに書き込める文字数は、40文字まで。   プラグインタイトルにFC2ブログの変数<%blog_name>を使う    カテゴリーのプラグインタイトルに<%blog_name>を使ってみる。  カテゴリープラグインのタイトルを『<%blog_name&...

⇒この記事をもっと読みたい人はこちらの『プラグインのタイトルをFC2の変数を使ってカスタマイズ』をクリック

 FC2ブログのプロフィール、『アバター画像・ユーザー名・FC2ブログへようこそ!』ってやつ。  あまり必要ないと思う。  と言うわけで、このプロフィールの中身を書き換えよう。    どんな風に書き換えようか・・・。    できればSEOに役立てたいところだ。   FC2ブログのプロフィールから画像を削除する   1、プラグインの設定⇒プラグインタイトルのプロフィールの詳細⇒『HTMLの編集』をクリ...

⇒この記事をもっと読みたい人はこちらの『プロフィールのプラグイン表示をSEOに適した形にカスタマイズ』をクリック

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

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

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

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

 個別記事のページナビゲーション、≪前の記事タイトル | ホーム | 次の記事タイトル≫ だと面白くない!    基本的に、ホームへ戻るとか、トップへ戻るみたいな表示は、検索エンジンにとってはたいした意味ないし。    SEOを考えても、ホームへ戻るではなく、ブログ名で出したいところ。   もともとのテンプレートのナビゲーション↓ ≪<a href="<%preventry_url>" title="<%preventry_titl...

⇒この記事をもっと読みたい人はこちらの『ページナビゲーションでSEO・検索エンジン最適化』をクリック

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 <h></h>とは一体何?  <h></h>はいわゆる、見出しをあらわすタグだ。  <h1></h1>からだんだん見出しとしての重要度が低くなる。  要するに、<h1></h1>は一番大きな見出し。  例えば、テンプレートのブログのサイト名は<h1>ブログのサイト名</h1>。  <h2>ブログの書かれた時期</h2>か<h2>個別記事のタイトル</h2&...

⇒この記事をもっと読みたい人はこちらの『<h></h>とは一体何?』をクリック

 テンプレートに、<!--// //-->を書き込むと、何が起こるか?  何も起こらない?  其れで良いんです。 <!--// //-->の意味  <!--//これは、コメントを入れるためのタグ //-->。  <!--// //-->で囲われた文字はコメントとして扱われ、テンプレート表面には影響が出ない。  テンプレートの内容にも、あまり影響しない。  要するに、覚書。  テンプレートを...

⇒この記事をもっと読みたい人はこちらの『テンプレートにコメントを入れる』をクリック

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

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

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

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

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

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

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

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

色コードを収得する無料ソフト・ウエブカラークリエイター・webcc。   ウエブ上のページの色コードを収得出来る。   カラーピッカーといわれるソフトのひとつ。 色々ダウンロードしてみたが、このソフトが一番使い易かった。 【ウエブカラークリエイターの使い方】  赤いまるで囲われた、スポイト状の画像をページの色コードを知りたい場所に、ドラック(マウスを右クリックしたままの状態で動かす)すると、カ...

⇒この記事をもっと読みたい人はこちらの『色コードを収得する無料ソフト・ウエブカラークリエイター』をクリック

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

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

【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の意味』をクリック

ブログのカスタマイズやサイトの作成によく使われる、カラーコード。  あまり、複雑な色を使うと、ブラウザによっては、同じ色に表示できないことがあります。  基本の16色は、どんな、ブラウザにも同じように表示される、基本の色です。  基本中の基本の色なので、カスタマイズ用に載せておきます。    black #000000    maroon #800000   gray #808080...

⇒この記事をもっと読みたい人はこちらの『どんなブラウザでも、再現できるカラーコード16色』をクリック

ブログの通常文字の色を変えます。  スタイルシート編集画面の中から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 ;  赤字で表示した部分が、ブログ全体の基本の文字の色を表しています。  #...

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

  FC2ブログをはじめたんだけど、なんだか、文字が見難かったりするんだ。  来てくれた人が、見やすいように出来ないかな?  うまい方法を教えてよ。 スタイルシートを少し改造すると見やすくなるよ。  でも、FCはそれぞれのテンプレートで、スタイルシートの記述が違っていたりして、慣れるまで判りにくいかもね。  それでは、FC2テンプレートの“ちょっとだけ、改造計画”始動します。...

⇒この記事をもっと読みたい人はこちらの『FC2ブログをちょっとだけカスタマイズ(改造)します』をクリック

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

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