スター為替証券

Fc2ブログって万能なんだね

    
どうも、きゃむです。

最近ホームページに移行させる練習でブログをちょいちょいイラストサイトっぽく
しているんですが、いろいろ気づいた事があります。
そう
Fc2ブログって万能なんだなぁ
という事に。

結構放置してたイラストページもサムネ表示のギャラリーっぽい感じにしたり、
Dairyっぽく全記事一覧もメニューに追加したりと、ちょっと調べてみたら
いろいろやりたい事が実現しちゃっていい感じになってしまったんですよね。
あとイラストページ等にいった時、右にある必要ないブログパーツも
非表示にする方法も見つかりました。
なので、ぶっちゃけもう新しくサイトを作るよりこのままでいいと思い始めてます

唯一心残りなのが入り口ページ(画像にENTERと表示されているだけのページ)が
できないことですが、いろいろサイトを見てみるとあまりクリックする数は多くないほうが
いいという話だったので入らないほうがいいのかもしれないですね。

あ、あとアドレスに「blog」が付くぐらいかな?
まぁこれはしょうがないですw

はい、とりあえずそんな感じの報告でした。

今回はイラストはありませんが
丁度いいのでブログでイラストサイトっぽくしたい人向けに
ギャラリーページの作り方でもメモ程度で残しておきたいと思います。

手順
1 まずは管理ページから【設定】のタブ内にある「テンプレートの設定」を選択します。
2 設定してあるテンプレートのスタイルシート内に以下の文字列を追加。

/* ----画像リサイズ------ */
.image-resize {
max-width: 115px;
max-height: 115px;
}
これを追加することで大きな画像を115pxのサイズに縮小して表示してくれるようになります。
※縦横の比率は変わらずに縮小されるので安心してください。

3 載せたいイラストをアップする
4 ギャラリーページにする記事の編集画面で以下の文字列を入力します。

<a href="画像のURL" target="_blank" title="画像の題名">
<img src="画像のURL" class="image-resize">

※ < ← 表示の関係上全角にしてますが、貼り付ける際は半角 < にしましょう。

これをすることで大きな画像をそのままサムネサイズに表示できる為、
いちいちサムネ用の画像をアップする必要がなくなるわけです。

是非イラストブログをしている人は試してみてはいかがでしょうか?

ちなみに、サムネをクリックして手前に大きく表示される仕組みは【lightbox】という
スクリプトを使った処理なので各自でググってくださいw

それでは。

コメント表示/非表示

Infomation
活動拠点
pixivニコニコ静画tinamitwittereggfiletwitter
ネットキャラクターコレクション
支援

クリックして頂けると
とても励みになります!

にほんブログ村 イラストブログ オリジナルイラストへ
人気ブログランキングへ blogram投票ボタン
irakore88g.gif gdcbw.gif 88_31_2.png (GC)GAMEHA.COM - ゲームはドットコム