WordPressで「作りたいもの」「直したい症状」が決まったら、目的に合う手順から進めるまとめです。まず下の表で入口を選び、詳しく調べたい場合はカテゴリー別の記事一覧へ進んでください。
このページはWordPress全体の制作・運用の入口です。SWELL固有の設定やコードはSWELLカスタマイズまとめ、ブロックの表示や操作はブロックの見本集で確認できます。各記事で対象テーマと環境を確認してください。
目次
やりたいこと・困っていることから選ぶ
| 目的・状況 | 最初に読む手順 |
|---|---|
| 開閉・タブ・記事一覧などの見た目を作りたい | SWELLとWordPressのブロック見本で、コードを追加する前にブロックで実現できるか確認します。 |
| スライダーや絞り込み検索を実装したい | 目的別カスタマイズ一覧から方式を選び、動く見本と設置手順へ進みます。 |
| エラーの原因を調べたい | 画面にエラーを出さずログへ記録する方法を確認します。PHPの設定変更が必要なので、編集前の状態を保存してから進めます。 |
| ページが重いので直す場所を決めたい | ページの重さと内訳を調べる方法で、画像・JavaScript・CSSなどを分けて確認します。 |
| 記事公開前にSEOの基本項目を点検したい | 内部SEOのチェック手順で、見出し・alt・内部リンクなどを1ページずつ確認します。 |
| 変更前の状態を保存し、不具合に備えたい | バックアップ・復元ガイドで、外部保存と復元先、上書き範囲を確認します。 |
| 検証用サイトの変更を本番へ反映したい | ステージングから本番へ反映する際の注意点で、ファイルとデータベースの違い、上書き範囲を確認します。 |
カスタマイズは「ブロック→設定→コード」の順に確認する
最初に標準ブロックやテーマの設定で目的を満たせるか試します。追加コードが必要な場合は、対象のブロック・貼り付け先・必要なライブラリを確認し、同じ部品を別方式のコードで二重に動かさないようにします。
変更前の内容を保存し、検証用サイトで1つずつ反映します。公開前にはPC・スマートフォンの表示と操作、リンク先を確認します。不具合が出た場合は追加した変更を戻し、原因を切り分けます。SWELLの導入から始める場合はSWELL導入ガイドへ進んでください。
以下はカテゴリー別の人気記事一覧です。閲覧数順は人気の目安であり、学ぶ順序や設定を変更する順序ではありません。各カテゴリーの「すべて見る」からほかの記事も探せます。
WordPressのカスタマイズ
WordPressの機能を使ったカスタマイズです。テーマやプラグインに依存する手順もあるため、各記事の対象環境を確認してください。
-
WordPress│ブロックにふわっとフェードインアニメーションを追加する方法 -
-
-
-
-
-
-
-
-
-
-
-
-
エラー・不具合対応
管理画面に入れない、表示が崩れる、メールが届かないといった場面の切り分けと対処です。
-
-
-
-
-
-
-
-
-
-
-
-
プラグイン
導入と設定、つまずきやすい箇所をまとめています。
-
-
-
-
-
-
-
-
-
-
-
-
高速化
表示速度を上げるための設定です。
-
-
-
-
-
-
-
-
-
-
内部施策・構造化データ
メタ情報やJSON-LDなど、検索まわりの実装です。
-
-
-
-
-
-
-
-
-
-
サイト・サーバー移転
移転とドメイン移管の手順です。
-
-
-
-
-
-
-
-
-
-
セキュリティ強化
ログインまわりと不正アクセス対策です。
-
-
-
-
-
-
-
-
便利ツール・サービス
制作と運用で使っている外部サービスです。
-
-
-
-
-
-
-
-
-
-
SWELLのカスタマイズはSWELLカスタマイズまとめにあります。
