活用してきましたが、自身の学習と検証のためにもブロックテーマを活用して実験的に運用してみようと思い、オリジナルのブロックテーマに切り替えました。本記事では、こちらのサイトで実際に利用しているオリジナルのブロックテーマの制作の流れや、制作を通じて感じたこと、運用を始めて感じたことなどをまとめてみたいと思います。本記事執筆時の本サイトの環境は以下の通りです。Securityオリジナルブロックテーマ制作の流れ今回制作したオリジナルブロックテーマをどのような流れで制作したのか簡単に紹介します。無難な方法で試していますが、今後ブラッシュアップしていく必要はありそうです。用意をしたローカル環境に反映しました。インストール&有効化をします。ベースにして新しくブロックテーマを作っていく準備となります。この段階までは、エディターなどはほとんど使っていません。管理画面だけでの操作で行えると思います。リポジトリを作ったりしています。利用してサーバーへアップロードさせるこれらのためです。提供しているテンプレートを抜本的に書き換えることは既にわかっているので、テンプレートやパーツ、パターンをほとんど削除しました。この作業は若干エディターを必要とするかもしれません。)自体を削除すれば良いのですが、パターンや不要なブロックパターンなどの削除は、コードを変更する必要があるでしょう。やってもやらなくても動くことは動くのですが、利用者(本プロジェクトは自分自身だが)が使いやすい・迷わない形をできるだけ優先したいところではあります。必要なテンプレートを作っていきます。プラグインで「上書き」を行い、クローンしたテーマに制作した箇所を加えていく形になります。上書きする頻度は人それぞれだと思いますが、万が一PCのクラッシュなどが起きた場合にはデータ紛失となるので、気がついたら上書きすると良いかなとは思います。必要な記述を加えていくという形でトライしました。並行して進めても良いとは思うのですが、学習と再確認も兼ねてサイトエディターやスタイルブックで指定した部分の反映を確認したりしながら進めました。したクセなどもあるので、そういった点を気づきながら行えたので有意義でした。このような形で完成まで進んで行きました。利用している既存サイトとなります。提供される「セクションブロック」や「項目ブロック」などとても便利なブロックが数多くあり、それらを活用して各ページでコンテンツを用意していました。導入せずに作業を進めていました。なくなりますので、レイアウトか崩れる現象が発生します。その箇所をコアブロックを用いたレイアウトへ変更する必要があります。今回は自ら「カスタムブロックを提供するプラグインを採用しない(=できるだけコアブロックだけでレイアウトを組む)」というルールを課していますが、そうでない場合はうまく共存する形を模索する必要があります。いうのも、リニューアルの場合の多くはデザインの変更も兼ねることが多いので、これまでのデザインにフィックスしていたカスタムブロックのデザインを、そのまま再利用できることは少ない場合も考慮しなければなりません。いった部分の考慮は調査段階でしっかりと行う必要があるなと学びました。サイトエディターで、その後に必要なCSSを記述ブロックテーマを利用することで強力なツール「サイトエディター」を利用することができます。利用できるようになった「スタイルブック」という機能があります。こちらの機能では、利用できる多くのブロックを一望することができ、さらにそれら各ブロックに対してスタイリングを管理画面で設定をすることができます。プラグインでテーマに「上書き」を行っています。自動的に記述されます。残っているので設定内容を失うことはなくなります。この作業は、個人で個人利用のためにブロックテーマを用意する場合には、あまり必要のない作業かもしれません(サイト全体のバックアップを取得していればデータ喪失時も復元できるので)。使い分けてみてください。記述してサポートします。この形を取ることで、できる限り管理画面からカスタマイズを行う(=コードを書かずにカスタマイズできる)形を用意することができると考えました。スモールデバイスなどブラウザ幅の変化に応じた対応はユーティリティクラスの用意一択かスペースやフォントサイズは流体(=Fluid)で設計することができます。開発者が心地よいと感じる動きをするように設計しています。ベースに制作することでそれらを再利用することができるようにしています。考え方のもと、これらのニーズに沿った機能実装は可能性は低いと考えています。カスタマイズを必要とするでしょう。クラスを用意しておくのもアリかもしれませんね。コンテンツ幅の持たせ方には注意グループブロックやカラムブロックなどには「コンテンツ幅を使用するインナーブロック」という機能があり、グループブロックではデフォルトでオン、カラムブロックではデフォルトでオフ、といった具合に若干挙動が変化します。兼ね合いあり)といった現象が起こる場合があります。検証ツールなどで解析すると分かるのですが、慣れていない方は彷徨ってしまうことがありそうな点かなと思います。プラグインの挙動になれておくと良い僕もまだ全て理解できているわけではありませんが、触りながら発見することがたくさんあります。テンプレートを作成したとします。404ページに表示されるコンテンツを用意していくのですが、上書きをしてからテンプレートファイルを確認すると、コンテンツ部分は自動的にパターン化されているといったことがありました。正確には検証できていませんが、プラグインのお作法的なものがあるような気がしているので、これらを理解しておくと良さそうな気がしています。運用フェーズを見据えて感じたことなどをメモしておきます。こちらは今後運用時間を長くすることによって新たに出てくることもあると思いますし、まったく逆の最適解を生み出すこともあるかもしれません。リポジトリで管理する」ことを前提としているため、個人やスモールプロジェクトの場合は同じように最適解にならない可能性が高いです。コンテンツ管理とテーマ管理をはっきり分離した方がよさそうページや投稿などのコンテンツ部分は当然なのですが、テーマ側への変更は運用サイトでは行わない方が良いかなと感じています。管理し、バージョン番号タグ付けプッシュしたものだけサーバーに自動でアップするようにしています。関連するもの)はローカルと同期する術がありません。リポジトリ管理したい場合には、原則としてローカルで変更を加え、そちらをアップして運用サイトで確認するという流れを取った方が良さそうに感じています。上記したように、テーマに持つファイルに関係する修正や変更、カスタマイズを行う際にはローカルで実施をし、それらをサーバーにアップするという流れが良さそうです。毎回毎回パッケージを手動で作成をしてアップロードするというのは手間に感じます。運用フェーズでも細かい手入れをしていきたい場合、アップすることを億劫に感じてしまうのは致命的ですので、この流れはやはりとても良いな、と感じています。まとめ今回、思い切って事業サイトをブロックテーマ化してみました。そこでの所感をまとめてみましたが、やってみないとわからないことがたくさんあることに(当たり前なのですが)気付かされました。アクションはとても大事ですね。現状のブロックテーマではできないことなどもポジティブな意味で感じることができましたし、今後のアップデートや、またはプラグインなどで補強しながら、最適な運用方法を今後も模索していきたいと思います。この記事いいね!と思ったら、ぜひシェアをお願いします。テーマ・プラグイン開発まで幅広くウェブ制作に対応しています。お気軽にお問い合わせください。使って、シンプルなブログやポートフォリオサイト、そしてコーポレートサイトを作りながら、ブロックテーマやサイトエディターの基本を理解することができます。現在、ご依頼をいただくと比較的速やかに着手することができます。お気軽にお問い合わせください。詳しく個人・法人向けコンサルティングさらに詳しく制作・運用のヒントが満載なメルマガオレインデザイン通信WordPressやホームページでのお困りごとは...オレインデザインにご相談ください。お客様の困りごとに驚くほど分かりやすくお答えします。