WordPressのまとめリンクと動画Lightning編【2022年最新】
はじめに(なぜ、Wordpressのまとめリンクと動画Lightning編が必要と思ったか?)
最新の統計による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の解説動画
(2)デザインとレイアウト
復習:外観のカスタマイズ
3.掲載するコンテンツの検討
(1)アイディア出し
コンセプト設計(MIRO)
(2)投稿と固定ページ
画面設計(MIRO)
復習:カスタム投稿タイプ
グーテンベルクで記事を書く際に便利なショートカットキー4選
(3)画像や動画
画像の入手方法
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/
Rank MathでSEOを得点化する
ラッコキーワード
(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
(3)スピードチューニング
Page Speed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=JA
GTmetrix
7.求人の強化
(1)JSON-LDを生成して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分でセットアップするなら
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編最後までお読みいただきありがとうございます。
投稿者プロフィール
-
セイ・コンサルティング・グループ株式会社代表取締役。
岐阜県出身。
2000年創業、2004年会社設立。
IT企業向け人材育成研修歴業界歴20年以上。
すべての無駄を省いた費用対効果の高い「筋肉質」な研修を提供します!
この記事に間違い等ありましたらぜひお知らせください。
最新の投稿
- 新入社員2024年12月10日英語には敬語がないは本当か? 新人エンジニア向けに分かりやすく解説
- 新入社員2024年12月10日敬語とは? 新人エンジニア向けに分かりやすく解説
- 新入社員2024年12月10日クッション言葉とは? 新人エンジニア向けに分かりやすく解説
- 新入社員2024年12月10日「ECRS」と「システム開発」について、新人エンジニア向けに分かりやすく解説