はてなブックマーク

1. 画面の大きさによって背景画像の拡大・縮小 現在、Wordpressの管理画面から背景画像の設定はできるのですが、背景画像を選んでもタイル状に並べることしかできません。 なので、スタイルシートに下記コードを記述して背景を設定しました。 ポイントは「background-size: cover;」です。これによって、背景画像は縦横比を保持したまま画面を完全に覆うように背景画像を拡大・縮小してくれます。 body { background: #30415d url( https://mlog.xyz/wp-content/uploads/2016/11/background.jpg) no-repeat fixed center center; background-size: cover; } スマホで見てくれている人はわからないかもしれませんが、PCで見ている人は、ブラウザのウィンドウ

「ヨメレバ」を使えば、一瞬にしてAmazonや楽天などのショッピングサイトへのリンクが作れます。画像も入ってわかりやすいし、Amazonと楽天市場への両方のリンクを表示できる点がすばらしく、僕も利用させてもらっています。 「ヨメレバ」は「わかったブログ」を運営しているかん吉さんという方が作っていまして、本以外の商品を紹介する「カエレバ」、iPhoneアプリを紹介する「ポチレバ」もあります。 ヨメレバはこんな感じで表示される（見た目） 「ヨメレバ」をブログに貼るとこんな感じに表示されます（amazlet風-1(改)を選択しています）。Kindleや他のショッピングサイトへのリンクも貼ることができます。Amazonアソシエイトや楽天アフィリエイトにも使えます。 CSSをカスタマイズすることによってデザインを自分のお気に召すがままに表示することも可能です。 今回はCSSをいじるのが好きな僕が「ヨ