WordPressのブロックテーマは、使い慣れるまでは操作がわかりにくいと感じることもあるでしょう。
操作に慣れ、使い方を理解するうちに、またバージョンアップで改良がされれば、フルサイト編集の便利さを使いこなすことができると思います。
バックアップが重要なことは、WordPressでも、それ以外のCMSでも同じです。
ここではブロックテーマで特に注意すべき点と、バックアップの方法やプラグインなどのツールの紹介をします。
テーマのテンプレートと、テンプレートパーツのバックアップ
ブロックテーマの便利さが実感できるのは、ビジュアルエディターで見たままの編集ができる、エディターを使うときです。
エディターは、「外観」-「エディター」メニューから利用することができます。
エディターは、ブロック編集のほか、右上のメニューからコードエディターを使って編集することもできます。
エディターでは、自分のサイト向けに、利用しているテーマのテンプレートや、テンプレートパーツを編集してカスタマイズすることができます。
しかし注意点はといえば、結論をいってしまえば、ビジュアルエディターであってもコードエディターであっても、エディターを使ってテンプレートやテンプレートパーツを更新し、保存しただけでは、実際のテンプレートやパーツのファイルは更新されていないことです。
ではなぜデザインが更新されるかといえば、記事の内容などと同様に、サーバーのデータベースに保存されているのです。
FTPでテーマをダウンロードして保存しても、それだけで最新のバージョンをバックアップしたということにはなりません。ここを間違えるとひどい目にあう可能性があります。
テーマエディターで更新した内容を、テーマのテンプレートそのものに反映させるには、zip形式でエクスポートする方法があります。
エディター右上の「エクスポート」のメニューからダウンロードするか、またはプラグイン「Create Block Theme」を利用して、エクスポートメニューでテーマのzipファイルとしてダウンロードすることができます。
しかし、サーバーの環境によっては、エクスポートしたzipファイルは無効というメッセージが出て開けないなど、エクスポートのメニューが使えない場合があります。
ツールにあるテーマエディターであれば、実際にファイルが更新され保存される
テーマエディターで編集したコードを、コードエディターを開いてコピーし、「ツール」-「テーマファイルエディター」のメニューからテンプレートやテンプレートパーツを開き、ペーストして更新する方法があります。
この方法の場合には、実際に更新した内容を、テンプレート、テンプレートパーツのhtmlファイルを更新して保存することができます。
最新の更新を反映したテンプレート、テンプレートパーツのhtmlファイルであれば、FTPでダウンロードすればバックアップとしては有効です。
なお、「ツール」-「プラグインファイルエディター」で編集したプラグインファイルも同様です。
これらの方法では、直接テンプレートやプログラム、cssなどのファイルを編集できるため、間違えてしまわないように注意が必要です。
「Create Block Theme」は、テンプレートと、テンプレートパーツをバックアップできるプラグイン
しかし、より簡単な方法があります。
「Create Block Theme」プラグインをインストールし、「(テーマ名)に上書きする」をチェックして「生成」ボタンを押せば、最新のテーマ編集内容が実際のテンプレートなどに反映されます。
このプラグインでもサーバーの環境によってはエクスポートがうまくできない可能性がありますが、最新の編集内容があっという間に保存できるため、便利です。
ただし、やはり注意点があります。
エディターでの編集内容が間違っていた場合に、最新の更新をバックアップしたことによって、間違った編集結果に更新されて保存されてしまうケースがあります。
たとえば、次に説明するテンプレートパーツ更新時の注意点があります。
テンプレートパーツ更新の注意点
テンプレートパーツを編集するときにも要注意な点があります。
Front-page、Single-pageなど、各ページ上でエディターを使いテンプレートパーツ(ヘッダーなど)を編集するときも同様です。
テンプレートパーツを作成した後で、他のページでテンプレートパーツを使いまわし、その内容をページに合わせ編集するときは、必ず、編集するパーツを「テンプレートパーツから切り離す」手順を踏むことが必要です。
ヘッダーのように各ページで共通するテンプレートパーツであれば問題ありません。
しかしページによって異なる内容にしたいときに、他のページで使ったテンプレートパーツを流用するときには要注意です。
「テンプレートパーツから切り離す」ことをしないでパーツを編集すると、他のページで使っている同じテンプレートパーツにも変更が反映されてしまいます。
投稿や画像などのバックアップ
投稿記事や、個別記事、画像、カテゴリー、その他のサイトのコンテンツ全体のデータは、プラグインを使ってエクスポートすることができます。
なお、ユーザー情報や、カスタマイズしたテーマのテンプレート、パーツ、エディターのUIからカスタマイズしたデザインなどの情報は、サーバーのデータベースを丸ごとバックアップするのがよいでしょう。
投稿記事や画像などのコンテンツをバックアップするには、WordPress公式のプラグイン「WordPress Importer」が便利です。
簡単な操作ですぐにサイトのコンテンツをxmlファイルとしてバックアップすることができます。
プラグイン「WordPress Importer」を使用してエクスポートをするには、プラグインをインストールし有効化します。
「ツール」-「エクスポート」の画面から実行し、ダウンロードされたxmlファイルを保管しておきましょう。
エクスポートしたxmlファイルは、「インポート」メニューからインポートすることが可能です。
ウィジェットのバックアップ
ウィジェットは、WordPressではフッターやサイドバー等に挿入するコンテンツのブロックなどを、手軽に挿入するツールとして、特にクラシックテーマで活用されてきました。
ブロックテーマになってから、「外観」-「ウィジェット」メニューから利用することができます。
ただ、ブロックテーマではエディターで自由にレイアウトできること、テンプレートがphpファイルではなくhtmlファイルとなったために、ウィジェットからhtmlにコンテンツを挿入しにくいことから、あまり活用されていないかもしれません。
「FullSite-Patterner」では、ウィジェットのメニューで入力し保存した内容を、phpファイルで読み込める点に着目し、次の機能に活用しています。
・ブロックテーマのデフォルトの機能では実現しにくい、ページのhead内に挿入するタグ、コードなどをウィジェットで保存し、挿入する機能
・ブロックテーマのデフォルト機能では実現しにくい、エディターのUIやtheme.jsonでは難しいユーザーによるスタイルのカスタマイズを、ウィジェットで設定し反映させる機能
・ウィジェットで、htmlコードでの入力や、ブロックの挿入などでユーザー独自のブロックパターンを作成し、ウィジェットとして保存し、patternフォルダ内のパターンファイルに挿入する、オリジナルパターン作成機能
ウィジェットで入力したデータは、サーバーのデータベースに保存されています。
このウィジェットのデータをバックアップするには、プラグイン「Widget Importer & Exporter」が便利です。
エクスポートするには、「ウィジェットのエクスポート」ボタンをクリックして、.wieファイルとしてダウンロードし保管します。
バックアップしたウィジェットのデータをインポートするときは、プラグイン「Widget Importer & Exporter」の「ウィジェットをインポート」ボタンをクリックして、アップロードします。
サーバーの環境などによりエラー表示が出て、うまくアップロードできない場合があります。
しかしこの場合には、.wieファイルの中身を全部コピーして、「.wieファイルの中身をコピー&ペースト」するメニューから入力すれば、インポートできます。