▲ back to TOP

admin |  RSS
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 FRAZ-002  2014/03/03 (Mon)

[ FRAZ-002 ](Sample)
リキッドレイアウト / プラグイン対応 / メニュー(プラグイン2のみ)折り畳み / 追記折り畳み

・プラグインなし→記事部分のみの1カラム
・プラグイン1もしくは2のみ→左2カラム
・プラグイン3のみ→右2カラム
・プラグイン1~3全て表示→3カラム
に変化します。
うまく活用して頂ければHP風にもなる(かもしれない)テンプレートです。
見た目はシンプルすぎるほどシンプル。

カスタマイズポイント


カスタマイズ 折り畳みたいプラグインはプラグイン2へ
月別アーカイブや新着コメントなど表示が長くなりがちなプラグインをプラグイン2に変更して頂くと自動的に折り畳み表示になります。
逆に折り畳みたくないプラグインは、プラグイン1(左側)またはプラグイン3(右側)にしてください。

アフェリエイトなどをやっていて、広告表示させたい方はプラグイン3に広告を表示させるといい感じかも?

プラグインカテゴリ変更方法
fc2Blog管理画面→プラグインの設定で下記画面が出るので真ん中辺りにある「カテゴリ」部分の数字を変更してください。
FRAZ-002カテゴリ変更説明SS
(クリックで拡大表示)
当サイトだと今こんな感じで設定してあります。

あとはワンポイントアドバイスとして、アルファベットのフォントにGoogleフォントを使用してあるのでプラグインの表示名(タイトル)を英語にするとなんだか格好良く見えます。
スポンサーサイト
 FRAZ-001update  2014/03/03 (Mon)
FRAZ-001とFRAZ-001-2columを修正しました。

更新・修正内容


・IEで記事に画像を挿入すると表示崩れが起こる不具合を修正
・FRAZ-001にてプラグインの内容が多い場合に下にはみ出る不具合を修正
・カレンダーCSS挿入
・関連記事CSS挿入
・TOPに戻るリンクを追加
・各記事に記事編集用リンクを追加
・FRAZ-001-2columのCSSでfooterタグが2重になっていたのを修正

3/4以前にFRAZ-001及びFRAZ-001-2columをダウンロードし使用されている方はfc2共有テンプレート(下記リンク)より新たにダウンロードをお願いします。

共有テンプレート FRAZ-001 / FRAZ-001-2colum
 FRAZ-001  2014/01/30 (Thu)
fraz-001ss
[ FRAZ-001 ](Sample)
1カラム / プラグイン対応

FRAZ初めての共有テンプレートです。タグなどは出来るだけ整理したつもりですが分かりにくかったらすいません;
モノクロでシンプルなテンプレート。
CSS3で角丸を施し、サイドにも余裕を持たせてあるので全体的に柔らかい印象に。
日記にも写真展示にも使えるかと思います。
デフォルト状態では記事内の画像最大幅860pxまでなら綺麗に表示されます。
画像右側への文章の回り込みにも対応してます。
画像の回り込みは
<img src="画像アドレス" width="xxx" height="xxx" title="xxx" align="left">回り込みさせたい文章

赤字部分を足すだけで出来ます。

カスタマイズポイント


カスタマイズ ブログ名の下のメニューはデフォルトではCategoryを表示しています。
   必要に合わせてリンクを増やしたり、不要ならメニューごと削除してください。
   メニューのカスタマイズ例は[FRAZ-001-2colum]の記事で説明しています。

カスタマイズ 記事全体の幅をデフォルトでは960pxで指定していますが、可変幅にも変更可能。
#all{
width:960px; /* 全体の幅 (可変幅指定も可能)*/
margin:30px auto;
}

カスタマイズ プラグインはheightで高さ指定してあります。プラグイン1~3まで順番にグリッド表示されます。
   幅と高さはお好みで調節してください。
.right-box{
width:300px;
height:240px;

float:left;
margin:0;
padding:0;
font-size:90%;
}

カスタマイズ 右上のfacebookやtwitterアイコンは不要なら削除してください。
   使用する場合はtwitterとfacebookのアドレス入力を忘れずに。


[FRAZ-001]の2カラムver.[FRAZ-001-2colum]も作成しました。
1columでは不便という方は此方をどうぞ。
 FRAZ-001-2colum  2014/01/30 (Thu)
fraz-002-2css
[ FRAZ-001-2colum ](Sample)
2カラム / プラグイン対応

FRAZ-001の2カラムver.です。
外観はFRAZ-001を2カラムにしただけなのですが、cssなどがよく分からない方には幅変更はオススメしません。
モノクロでシンプルなテンプレート。
CSS3で角丸を施し、サイドにも余裕を持たせてあるので全体的に柔らかい印象に。
日記にも写真展示にも使えるかと思います。

カスタマイズポイント


カスタマイズ ブログ名の下のメニューはデフォルトではCategoryを表示しています。
   必要に合わせてリンクを増やしたり、不要ならメニューごと削除してください。
※カテゴリー数が多い場合、表示がはみ出てしまいます。
 その場合、カテゴリーを整理して頂くか、デフォルトの状態だと子カテゴリーも表記されるので親カテゴリー表記のみにして頂ければ多少余裕が出来るかと思います。


カテゴリ以外のメニューやリンクを増やす場合
<!-- メニュー -->
<div class="menu">
<ul>
<li><a href="アドレス">リンク名</a></li>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name></a></li>
<!--/category-->
<li><a href="アドレス">リンク名</a></li>
<li><a href="アドレス">リンク名</a></li>
</ul>
</div>
<!-- メニューここまで -->


といった感じに<!--category-->~<!--/category-->の上下にリストタグを増やせばメニューが増えます。
サイトをお持ちの方でサイトに戻る為のリンクが欲しい方などには便利かも?

カテゴリー表記が不要でリンクだけメニューに使いたいという方は<!--category-->~<!--/category-->をざくっと削除してしまってください。


カスタマイズ 右上のfacebookやtwitterアイコンは不要なら削除してください。
   使用する場合はtwitterとfacebookのアドレス入力を忘れずに。
Template by :FRAZ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。