「レンダリングをブロックする 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対策の一つです!!」で、自分のサイトの表示速度を計測してみたら期待しているほど良い結果が得られなかった。 そんなことも …

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」の鳥のマークが小さく …

ロリポップでWordPress運用しているケースでサイトURLを変更せずに公開フォルダを変更する方法・複数サイトを運営管理する方法

フォルダ構成

今のこの時代、一人で複数のサイト運営されている方いるのではないですか? 今回、筆者も「便利なデジタル生活」の他にもう一つサイト運営するに当たり、独自ドメインを取得したのですが、ロリポップでのフォルダ構成に悩んでしまいまし …

WordPressプラグイン「Ps Auto Sitemap」を使用してサイトマップを自動で作成する方法

階層表示

本サイトも立ち上げてから約2か月位経過したのでしょうか?デザイン変更もそiろそろ固まった感じもしてきました。しかし、ちょっとまだフッター部分が寂しい感じでしたので、「SEO」も兼ねてサイトマップの作成でもしてみようと思い …

【WordPress】サイドバーへ表示していたAmazonサーチウィジェットが突然表示されなくなった時の対処法

Amazonサーチウィジット

本日(2017年8月15日)、自分のWordPressで構築したサイトを閲覧したら、Amazonのサーチウィジットが表示されていないなかった。 昨日までは普通に表示されていたのに何故?と言う思いが。 一時的なものなのかと …

WordPress【twenty seventeen】標準ソーシャルリンクメニューに「はてブ(はてなブックマーク)」アイコンを実装する方法

はてなブックマーク

WordPress【twenty seventeen】だた標準で用意されている「ソーシャルリンクメニュー」だが、日本特有のサービスである「はてブ(はてなブックマーク)」や「LINE」といったアイコンが「svg-icons …

WordPress【twenty seventeen】svgファイルの仕組みを理解し「svg-icons.svg」に「はてなブックマーク」アイコンを追加する方法、無料の「Boxy Svg」で作成する方法

Boxy SVG

WordPress【twenty seventeen】だた標準で用意されている「ソーシャルリンクメニュー」だが、日本特有のサービスである「はてブ(はてなブックマーク)」や「LINE」といったアイコンが「svg-icons …