ブロプー Blog

こんにちは！さいとうです
最近は暗くなるのが早いですよねもう17時には暗くなってます
冬が近づいてきている感じがしますね・・・！

さて今回も前回に引き続き、テンプレート作成時の注意点についてです。
実際に私の作ったテンプレートで見つかったバグと、
そのバグをどうやって修正したのかを書きますので、参考にしてください

記事内の画像と動画のサイズ

最近は記事内に動画をいれこむことのできるブログがとても多いですね
携帯カメラの機能も向上して、大きくて鮮明な画像をブログに載せている人もたくさんいます

私自身は画像も動画もブログに載せたことがあまりなかったので、画像・動画のサイズなんて気にしてなかったんです
サイズを気にせずにテンプレートを作っていたら・・・

こんなことになってしまいました
動画が大きくて記事の枠からはみ出し、プラグインが見えなくなってしまってます・・これでは困ります

とりあえずどんなサイズの動画を載せてもプラグインにかぶらないようにするため、記事を囲うdivにoverflow:hidden;を記述してみました。
プラグインはみえるようになりましたが、動画が切れてしまっています・・・

これ以上はどうすることもできないので、「このテンプレートは～px以下の動画に対応しています」と注意書きを付け加え、大きな動画を入れないようにするしかありません

ブロプーでは不具合情報ページに対応している画像・動画の情報を記載しています。

動画を例に挙げて説明しましたが、写真やイラストといった画像でも同じことが言えます。写真やイラスト、動画をたくさん載せるブログを作りたい場合は、２カラムなどにして、記事のボックスの横幅を広くとるデザインにすると良いでしょう

次回もテンプレート作成時の注意点です。更新は１１月４日（火）の予定です。お楽しみに

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ