はてなブログにFlickrから横800ピクセル指定で画像を貼り付けたい

はてなブログで写真を投稿することがおおく、Flickrから横800ピクセルぐらいにサイズを指定をして貼り付けたいのですが、テンプレートでそこまで大きなサイズに対応されているものが少なく縦横比が崩れてしまいます。横800ピクセルが問題なく表示され、かつレシポンシブルデザインに対応している2カラムのテンプレートがございましたらお教え頂ければと思います。

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2015/04/12 09:40:05
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:blue_star22 No.1

回答回数297ベストアンサー獲得回数12

ポイント50pt

そんなのはないと思うので、自分でテンプレートを編集するのが簡単かと。

id:rafting No.2

回答回数2652ベストアンサー獲得回数176

ポイント50pt

好きなデザインのレスポンシブ対応テンプレートの中のCSSのwidthの値を自分で書き換えたらいかがでしょうか?

id:a-kuma3

width を変えただけじゃ、対応できませんよ。
css を読めば分かる。

2015/04/05 21:17:17
  • id:a-kuma3
    Flickr の画像は、どうやって貼り付けてます?

    はてなブログをちらっと見た感じでは、はてな記法を使ってるけど、画像には width と height が指定されているようです。
    縦横比を気にしているようですが、height を計算して手打ちしているのでしょうか?
  • id:rocketboy_miya
    コメントありがとうございます。画像の貼り付けですが、Flickrで埋め込みの共有を指定するとコードが出てくるため、それをそのままはてな記法に貼り付けています。widthとheightを気にせずに貼り付けられればいいのですが。
  • id:a-kuma3
    >Flickrで埋め込みの共有を指定するとコードが出てくるため、それをそのままはてな記法に貼り付けています
    ああ、なるほど。

    とりあえず、width をなるべくキープしたいのであれば、height="xxx" を削って貼りつければ、縦横比が崩れることはありません。

    2カラムで本文が800px 以上というテーマは厳しいかも(無いとまでは言わない)。
    サイドバーが 300px になってるんです。
    すきまだなんだを加味すると、1200px になっちゃう。
    まあ、PCなら ほとんどのディスプレイに収まると言えば収まるのだけれど。

    CSS を追加して広げるしかないかなあ。
    後は、今 使っているテーマが気に入っているのか、テーマを変えてみようと思ったついでに BODY を広げたいのかによって、どこをどういじるかが変わってきます。

    # 無責任な回答と、書いてることはたいして変わらんな (´・ω・`)
  • id:a-kuma3
    ちょろっと探してみました。

    http://blog.hatena.ne.jp/-/store/theme/11696248318753787764
    このテーマで、真ん中くらいに記載がある「はてなダイアリーでよく見かけるリキッドレイアウトに変更する」の追加の CSS を適用すると、希望に近いのかも。
    試してはいませんが、#content に min-width: 800px が指定されているので、本文のところは 800px は確保されると思います。

    # 探せばあるじゃん
  • id:a-kuma3
    これ、サイドバーが 275px だ。
    探せばありそうな気はしてきたけど、説明文がしょぼいテーマがほとんどだから検索で探せない X-|

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません