WordPress TwentyFourteen – Webサイト向け3カラム画面幅の最適化 | WordPress Admindocs
WordPressテーマTwentyFourteen編集開始 管理画面の概観から、テーマ編集をクリックします。 TwentyFourteenスタイルシートStyle.cssを開く 前項の操作でTwentyFourteen テーマの編集画面となり、スタイルシートStyle.cssが既定で開かれます。なお、この画面は表示の通りのプラグインAdvanced Code Editorによるものです。行を表示してくれます。 TwentyFourteenスタイルシートStyle.cssのカスタマイズと更新 以下の各項目のカスタマイズを行い、下部のファイルを更新のクリックで設定完了です。 Webページのフォント指定 Webページのbodyフォントスタイルやサイズも、記事横幅一体の相互関係あります。 bodyフォント WordPress TwentyFourteen – Webページbodyフォントスタイ
CSSのみで実装するキャプションエフェクト 20 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML・CSS 一部をのぞき、今回はサンプルとして基本的に下記のようなHTMLを使用しています。 <figure> <img src="image.jpg" /> <figcaption> <h3>Caption Title</h3> <p>caption text here ...</p> </figcaption> </figure> CSSに関してはそれぞれ動きに関係する部分のみ記述しており、figcaption内にあるh3とpの見栄えに関するフォント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
