「 ソフトウエア 」 一覧
-
STINGER8でwordpess構築しpagespeed insightで満点を取る方法 ⇒ カスタマイズの手順と方法を順番に解説
STINGER8とは STINGER8は国産wordpressテーマであり、SEOに強いことで知られる。 現在STINGER8の系統のテーマは4つあり、そのうち2つが無料テーマだ。 STINGER8は …
-
ページで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からマ …
-
アイキャッチ画像を表示させる ⇒ STINGER8設定その6
アイキャッチ画像が表示されない STINGER8では投稿ページにアイキャッチ画像が表示されない。 ちょっと寂しいので、アイキャッチ画像が表示されるようにしてみよう。 single.phpを変える 投稿 …
