WordPressのまとめリンクと動画Lightning編【2022年最新】

目次

はじめに(なぜ、Wordpressのまとめリンクと動画Lightning編が必要と思ったか?)

当社のWebサイトの歴史

最新の統計によるCMSにおけるWordpressのシェアは65.3%

研修のゴール

新人エンジニア研修

他人が見てスゴイと言ってもらえるサイトを作る

WordPressの特徴

メリット

  • オープンソースであり無料で使うこともできる
  • 拡張性が高いので自分好みにカスタマイズできる
  • 情報が豊富なので困ったときにも安心

デメリット

  • サポートがほとんどないため自己責任
  • バージョンアップに巻き込まれて使えなくなる機能がある
  • シェアが高いため常に攻撃にさらされる

1.WordPressの初期設定

 (1)手元のPCで環境構築

復習:Local by Flywheelの使い方

 (2)ダウンロード、インストール、環境設定

Local by Flywheelのダウンロード→インストール→ローカル環境を構築する →WordPressを準備→ 日本語表記設定まで

復習:WordPressブログを書き始める前に済ませたい初期設定13個

いちばんやさしいWordPressの教本 第5版の画像入手先

2.Webサイトのデザイン

 (1)ビジネス向けテーマ

Lightningのページ

Lightning有料にした場合の料金

復習:Lightningの解説動画

 (2)デザインとレイアウト

復習:外観のカスタマイズ

3.掲載するコンテンツの検討

 (1)アイディア出し

コンセプト設計(MIRO)

 (2)投稿と固定ページ

画面設計(MIRO)

復習:カスタム投稿タイプ

グーテンベルクで記事を書く際に便利なショートカットキー4選

wordPressのまとめリンクと動画lightning編

 (3)画像や動画

画像の入手方法

https://icooon-mono.com/

https://www.photo-ac.com/

https://pixabay.com/

https://www.shutterstock.com/ja/

Canvaで画像を簡単に編集する

 (4)ロゴと色

color zillaを使ってカラーコードを取得する

 (5)メニューの作成

復習:ナビゲーションの設定

 (6)会社や商品のアピール

 

4.全体のナビゲーション

 (1)メインメニュー

 (2)サイトマップ

復習:サイトマップページの設定

 (3)ウイジェット

WordPress5.8からブロックウィジェットの使い方が大きく変わりました。

変更点を一言でいうと、投稿や固定ページと操作が統一的に操作ができるようになりました。

復習:WordPress5.8のブロックウィジェット

5.プラグインで機能追加

 (1)お問い合わせ機能

復習MW WP Formを使いバリデーション機能、確認画面機能を持ったお問い合わせフォームを作る

復習:reCAPTCHA v3

 (2)画像ファイルの圧縮

復習:shortpixelで画像圧縮だけでなく、CDNサービスやLazyLordを利用する

 (3)コメントの管理

復習:Disable Commentsでサイト全体のコメント機能の有効/無効を切り替える

 (4)その他機能

復習:Ajax Search Liteでグーグルのように1文字1文字入力するたびにリアルタイムに検索結果を表示する

復習:Table of Contents Plusで記事の中に記述された「見出し」を基に目次を自動生成する

復習:Yoast Duplicate Postで記事投稿をコピーから始める

6.集客の強化

2つのSEO対策

内部対策:ユーザーに価値あるコンテンツを提供し、長時間滞在してもらう
外部対策:関連性のある優良な他サイトからリンクを張ってもらう

外部対策の例

記事の寄稿

プレスリリース

可能な限りリンクを貼る

Googleが最重要視する3つの評価基準(E-A-T)

Expertise(専門性)

Authoritativeness(権威性)

Trustworthiness(信頼性)

https://static.googleusercontent.com/media/guidelines.raterhub.com/ja//searchqualityevaluatorguidelines.pdf

 (1)コツは「お接待」の心

検索順位とクリック率の関係

https://www.seoclarity.net/mobile-desktop-ctr-study-11302/

WordPressサイトのタイトルに使いたいキーワード9選

良い多くのユーザーに見てもらえるサイトにするためにはタイトルのキーワードが重要です。 ここでは独断と偏見でタイトルに使いたいキーワードを9つ紹介します。 まとめ …

WordPress記事のタイトルに使いたいコピー10選

記事タイトルに使いたいコピー表現を10集めてみました。 ご参考まで。 今一つな例 良い例 ポイント WordPress講座 見込顧客が増えるWordpress講座 ベネフィットを伝える …

Rank MathでSEOを得点化する

Rank Math SEO

ラッコキーワード

https://related-keywords.com/

 (2)チェックすべき数値

グーグルアナリティクス 設定動画

グーグルサーチコンソール設定動画

https://www.google.com/analytics/web/?hl=ja

Google Search Console

https://search.google.com/search-console/welcome?hl=ja

Google アナリティクス:

ユーザーの行動記録を集計データを見るツール。例えばユーザー数が分かる。

Google サーチコンソール:Google検索のロボットがサイトをどうみているかが分かるツール。例えば、検索キーワードが分かる。

なぜ、2つのツールがあるのか?

個人を特定できないよう(個人情報保護)にするためと言われています。

検索順位チェックツールGRC

https://seopro.jp/grc/

 (3)スピードチューニング

Page Speed Insights

https://developers.google.com/speed/pagespeed/insights/?hl=JA

GTmetrix

https://gtmetrix.com/

7.求人の強化

(1)JSON-LDを生成してGoogle Job Postingに無料掲載する

VK Google Job Posting Manager – WordPress プラグイン | WordPress.org 日本語

This plugin generates JSON-LD of your recruitment info which required to register Google Job Posting.

8.セキュリティの強化

 (1)アクセス権限

 (2)攻撃からの防御

復習:SiteGuard WP Plugin

以下のような通常の管理画面のURLを変更してくれます。

「https://ドメイン名/wp-admin」
「https://ドメイン名/admin」

 (3)権限管理

復習:Admin Menu Editorでメニューを使いやすくする(英語)

 (4)バックアップと本番移行ツール

復習:All-in-One WP Migration

All-in-One WP Migration を使って WordPressを引っ越しする時の注意点とアップロードサイズを増やす方法

9. 発表と講評

10.全世界に向けて公開するために

復習:もしも、Xserverでホスティングするなら

復習:WordPress 5.8 Lightningでの注意点と便利な機能について

ビジネスサイトの雛形を5分でセットアップするなら

Lightning G3 クイックスタート | 設定ガイド | Lightning

ビジネスサイトの雛形を5分でセットアップ!Lightning G3 クイックスタートは、真っさらなWordPress環境にデモサイトと同じデータを丸ごとインポートすることで、ビジネス…

11. WordPressの仕組みが気になった方へ

最弱のテーマでWordPress制作の基本を理解|PHP文法も復習できます。

研修中に受講者様からいただいた質問

行間を変更するにはどうしたらいいですか?

CSSを使ってカスタマイズする必要があります。

エディタの設定だけでは行間を広げたり狭めたりすることはできません。

よろしければ以下の記事を参考にしてみてください。

https://www.conoha.jp/lets-wp/wp-linespace/#section04

また、もしも、ご質問の意図がスマホ、タブレットやパソコンで改行の有無を変えたいということでしたら以下の記事を参考にしてみてください。

https://web-children.com/2021/11/24/indention-control-by-lightning-vk-blocks/

投稿の日付の表示を日本で一般的な「年月日」形式にしたいです。

「設定」-「一般」-「日付設定」で以下のように変更できます。

wordpressのまとめリンクと動画lightning編

wordPressのまとめリンクと動画lightning編最後までお読みいただきありがとうございます。