- 公開日
- カテゴリー
- 画像と動画の設定とプラグイン
ファンブログは Seesaa Blog と同じなので、このブログのほとんどの内容は Seesaa Blog でも利用できます。
ファンブログ テック http://fanblogs.jp/techs/ はA8.net
のファンブログ（無料）を使っています。
この記事はファンブログで大きな画像が絶対にはみ出さなくなる方法です。書いてあるものをコピーして貼り付けるだけでそうなります。
詳しい説明はメインブログBig Bangの記事「絶対はみ出さない画像！自動でサイズ調節するスタイルシート」に書いてあります。他のブログで困っている方はそちらをお読みください。
貼り付けるのは、下のソースコードです。
.entryBox .text img,
.entry .entryBody img,
.entry .text img {
max-width: 100%;
height: auto;
}
2014/04/02 古いテンプレートで適用されないものがあったので、スタイルシートに１行追加しました。
これをスタイルシートに追記します。スタイルシートは次の手順で開きます。
ファンブログにログインした最初の画面で、設定したいブログの「デザイン」をクリック。
ログイン直後のページにいない場合は、画面上部の「デザイン」にマウスを合わせ、出てきたメニューの「デザイン設定」をクリックしても同じページが開きます。
開いたページで「PC」「スマートフォン」「ケータイ」と並んでいる中の「PC」がオレンジ色になっている事を確認して、その下の行の「CSS」をクリック。
正しく開かれれば「CSSの編集」と書かれたページになります。
CSSはカスケードスタイルシート（Cascading Style Sheets）の頭文字です。
このページの大きな編集エリアにたくさん書かれているのがスタイルシートです。このスタイルシートのいちばん最後に、先ほどのソースコードを貼り付けます。
そして忘れずに「保存」ボタンを押して保存します。「設定を変更し、CSSをビルドしました。」と表示されたら完了です。
設定終了後、まだ自分のブログの画像がはみ出しているようなら、ページを見ているブラウザをリロード（再読み込み）するために「F5」ボタンを押してください。
スマホの方は設定しなくても、すでに画面からはみ出さない画像になっているので大丈夫です。
2014/04/02追記
スマホはアップロードした画像しかサイズ調整されないみたいです。外から読み込んだ大きな画像ははみ出します。それが嫌な場合は、その記事の中に下の１行を追記してください。そうすれば、はみ出さなくなります。
<style type="text/css"> #content .text img { max-width: 100%; height: auto; } </style>
- サイズ変更に関連するページ：
- この情報が役に立ったら、みんなに教えよう！
- このブログへの投票はこちら
- → にほんブログ村
- カテゴリー
- 画像と動画の設定とプラグイン
「画像と動画の設定とプラグイン」の最新記事
ご存知ですか？
ファンブログにはA8.net以外のアフィリエイトを貼ることが、規約で正式に認められています。
おすすめアフィリエイト会社（ASP）一覧
- 忍者AdMax
- クリック報酬型専門アフィリエイト。クリックされるだけで報酬に。今まで最高で1クリック73円ついたことがあります。
- 最低振込報酬額500円（振込手数料150円 ただし楽天銀行
とジャパンネット銀行への振込は無料） - アフィリエイトＢ
- アフィリエイターへのサポートが良く、報酬に消費税分を上乗せして払ってくれます。
- 最低振込報酬額777円（振込手数料無料）
- アクセストレード
- オンラインゲーム系のアフィリエイトが非常に豊富。クローズド・ベータ・テスター募集広告などが狙える。
- 最低振込報酬額1,000円（振込手数料無料）
バリューコマース
- 通常の広告以外にも、非常に多くのアダルトサイト向け広告がある。アダルトサイト運営者におすすめ。
- 最低振込報酬額1,000円（振込手数料無料）
ファンブログは A8.net
の会員だけが使えます。
