「 css 」 一覧
-
ページで100%幅表示を可能にする ⇒ STINGER8設定その14
100%幅の表示を可能にする STINGER8では100%幅のコンテンツを表示できないので、固定ページは可能になるように設定する。 サイドバーを消し、幅を制限している設定をクリアしていく。 page. …
-
jetpack関連記事とwordpress関連記事タイトルの修飾 ⇒ STINGER8設定その13
修飾を合わせる コンテンツエリアを見ると、jetpack関連記事とwordpress関連記事タイトルが手つかずになっている。 これをH2と同じフォーマットにする。 ついでに全てレスポンシブ対応にする。 …
-
メニューとフッターのレスポンシブ対応css装飾 ⇒ STINGER8設定その12
見出しと同じイメージを使う H2タグの装飾とイメージを同じにするため、メインメニューとフッターの背景画像を設定する。 H2タグを修飾 ⇒ STINGER8設定その9 最初は単純に背景画像を設定するだけ …
-
レスポンシブ対応のロゴを表示する ⇒ STINGER8設定その11
ロゴを表示する STINGER8にして、アミアンインターナショナルのロゴが表示されなくなった。 これは少々まずい。 そこで、背景画像として表示させるようにした。 スマートフォン スマートフォンでは、現 …
-
jetpack関連記事の数を増やす ⇒ STINGER8設定その10
2019/05/04 -CMS, css, javascript, 新着情報
flexbox, JavaScript, jetpack, stinger8jetpack関連記事は3個 デフォルトでは、jetpackが出力する関連記事は3個だ。 これを6個に増やす。 まずfunctions.phpに、次のコードを追加。 //関連記事数変更 functio …
-
H2タグの設定 サイドバーのデザイン設定はひとまず終えたので、コンテンツエリアの設定を始める。 まず気になっていたのが、H2のバランスが悪いことだ。 STINGER8のデフォルトでは、上下にsolid …
-
コードが見にくい preタグでコードを表示した時に困るのが、いまいち見づらいことだ。 コードのハイライト表示を導入したことで、多少は見やすくはなっていた。 google code-prettifyでコ …
-
引用を効率化するため拡張機能Format Linkをgoogle Chromeに入れる ⇒ STINGER8設定その7
他のサイトからの引用の仕方 ブログを書く時に、他のサイトから引用することは多い。 この時に気をつけるべきなのは、SEO的な視点だ。 引用する時にblockquoteタグを使わないと、googleからマ …
-
カテゴリーのデザイン-サイドバーメニューの成形（3） ⇒ STINGER8設定その5
カテゴリーが長すぎる サイドバーのカテゴリーだが、項目数が多すぎて縦にやたら長くなってしまう。 そこで、第一階層をリストにして第二階層はボタンにして並べることにした。 まず、第二階層をボタン化 .ca …
-
ソーシャルアイコン追加-サイドバーメニューの成形（2） ⇒ STINGER8設定その4
ソーシャルアイコン追加 Facebookなどをやっていると、ホームページから誘導したくなる。 そこでリンク用のアイコンを表示させることにした。 いわいるソーシャルアイコンというやつだ。 随分前にホーム …
