Video Thumbnails
WordPress/GutenbergのBlock中に動画というBlockがあります。このBlockには、Thumbmail表示機能がないため、このVideo Thumbmailsプラグインで機能追加します。
2021/10現在、5年間メンテナンスされていません。
2020/02/25 Mr.HARIKIRI 2021/10/21,追記(5年間メンテナンスされていない)
カテゴリー: WordPress
-
![[WordPress] 2020年初心者によるWordPressを構築し快適に運用するための必須プラグイン一覧 (2020/03/10現在)](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAU9AQAAAAA2EmbpAAAAAnRSTlMAAHaTzTgAAAFQSURBVHja7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4M7qkAAXe1B3gAAAAASUVORK5CYII=)
[WordPress] 2020年初心者によるWordPressを構築し快適に運用するための必須プラグイン一覧 (2020/03/10現在)
記事内容
WordPressでホームページ(今風ではblog)を立ち上げ、運用していく中、数ヶ月・・・1年と経過するにつれて、必ず疑問や不満が出てきます。
そこで、何も分からずサイトを立上げたとしても大丈夫です。
その後の試行錯誤は、既に僕が経験しました。
早期に安定なサイト運営が定常状態になるように、必要になるプラグインを列挙しました。
このリストは、逐次アップデートします。
私が通ってきた道(2019/01〜約1年間)ですが、初心者のbloggerさんには参考になると思います。
序文
モバイルでもパソコンでもブラウザがあれば、blogサイトを表示できます。最近では、モバイルがパソコンの台数を越え、パソコンも肩身が狭くなりました。
モバイルがパソコンに接近するほど性能が高くなってきているため、モバイルでも必要十分な作業がこなせる、ということです。常日頃、モバイルで情報収集が可能となりました。
ただ、モバイルは、その表示するディスプレイの大きさがやはり、据え置きのパソコンとは違って、小さく不利であることは、この先も同様でしょう。
モバイルに優しく
そこで、モバイル用の表示に気を配ろう、といのが今の趨勢です。
サイトを作る側のWordPress、サイトを観る側のGoogle、いずれもモバイル志向を掲げています。
Googleの場合、PageSpeed InsightsというWebアプリを提供しています。自分のサイトをURLに入力して分析させて見ると、スコアが100分率で表示されます。100が目指すスコアです。
当サイトの速度スコアは50止まりですが、何も手をほどこさなければ、5程度でした。
実は!
当サイトは、更に速度スコアの追及の結果、今現在2020/05/01、AMPに移行を完了しています。AMPと相性が低いプラグインは、いくつか外すことになりました。速度スコアは、70~80 (モバイル)程度に更に向上しました。因みに、PCでの速度スコアは、AMP対応に関わりなく、90代で変わりません(つまり、PCは性能が高いので、AMP対応などの対策は必要ないということです)。
WordPressは、最近のパージョンアップで標準のテーマは、「Twenty Twenty」となり、モバイル志向の表示に特化しました。
このサイトは、Twenty Twentyを使用しています。同時に、エディタはGutenbergです。
Gutenbergは、これまでのClassic Editorとは使い勝手がずいぶん異なります。Blockという概念が表に出てきました。Block単位で機能を持たせて、管理しやすくしようという、次世代のエディタです。
新たにblogを始めようと考えている皆んさんは、Gutenbergを使うべきです。
以下、2つを前提にして、プラグインを構築します。因みに、サーバーは、自宅のSynology NASです。レンタルサーバーであっても同様です。
システム構成
Synology NAS
- 2020/07現在
- DS920+ (DS918+からWordPressを載せ替え, 2020/07)
- Disk Station Manager, Version 6.2.3-25426 Update 2 (2020/09/16現在)
WordPress
- Version : 5.5.1-ja
- Theme : Twenty Twenty
- Editor : Gutenberg (標準エディタ)
解説するプラグイン分類
私が考える
を解説します。
プラグイン
基本プラグイン
編集プラグイン
表示速度改善プラグイン
これらプラグインは、初心者の時には、中々手を出せない領域です。時が経ち気がつけば、サイトの速度は遅くなっているかのうせいがあります。それは、致し方のないことですが、余裕があるなら、最初から導入はしておいて、余裕が出てくれば、有効化して使用するようにすればいかがでしょうか。
バックアップ/復元
あれば助かるプラグイン
セキュリティ・プラグイン
使いたいがインストールしていないプラグイン
まとめ
以上、知らないと誰しも悩む道ですが、最初は、フリー版でいいので、導入することをお勧めします。使い慣れてくれば、PRO版や寄付して感謝の気持ちを示したり、ご自分でプラグインを色々探索されるのも楽しみの一つです。
Good Luck every thing!
2020/02/02 はりきり(Mr)
2020/02/03 追記 (Duplicate Page)
2020/02/04 追記 (Ultimate Memberプラグイン専用のreCaptchaによるコンフリクトと回避策)
2020/02/11 追記 (スパム対策プラグイン)
2020/02/23 AMP対応 -
![[WordPress] Multibyte patch プラグイン [2020/08/11現在インストール中]](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAADVAQAAAADI4aoiAAAAAnRSTlMAAHaTzTgAAAArSURBVHja7cGBAAAAAMOg+VNf4AhVAQAAAAAAAAAAAAAAAAAAAAAAAAAcA1C1AAFv8+ktAAAAAElFTkSuQmCC)
[WordPress] Multibyte patch プラグイン [2020/08/11現在インストール中]
WP Multibyte patch
WordPressの開発は、世界中でGNUのもとで行われています。主導をとっているのは、やはり欧米であるため、日本語はローカル扱いです。Unicodeなどが導入されているものの、日本語は外様(とざま)であることに変わりはありません。
このプラグインの機能は、よくわからないのですがおまじないとして導入しておきます。このプラグインの機能は、推測として、他の海外製のプラグインなどで、メニューなどが英語の場合に日本語化する場合に必要となるのではないかと思います。
その理由は、WP Multibyte patch pluginの新しいバージョンを更新した時に、別のプラグインの翻訳の処理が、以下のようなメッセージとして実施されたことから、そう推察しています(今後、更に確認が必要ですが。2020/08/11 Mr.はりきり)。
-
![[WordPress] All in One SEO プラグイン [2021/03/13]](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAJnAQAAAABeoHP2AAAAAnRSTlMAAHaTzTgAAACmSURBVHja7cExAQAAAMKg9U9tDB+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgZkMVAAEUJVBLAAAAAElFTkSuQmCC)
[WordPress] All in One SEO プラグイン [2021/03/13]
All in One SEO
サイトの説明、GoogleにIndexしてもらう為のプラグインです。
機能概要
- htmlコード内のメタディスクリプションにページの説明を入力できる。SEOに適する文字数を指示してくれる
- ページのタイトル編集
- Analytics IDの設定 (ページ内に埋め込む)
- .htaccessの編集
- SNSの設定
機能リスト
- 検索の外観
- 操作内容 : Google, Bing, その他の検索エンジンでWebサイトのコンテンツがどのように表示されるかを構成する
- タイトル
- url(サイトのurl)
- サイトのタイトル(設定されていれば表示される)
- メタディスクリプション(設定されていれば表示される)
- ナレッジ
- スキーママークアップ(on/offを設定できる)
- 個人/組織(を選べる)
- 名前(を入力できる)
- 電話番号(を入力できる)
- 連絡先タイプ(を入力できる)
- ロゴ(を設定できる)
- SEOの分析 : SEOアナライザーでサイトのスコアを確認し、競合他社のサイトと比較する
- SEO監査チェックリスト
- AIOSEOサイトに接続して確認
- 競合サイトを分析する
- AIOSEOサイトに接続して確認
- SEO監査チェックリスト
- ローカルSEO : 会社の住所、営業時間、連絡先などのスキーマを使用して、ローカルSEOランキングを改善する
- ロケーション・場所 : 以下以外の機能は、Pro版のみ使用できる
- 事業の種類
- お支払い情報
- ビジネスの連絡先
- ビジネス画像
- ロケーション・場所 : 以下以外の機能は、Pro版のみ使用できる
- ソーシャルネットワーク : Facebook, TwitterなどのOpen Graphをセットアップして、適切なコンテンツ/サムネイルプレビューを表示
- ソーシャルプロフィール
- Facebook Page URL
- Twitter URL
- instagram URL
- その他 : Pinterest, YouTube, Linkedin, Tumblr, Yelp Page, SsoundCloud, Wkipedia, Myspace
- ソーシャルプロフィール
- ツール : Robots.txtエディター、インポート/エクスポートなどの強力なツールを使用して、サイトを微調整
- Robots.txt エディター
- AIOSEOのrobot.txt エディターは、WordPress(WP)が作成するデフォルトのrobots.txtファイルを上書きします
- WPとAIOSEO robot.txtエディターは、どちらもWPのデータベースに保存される動的ファイルを作ります
- Robots.txt エディター
- サイトマップ : XML, ビデオ, ニュースなどを含む全てのサイトマップ設定を管理
- 一般的なサイトマップ
- クロールされる全てのコンテンツのリスト
- 全てのコンテンツを検索エンジンに伝えることができます(on/off)
- 動画サイトマップ
- Pro版のみ使用可能
- ニュースサイトマップ
- Googleとの契約で使用可能となるGoogleニュースへコンテンツを送信する
- Pro版でのみ使用可能
- RSSサイトマップ
- RSSに対応するGoogle, Bing、その他の検索エンジンにRSSサイトマップを送信する
- 一般的なサイトマップ
当サイトでもブログ構築時に最初にインストールました。初心者には、プログ開始当時に必須とも言うべきプラグインです。プラグイン名が示しているように「All in One」なので、最初に必要となる設定は、このプラグインで済ませることができます。
2021/03現在、Google AnalyticsのIDは、Flying Analyticsプラグインに移行しています。ある程度、ブログ構築の仕組みがわかってくれば、一般論としての「All in One」のように、なんでも設定できるプラグインよりは、機能が特化しているプラグインの方が使い安く感じてきます。例えば「All in One」タイプのプラグインを複数使っていると重複する機能が出でくることがあります。そのように管理がややこしくなるので、使用するプラグインは、機能に特化したものに移行しています。現在は、Googleでのページの登録を指定する、index/noindex関係をAll in One SEOに任せているのみです。
参照 : サイトのレンスポンス速度を改善させるプラグインの一つ
All in One SEOプラグインに追加概説を参考
[2020] Site Kit by Googleの設定と使い方を徹底解説! 類似プラグインとの違いも調査 — xserver.ne.jp, 初心者のためのブログ始め方講座 —
https://www.xserver.ne.jp/blog/sitekit-setting/編集履歴
2020/02/25 Mr.HARIKIRI 2021/03/13 追記 (All in One SEOの追加の説明、All in Oneタイプより機能特化したプラグインについて)
-
![[Data Link] Synology NASのセキュリティ強化のコツ [2020/02/25]](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAAL2AQAAAADeRsyTAAAAAnRSTlMAAHaTzTgAAABdSURBVHja7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwbH0UAAW4+U3gAAAAASUVORK5CYII=)
[Data Link] Synology NASのセキュリティ強化のコツ [2020/02/25]
原典は、以下のFaceBockの投稿です。
Synology NAS関連のデータリンクとしてここに格納します。
Synology NASのセキュリティについて、具体的な設定を全て知ることができます。
FaceBook – Synology NASのセキュリティ強化のコツ
https://www.facebook.com/214431499034750/posts/792363117908249/Synology NASのセキュリティ強化のコツ
https://www.synology.com/ja-jp/knowledgebase/DSM/tutorial/Management/How_to_add_extra_security_to_your_Synology_NAS#t2 -
[WordPress] キャッシュプラグインの比較 – 「WP Fastest Cache」 vs 「WP-Optimize」[2020/07/23]
キャッシュプラグインの性能比較
Autoptimizeをインストールしている前提で、キャッシュプラグインを以下のもので改めて比較した。追加としてAutoptimizeプラグインの機能を包含するWP-Optimizeプラグンに統合も検討した。
- Autoptimizeプラグインをインストールしていることを前提
- キャッシュ・プラグインの比較
- Faster cache
- WP-Optimize
Faster cache
WP-Optimize
測定方法
- PageSpeed Insights (PSI) でサイトを読込みスコアを計測
測定結果
ネガティブコントロール
- キャッシュ・プラグインを無効化で計測
- 計測結果 : 28 (この値のバラツキは殆どない)
Faster cacheのキャッシュ機能を有効化
- 計測結果 : 35前後
WP-Optimizeのキャッシュ機能を有効化
- 計測結果 : 42前後
結論
1ヶ月前に比較検討して、WP-Optimizeを選んだのは、間違えていなかったようだ。以下の組合せがベターである。
- Autoptimizeプラグイン
- WP-Optimize
追加情報
Autoptimizeの機能にhtml, cssなどの最適化機能があります。実は、WP-Optimizeにもその機能が含まれているのですが、Autoptimizeを有効化している場合、WP-Optimizeでは、その機能を無効化していました。他のプラグインとの組み合わせを比較するために、そうしていました。
WP-Optimizeがベターであることがわかったので、次は、Autoptimizeの機能を包含しているWP-OptimizeのみでPSIスコアを確認してみたところ、Autoptimizeを無効化して、WP-Optimizeに統合してもPSIスコアは、同等であることがわかりました。
現在は、Autoptimizeプラグインを無効化し、WP-Optimizeは有効化のままにして、Autoptimizeの機能にあたるMinifyを有効化しています(2020/07/23)。
WP-Optimize – Minify 編集情報 2020/02/18 はりきり(Mr) 2020/05/01 文言整備 2020/07/23 追記(WP-Optimizeに統合可能)
-
[WordPress] Google Adsense導入 – 必要な手順とセッティング – 広告プラグインを選ぶ – 運用の実際 [2021/01/04]
はじめに
広告に対するクリックは、ブログの評価であると思っています。ブログの評価のバロメータなのです。これを頼りにしてコンテンツ内容の充実化に励むことができます。
この記事では、Google Adsneseの申請と、その後の広告プラグインを使用した設定、および、高速化を含めて解説しています。最後に、Google Adsenseの運用結果についても示しているので、筆者にとってのコンテンツ内容の充実化のモチベーションになっているのか、分かってもらえると思っています。
手順の概要の概要
- Google Adsense申請 (サブディレクトリは不可)
- Emailで承認を受ける (Google Adsenseのリンクが貼ってある)
- Google Adsenseにアクセスして管理
- 広告の挿入方法
- マニュアルでの広告を挿入
- AdsenseコードをGoogle Adsenseサイトからコピーし、プラグインに貼り付ける(プラグインで必要な場合がある)
- WordPressにAdsenseプラグインによる広告の挿入
- Ad Inserter – Ad Manager & AdSense Ads
- Advanced Ads
- 十分な確認は撮れていませんが、バージョンアップした現在のAdvanced Ads Proを使用すれば、Google Adsenseの連携設定をすることで、Google Adsneseコードの設定は必要ないと思います。
- マニュアルでの広告を挿入
- スピード改善
- AMPプラグイの導入
- JavaScript、CSSおよびhtmlの最適化プラグインの導入
- cacheプラグインの導入
Adsenseプラグインは、以下の2つが候補
導入当初、以下の2つのプラグインで広告表示をテストしていました。現在は、ドイツ製の「Advanced Ads」の有料版 (Pro)を使用しています。
Advanced Ads Proは、有料版だけあって、マニュアルで広告を配置する運用よりは、はるかに楽ができますし、自動的に広告を配置する機能には重宝しています。広告の事を広く知るための学費(約¥8,500/年)と思えば安いものと思っています。
1. Ad Inserter – Ad Manager & AdSense Ads
2. Advanced Ads
結局、広告プラグインを導入するか、マニュアルで広告を配置するか、模索した結果、「Advanced Ads」の有料版を導入しました。2021/03で1年になります。1年間の購入費として約¥8,500ですが、更新するかどうは、Pros/Consを踏まえて、今後、要検討項目にしています。
スピード改善
以下の項目について、当サイトの別の記事を参考にしてください。
- Autoptimize プラグイン
- cache プラグイン
- AMP プラグイン
レスポンス改善関連の記事
AMP
AMPは、モバイルに特化したページ表示の高速化技術とルールです。AMPプラグインを導入して、サイトのAMP化が可能です。
Google Adsenseの実際
Google Adsenseの管理画面は以下の通りです。1年弱の結果からまとめてみました。広告のクリックがない場合でも、広告の表示数に応じて支払いがありました。表示100広告あたり¥1程度でした。この規定もおそらくGoogleの規定に記載があるものと思いますが、あまり読んだことがないので理解していません。滅多にありませんが、クリックが1つあると、桁が上がり数十円の支払いがありました。支払いの累積は、表示されているので確認できるものの、¥8,000を越えないと支払いが無いため、まだ支払われた経験がありません。そのため現状では、本当に支払いがあるかは実のところよく分かりません。今後、¥8,000を超えて、振り込まれた際に確認できると期待しています。
昨日は、¥1でした。今日は1クリックあったので、高収益でした。 所得税?
全くの杞憂ですが、副業の位置付けなら、年間20万円を超える場合には、事業所得や雑収入として経費とともに確定申告が必要のようですsource
編集履歴
2020/02/16 Mr. Harikiri 2021/01/04 追記 (Google Adsenseの実際、所得税)
-
[WorPress] dashicons.min.css、headerからfooterに移動してページ速度改善を模索する
dashicons.mini.cssについて
WordPressのメニューに使用するアイコンのcssファイル (dashicons.min.css)は、headerに位置されていますが、Google PageSpeed Insightsのテストでは、スコアを重くする原因の一つです。
このスコアの改善をしたくてググっていると、スコア改善のために、dashicons.min.cssをfooterに移動させたと考えているユーザーがいました。
以下のリンクページで、そのコードがアップされていたので、function.phpにコピペして試してみました。その結果、footerへの移動もできていないようで、数値も殆ど変わりませんでした。
作業記録としてここに、コードを残します。
コード
今後、このあたりの検討をする場合に、参考にしたいためです。
Final working solution was: add_action( 'wp_print_styles', 'my_deregister_styles' ); function my_deregister_styles() { wp_deregister_style( 'dashicons' ); } add_action( 'wp_footer', 'register_wp_footer' ); function register_wp_footer() { wp_enqueue_style( 'dashicons', '/wp-includes/css/dashicons.min.css'); }jquery.jsについて
因みに、「jquery.js」は、最初に読み込まれていなればいけないようです。
わかった事
- dashicons.min.css: footerに移動してもよい
- jquery.js: footerに移動してはいけない
備忘記録 2020/02/14 はりきり(Mr)
Move dashicons.min.css to Footer
https://wordpress.stackexchange.com/questions/341675/move-dashicons-min-css-to-footer編集履歴
2020/03/15, MR.HARIKIRI
2021/10/22, 文言整備
![[WordPress] Duplicate Post プラグイン](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/EABE6A09-917A-4489-85CB-5C11289A609E.jpeg)
![[WordPress] Duplicate Page プラグイン](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/030EC635-0148-4617-804B-60B9029DD267.jpeg)
![[WordPress] 2020年初心者によるWordPressを構築し快適に運用するための必須プラグイン一覧 (2020/03/10現在)](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/09/F6908C2B-9876-4F48-B958-1D86685C00D9.jpeg)
![[WordPress] Multibyte patch プラグイン [2020/08/11現在インストール中]](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/F939F3B4-1B4B-430B-B493-C2467760A282.jpeg)
![[WordPress] All in One SEO プラグイン [2021/03/13]](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/F8D88418-DBF5-459E-BB0D-2990B2951F25.jpeg)
![[Data Link] Synology NASのセキュリティ強化のコツ [2020/02/25]](https://harikiri.diskstation.me/myblog/wp-content/uploads/2020/02/D7F0C468-D07C-4805-BED2-3B3F449E6263.jpeg)
![[WordPress] キャッシュプラグインの比較 – 「WP Fastest Cache」 vs 「WP-Optimize」[2020/07/23]](https://harikiri.diskstation.me/myblog/wp-content/uploads/2021/02/B40D858E-ED2F-4F68-9618-4B02507A4D11.jpg)
![[WorPress] dashicons.min.css、headerからfooterに移動してページ速度改善を模索する](https://harikiri.diskstation.me/myblog/wp-content/uploads/2021/02/80F3D755-3019-49C6-BDAE-47D137C87826.jpeg)