WordPressテーマ「Simplicity」でカスタマイズしたとこ20個まとめました。
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で見ている人は、ブラウザのウィンドウ
[WordPress][Simplicity]Widthを1170pxに広げてみた - atuweb 開発ブログ
当ブログは SEO もばっちりな WordPress テーマのSimplicityを独自にカスタマイズして利用しております。 開発元ではしばらく前に 2系 がリリースされておりましたが、当ブログではカスタマイズが足かせとなってしまい、ずっと放置状態。 本日ようやく 2系 にアップすることができました！ ついでに、ブログの横幅を広げるカスタマイズを施しましたので、手順をご紹介いたします。 追記： スマホで表示崩れがありましたが、解消済みです！ 追記： 現在は、、、別のテーマです 着地点 SimplicityのWidthを1070から1170に広げる ! イメージ 技術系ブログをいろいろ見ていると、横幅にゆとりがあって美しいデザインのサイトがたくさんありますよね。 自ブログと比較すると 100px ほど広いことが分かりました。 それをリスペクトし、初期状態から 100px 横幅を広げます。 カ
![[WordPress][Simplicity]Widthを1170pxに広げてみた - atuweb 開発ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/33cb92c0800c69a6c9df7f736ea8be3a3bc6db2d/height=288;version=1;width=512/https%3A%2F%2Fatuweb.info%2Fimages%2Feyecatches%2Fsimplicity_lg.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Simplicity2】W3 Total CacheのPage Cacheを正しく使う
【Simplicity2】関連記事をより関連したものにする方法【カスタマイズ】
【Simplicity2】WordPress4.5.3のブログカード仕様変更への対応方法