WordPressで記事に目次を自動作成!「Table of Contents Plus」プラグインの導入方法!

目次

ネットで色々調べていると、サイトページに目次があるサイトを見かけることありませんか?実は「WordPress」でサイト運営している場合ですが、目次の作成を自動でしてくれる便利なプラグインがあります! 「Table of …

WordPressで記事タイトルやヘッダー文字が大文字になるのを修正する方法!

英文字

WordPressを利用していて記事のタイトル表示やヘッダー文字、ウィジェットタイトルやメタタグ等で、英文字が小文字で入力したはずなのに、何故か大文字で表示されてしまうことありませんか? 例えば「abc」が「ABC」と表 …

WordPressで記事埋め込み「Embed」する方法。記事の中にアイキャッチ付きリンクはURLを記載するだけ!

Embed

WordPressを利用していると、自分の過去の記事や他サイトの記事をアイキャッチ画像付きでリンクを貼って表示したいことありませんか?よく見かけるのがTwitterなんかで記事紹介されているように。一般的に「ブログカード …

「レンダリングをブロックする JavaScript を除去してください」の対応・対策方法をCDN化も含めて徹底解説!

速度改善

昨日の記事「WordPress表示速度改善には画像サイズの見直しと「jquery」のフッターへの移動する方法が効果あり!」で対応方法については説明した。 しかし、何故「PageSpeed Insights」は「レンダリン …

WordPress表示速度改善には画像サイズの見直しと「jquery」のフッターへの移動する方法が効果あり!

スピードスケート

ここ最近、取組みしているWordPressサイトの表示速度改善だが、本日更に試してみたことがある。1つは画像サイズの見直し、そしてもう一つは「jquery」を「head」内ではなく「footer」での呼び出しに変更した点 …

WordPressのサイト表示速度改善で注意する点。ロリポップには通用しなかった速度改善プラグイン!

遅延

ここ最近、本サイトで本格的に速度改善に取組みしている。まずWordPressで速度改善を試みるのであれば、下記の記事を参考にして貰いたい。 「WordPressのサイト表示速度が改善されるプラグイン「Lazy Load」 …

「.htaccess」をカスタマイズしてWordPressサイトの表示速度を改善する方法!

速度アップ

現在、WordPressの表示速度改善を試みている。前回の記事で「WordPressのサイト表示速度が改善されるプラグイン「Lazy Load」の導入方法・結果について!」をご紹介したが既に本サイトには導入済みである。し …

WordPressのサイト表示速度が改善されるプラグイン「Lazy Load」の導入方法・結果について!

速度改善

以前に記事にしました「自分のサイトの表示速度を計測する方法。表示速度はアクセス数に影響が出てくるSEO対策の一つです!!」で、自分のサイトの表示速度を計測してみたら期待しているほど良い結果が得られなかった。 そんなことも …

自分のサイトの表示速度を計測する方法。表示速度はアクセス数に影響が出てくるSEO対策の一つです!!

表示速度計測

本サイトも大分記事数が増加し、プラグインの数も大分増えてきた。そこで気になりだしたのが表示速度の問題です。自分のパソコンで表示している分にはそれ程遅いという印象はないのだが、実際のところどうなのか?計測してみたくなってき …

WordPressサイドバーのウィジェットタイトルをスタイルシートに定義して装飾する方法

コード

前回の記事でSEO対策として「WordPressのサイドバーに表示されるウィジェットのタイトルを「h2」タグから他のタグ(例えば「p」タグ)へ変更する方法」を掲載したのだが、少しばかりウィジェットのタイトルに飾りがあった …

WordPressのサイドバーに表示されるウィジェットのタイトルを「h2」タグから他のタグ(例えば「p」タグ)へ変更する方法

見出し

私のWordPressの親テーマは「twentyseventeen」であるが、今回のカスタマイズは他のテーマでも殆ど同じカスタマイズになるかと思います。「何故ウィジェットのタイトルタグが<h2>ではいけないの …

WordPressプラグイン「AddQuicktag」をインストールし利用する方法。蛍光マーカーを引ける設定方法を例にしてご紹介!!

蛍光ペン

今まで「TinyMCE Advanced」で記事編集することには、それ程困っていなかったの。しかし蛍光マーカーを利用しようと考えた時にタグを簡単に埋め込む方法が無いものかと思い探していたら、あるじゃないですか良いものが! …

WordPressの「ビジュアルエディタ」に子テーマに定義したクラス(class)を反映させる方法!!

エディター

WordPressを約3か月間使用してきて全く気付かずにいたのだが、子テーマのスタイルシート(style.css)に定義した内容を「テキストエディタ」でクラスを適用させるのは良いのだが、なんで「ビジュアルエディタ」にそれ …

本サイトがWordPressで利用しているプラグインのご紹介!!

ワードプレス

恐らく誰もが、他のサイトの方が「WordPress」でどのようなプラグインを利用しているのか?気になりませんか? 本サイトもある程度デザイン的が固まってきており、皆様のお陰である程度のアクセス数が発生するようになりました …

WordPressのサイドバーにTwitterのフォローボタンを設置する方法

Twitter

サイト運営されている方でTwitterをやっている方、多いのではないでしょうか?せっかく自分のサイトとTwitterを連携させるためにツイートボタンは設置していても、フォローボタンを設置していないという方、多いのではない …

WordPress【twenty seventeen】標準のソーシャルリンクメニューをサイドバーに実装する方法

ソーシャルアイコン

本サイトにて今まで標準のソーシャルリンクメニューに関しては記事にしてきたが、【twenty seventeen】標準のソーシャルリンクメニューの仕組みは少し変わっていることもあり、仕様を理解していないとカスタマイズするこ …

WordPress【twenty seventeen】「twentyseventeen-featured-image」スタイルシートでの画像の回り込み制御が出来ない

画像付き一覧

本サイトではないのだが、どうしてもアイキャッチ画像を小さくして「…続きを読む」までの文章を画像横に回り込みさせたかったのだが、スタイルシート(CSS)に追記しても上手くいかず悩んでしまった。 「twenty seve …

WordPressでサイト用のアイコンを設定する方法

サイトアイコン設定

ふと気づいてしましました。自分のサイトを参照している時に自分のサイトのアイコンが設定されていないことを・・・。 ま、大したことではないのですが、気になり始めるととまらない。 ブックーマークした時にアイコンがないと寂しいで …

WordPress【twenty seventeen】標準ソーシャルリンクメニューに「Feedly・RSS」アイコンを実装する方法

ソーシャルアイコン

「WordPress【twenty seventeen】標準に用意されているソーシャルリンクメニューに「はてブ(はてなブックマーク)」アイコンを実装する方法」で「はてブ」アイコンの追加は行ったのですが、まだ標準で用意され …

WordPress【twenty seventeen】標準ソーシャルリンクメニューアイコンの形を丸型から四角っぽく変更しアイコンサイズと間隔を変更する方法

ソーシャルアイコン

WordPress【twenty seventeen】標準に用意されているソーシャルリンクメニューだが、デフォルト設定ではアイコンの形が丸型になっている。そして何か良く分からないが、「Twitter」の鳥のマークが小さく …