タグ

ブックマーク / 1design.jp (2)

  • 【CSS】img画像の縦横比を保ったままボックス内に収める方法 | Freelance Journal フリーランス ジャーナル

    要件概要: ボックスのサイズは固定 横長の画像が来たらボックスの横幅に合わせる 縦長の画像が来たらボックスの縦幅に合わせる 画像サイズがボックスサイズより小さい場合はそのまま 縦横中央揃え 結論からいうと、「縦横中央揃え」以外の要件は下記のCSSで実現できます。 img { width:auto; height:auto; max-width:100%; max-height:100%; } ボックス内で画像を縦横に中央揃えさせたい場合も多いと思います。デモを用意しましたので、ご参考下さい。 See the Pen 4 way to keep image ratio inside a box by wang (@yaquawa) on CodePen. 全部で5通りの方法です。ボックスの端をドラッグしてリサイズしてみてください。ボックスのサイズに応じて収まり方も変わってくることが確認できる

    【CSS】img画像の縦横比を保ったままボックス内に収める方法 | Freelance Journal フリーランス ジャーナル
  • WordPressの「メディアライブラリ」のインポートが上手く行かない時の解決法 | Freelance Journal フリーランス ジャーナル

    一言まとめ [ツール]→[エクスポート/インポート]で「メディアライブラリ」のインポートが上手くいかない。 ならば、メディアライブラリ関連のデータをデータベースから直接 エクスポート & インポート すればいい。 サイトリニュアルの際など、WordPressのデータ移行(引越し)が必要なときがありますよね。古いデータベースをそのまま利用できれば、そうしたほうが一番手っ取り早くてトラブルも圧倒的に少ないです。 しかし、古いサイトでプラグインを多用してると、新しいサイトにとっては不要なデータがデータベースに残存してしまうケースもあります。そういった場合は、記事やカテゴリなど、新しいサイトに必要最低限のデータのみを古いサイトから吸収して、いわば「クリーンインストール」で行きたいものです。 記事系とタクソノミー系なら [ツール]→[エクスポート/インポート] を使えば割りと簡単に移行できます。しか

    WordPressの「メディアライブラリ」のインポートが上手く行かない時の解決法 | Freelance Journal フリーランス ジャーナル
    microgravity
    microgravity 2018/04/07
    “SELECT * FROM wp_posts WHERE post_type = 'attachment';”
  • 1