プロフィール

mshp0723(旧Mikaん星人アワー)

Author:mshp0723(旧Mikaん星人アワー)
ごらんいただきありがとうございます。マルチクリエイタ・クリエイティブ起業家のmikaん星人アワーです。webコンテンツ関連お仕事をしています。

■お仕事関連サイト■
仙台スマホ対応ワードプレスサイト制作・アトリエSS


webサイト制作・運用関連事例
・食品店さま ネットショップ制作
・音楽スクールさま webサイト制作
・楽器奏者さま 再生プラグイン埋め込みサイト制作
・エクステリア施工企業さま webサイト企画
・飲食店さま webサイト制作
・支援団体さま サイト制作
・一般企業さま 会社案内サイト企画
・支援団体さま fc2ブログカスタマイズ
・その他 メディア/アフィリエイト運用ブログカスタマイズ



よろしくお願いいたします。

最近の記事

カテゴリー

fc2ブログレイアウトカスタマイズねた~枠からはみ出るタイトルを、paddingカットやボックス作ってmargin・width指定で回避 ドメインも使えるようになるし、fc2ユーザー大勝利か?

おばんです。

今回の内容のメリットは、オリジナルデザインに加え、ユーザーとのつながりや更新しやすさ、ping送信などのシステムです。以上のメリットを備えた普通のホームページとして、ぶろぐも使えます。

mikaん星人アワーです。


こないだは、ちょこっとfc2ブログのカスタマイズを行っていました。このぶろぐでなくて別件です。


エディットした部分はここ。記事のタイトル部分
201206291.jpg


行った理由は以下の画像のように
201206292.jpg
(長すぎてもよくないとはいえ)タイトルを詳細に書くには2段必要でしたが、テンプレートが一段を想定しているせいで、はみ出て見出しが見えにくくなります。 文字も白、背景も白なので2段目が読めません。また、横に模様がついているテンプレなので、模様にかぶった部分も読めなくなります。



上記の問題を
201206293.jpg
↑のように修正し、タイトルを詳細に書きつつもきちんと読めるようにしました。



記事タイトル部分にclass=entry-headerという部分があり、ここを直します。




■class=entry-headerに対応するcss


#blog h3.entry-header{width:510px;height:35px;
background : url(http://画像のパス) 0 0 no-repeat;margin:0;}

h3.entry-header a{display:block;
height:20px;color:#fff;padding: 8px 0px 7px}




この場合は、
201206294.jpg
のように修正するとよさそうですね。


■cssを修正

h3.entry-header a{display:block;
width:460px;color:#fff;
margin:0px 0px 0px 28px;}



のように修正し、横幅指定で模様にかぶらないようにして、marginで左の模様部分をあけます。
また、paddingの上部分をカットして上詰めにすると2段入るようになりました




あとはヘッダー画像を差し替えたりサイズ変更するほか、

自分の好きなデザインで横並びメニューをつくったり・・・
201206295.jpg


カテゴリが多いときはプルダウン形メニューを入れてみたり・・・
201206296.jpg


というように行っても、ぶろぐが普通のホームページみたいなデザインで(かつ上記のユーザーとのつながりや更新しやすさ、ping送信などのシステムというメリットを持って)運用できます。



過去記事にはこういうアイデアもあるので(fc2ぶろぐはlightboxもいけるらしい)

■cssだけで画像拡大ねた~lightboxなしで、マウスオーバーでサムネ画像拡大をやってみる
http://mikastellamusica.blog51.fc2.com/blog-entry-769.html


■ホームページ制作ねた~ディティールを見せるためサムネイル画像をクリック拡大~いつもはcssだけど趣向を変えてlightboxで。
http://mikastellamusica.blog51.fc2.com/blog-entry-748.html


ほぼ普通のホームページのような自由度でいけます。



また、余談ですが、fc2ぶろぐは最近、有料版で機能強化しました。

http://blog.fc2.com/contents/paid/
・アップロードファイルサイズが2Mに増加
・独自ドメイン
・保存ファイル容量10Gまで増加
・広告の非表示
・1ヶ月300円


という感じで、独自ドメインもいけます。
というわけで、『webサイトをいちから作るのも高いしなぁ~』という場合は、ぜひぶろぐからやって成功をつかんでくださいね♪



*オリジナルデザインカスタマイズが不明な場合は当ぶろぐ管理人にお問い合わせください。作業代行する場合も費用はあんまり高くありません。(PR)


んでわまた♪

にほんブログ村 地域生活(街) 東北ブログ 仙台情報へにほんブログ村 ベンチャーブログへにほんブログ村 音楽ブログへ

(↑面白かったらクリックお願いいたします♪)
関連記事
スポンサーサイト
トラックバック
トラックバック送信先 :
コメント

リンク(相互大歓迎♪)

月別アーカイブ