ブログ用 テンプレート このブログについて

FC2ブログ用のテンプレートを配布しています。
ブログ用テンプレートの簡単なカスタマイズの方法も紹介します。

thumbnail cat1

thumbnail cat2

thumbnail cat3

テンプレートの利用に、利用規約のような当サイトからの形式張った注文は特にありません。
FC2ブログ用のテンプレートですから、FC2ブログの「利用規約」に従って下さい。その上で、テンプレートのカスタマイズなどは、どうか自己責任のもと、自由に行って下さい。

pulp-studio ブログ ■ 記事目次

ホーム | 次のページ »
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
 

FC2ブログ共有テンプレート「ax-pulp_zebra01」の概要

FC2ブログの共有テンプレートに登録されたテンプレート「ax-pulp_zebra01」の概要です。

≪ FC2ブログ共有テンプレート
「ax-pulp_zebra01」


サイト内部での内的SEOの対策も施したテンプレートです。このテンプレートは、FC2ブログの共有テンプレートに登録されましたので、各自のブログ管理ページ【テンプレート管理】>【共有テンプレート追加】から、「ax-pulp_zebra01」というテンプレート名で検索して、その【詳細】のページからダウンロード出来ます。


ページのサイドメニュー部分には、ポップで地味なメニューを設置してみました。
マウスでカーソルを合わせると、背景とボーダーの色が変化するこのメニューはスタイルシートの設定だけで実現しています。
メニューの各リンク先は自由に設定出来るので、いろんなページへのナビゲーションなどに応用して使ってもらえれば良いのですが、邪魔なら削除して下さい。

コンテンツの部分は、メインカラム(左)とサイドカラム(右)の2カラム構成になっています。
このメインカラムとサイドカラムは、スタイルシートの一部をほんの少し変更するだけで、左右入れ替えが簡単に出来ます。≫ カラムの入れ替え方法
HTMLには、最初にメインカラム部分の内容、次にサイドカラム部分の内容の順に記述してあります。カラムの左右入れ替えは、スタイルシートの変更だけなので、HTMLに手を加えることはありません。

各所へのリンクが並んでいるだけになりがちなサイド部分より、内容のあるメインの部分をHTMLで先に記述しておく方が、SEO対策として効果があると言われています。
更に、FC2ブログが独自に用意している変数を利用してカスタマイズを行えば、さらなるSEO対策での効果が狙えるのではないでしょうか。例によって自己責任でですけど・・・自由にどんどんカスタマイズしてみて下さい。

スポンサーサイト
無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
 

FC2ブログ共有テンプレート「ax-pulp01」の概要

FC2ブログの共有テンプレートに登録されたテンプレート「ax-pulp01」の概要です。

≪ FC2ブログ共有テンプレート
「ax-pulp01」


SEO対策も施したテンプレートです。このテンプレートを利用するには、各自のブログ管理ページ【テンプレート管理】>【共有テンプレート追加】から名前を「ax-pulp01」と検索して、その【詳細】のページからダウンロードして下さい。


ページのヘッダ部分には、ページナビゲーションとなるメニューを横に並べて設置。マウスでカーソルを合わせると色が変化するこのメニューはスタイルシートでの設定だけで実現しています。
メニューのリンク先は、もちろん自由に設定出来ます。

コンテンツの部分は、メインカラムとサイドカラムの2カラム構成になっており、このメインカラムとサイドカラムは、スタイルシートをほんの少し変更するだけで、左右を簡単に入れ替える事が出来ます。≫ カラムの入れ替え方法
HTMLには、メインカラム部、次にサイドカラム部の順で記述しておりますが、カラムの左右入れ替えは、スタイルシートでの設定だけで実現させます。

さらなるSEO対策を狙って、FC2ブログで独自に用意されている変数などを利用して、カスタマイズなんかも、例によって自己責任でですけど、どんどん自由にいじってみて下さい。

無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
 

FC2ブログ用テンプレート「ax-pulp01」「ax-pulp_zebra01」のカスタマイズ・カラムの左右入替

カラムの左右入替方法
FC2ブログ用テンプレートのカスタマイズ
★対象となるFC2ブログ用テンプレート
「ax-pulp01」
「ax-pulp_zebra01」
FC2ブログのテンプレート一般へも応用出来ます。

◆2カラムの左右入替【低難易度】初心者でも簡単
対象になるFC2ブログ用のテンプレートは2カラムのテンプレートで、左右に大きいカラムと小さいカラムの組み合わせになっています。
この大きいカラムと小さいカラムを左右入れ替える方法です。

MORE ≫ FC2ブログ用テンプレート「ax-pulp01」「ax-pulp_zebra01」のカスタマイズ・カラムの左右入替  【全文を表示】
無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
 

テンプレート一般のカスタマイズ・スタイルシートで実現するナビゲーションメニュー(リンク)

FC2ブログの共有テンプレート「ax-pulp01」などにも組み込んでいる、スタイルシートの設定だけで実現するナビゲーションメニュー(リンク)のソースと概略です。


このサンプル・テンプレートでは、ページのヘッダ部分に、ページナビゲーションとなるメニューを横に並べて設置しています。マウスのカーソルを合わせると個々にメニュー部分の色が変化します。

スタイルシートでの設定次第で、このような縦に並ぶメニューにすることも出来ます。


これらのメニューはスタイルシートの設定だけで実現します。メニューのリンク先に合わせて、変化する色も自由に設定出来ます。
スタイルシートを覚えたての頃は、この程度のことでも楽しくてたまりませんでした。

MORE ≫ テンプレート一般のカスタマイズ・スタイルシートで実現するナビゲーションメニュー(リンク) 【全文を表示】
無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
 

ロゴやボタンが簡単に作れる無料のWEBサービス・画像ジェネレーター

webページの素材としてロゴやボタンが簡単に作れるフリーの画像ジェネレーター、Cool Text(クールテキスト)はウェブ上で行う簡単な作業でコンパクトにデザインされた素敵なロゴを作成することができ、webページなどの素材作りにとても重宝します。

最初に大まかなデザインやフォントのスタイルを選んでウェブ上から修正して行くだけで、独自のロゴ画像がリアルタイムに生成されて行きます。

無料ブログ テンプレート ブログパーツ カスタマイズ SEO対策 :: pulp-studio ::
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。