WordPressブロックエディタのレスポンシブ対応カラムデザインの使い方

レスポンシブ対応カラムデザイン

CSSをカスタマイズしなくてもカラムデザインが簡単にできます。ページを 2 ～ 3列に分割して、それぞれに画像や文章でデザインしたいことがあります。tableを使ったデザインは比較的容易に作ることができますが、レスポンシブに対応させるには知識も要求されます。テーマによってはカラムデザインのCSSが用意されている場合がありますが、スタイルシートのカスタマイズが必要な場合もあります。 Gutenberg にはデフォルトでカラムデザインが装備されているのでこちらを利用すれば簡単に記事を書きあげることができます。

カラムを利用するには、ブロックの選択から、デザインカラムを選択します。

続いて分割する割合を指定します。指定できる割合は　50% :50% , 30%:70% ,70%:30% , 33%:33%:33% , 25%:50%:25% になっています。

各カラムには、画像や文章を埋め込んでいくことができます。注意点はショートコードなどで、横幅を指定しているものがあるとレイアウトが崩れることもあります。ブラウザの世幅を最小にして確認するかスマートフォン等で表示の確認はしておくべきです。

Gutenberg のメリットとデメリット

「Gutenberg」は従来の「Classic Editor」から切り替えられるとアナウンスされ、公式サイトでは以下のようにコメントされています。「Classic Editor は公式な WordPress プラグインであり、少なくとも2022年まで、または必要なくなるまでの間、完全にサポート・保守されます。」

サポート終了が近くなっていますが、「Gutenberg」への移行率が低くしばらくは「Classic Editor」も利用できそうです。

メリット	デメリット
ブロックの種類が多い、カラムを分割することができる、ギャラリーやボタン、ウイジェットなども挿入できる。高度なデザインのページ編集ができる	高度なデザインの記事を作るには便利ですが、高機能なことで操作が難しく感じられる
コンテンツの色やサイズを細かく設定できる	ブロックの生成作業が面倒、記事を書き進めるたびにブロックを選択して生成する手間が発生する
ブロックごとに簡単にコピーしたり入れ替えたりできる	クラッシックブロックがビジュアルエディタにしか対応していない

Gutenberg への移行

「Gutenberg」はいづれWordPressのデフォルトエディタになることは間違いないでしょう。当初の予定では2021年12月31日で「Classic Editor」のサポートを終了するはずでした。しかし、その後思ったほど「Gutenberg」の使用率が高くないため、2022年以降、必要ならばサポート保守される方針に変更されました。

WordPress導入時から「Gutenberg」を利用しているサイトは問題ありませんが、「Classic Editor」でサイトを構築している場合はそれなりに準備をされることが推奨されます。エディタを切り替えることで表示されない等はありませんが、編集に戸惑ってしまう、編集に関するプラグインが利用できないといったことは発生します。（「Add Quick Tag」は機能しなくなります。）この際徐々に変更されるのがお勧めかもしれません。

WordPressのブロックエディタ（Gutenberg）は直感的に編集できる優れたエディタですが、記事を装飾したり、レイアウトデザインをしたいときには少し戸惑うこともあるかもしれません。編集機能がサポートされているテーマを利用すと悩みを解決できるかも。凝ったデザインや複雑なレイアウトを提供してくれる業者やフリーターを探すサービスも利用価値があるのでは？

ココナラ は、「知識・スキル・経験」といった個人の「得意」を気軽に売り買いできる、日本最大級のスキルマーケットです。WordPressを使ったホームページ制作、WordPressのインストール・初期設定代行、WordPressのトラブル解決、WordPressに関するコンサルティング・使い方サポートのサービスがあります。

ココナラにWordPressのデザインや制作を依頼することは可能です。多くの出品者が、ブログデザインやホームページ制作、テーマのカスタマイズなど、幅広いサービスを提供しています。

依頼できることと費用の目安

依頼内容によって費用は大きく異なります。

• WordPressの立ち上げ・基本設定：数千円〜10万円程度で依頼できます。サーバー・ドメインの設定やWordPressのインストール、初期設定など、専門知識が必要な部分を代行してもらえます。
• テンプレートを使ったデザイン制作：5万円〜20万円程度が目安です。既存のテーマやテンプレートを使用して、画像やテキストを入れ替えたり、色やレイアウトを調整したりして、サイトを制作してもらいます。
• オリジナルデザインの制作：10万円〜50万円以上が相場です。デザインからコーディングまで全てオリジナルで制作してもらうため、費用は高くなりますが、より独自性の高いサイトが手に入ります。

ココナラで依頼するメリット・デメリット

メリット

• 費用を抑えられる：制作会社に依頼する場合と比較して、かなり安く済ませられることが多いです。
• 手軽に依頼できる：自分の予算や希望に合った出品者を簡単に探せます。
• 部分的な依頼も可能：「サイトの一部を修正したい」「問い合わせフォームを追加したい」といった、細かい作業の依頼にも対応してくれる出品者が多いです。

デメリット

• 品質にばらつきがある：個人の出品者が多いため、スキルや経験によって品質に差が出ることがあります。
• コミュニケーションが取りづらい場合も：基本的にココナラのチャットでのやり取りが中心です。Zoomなどのオンラインミーティングが禁止されているため、複雑な要件を伝えるのが難しい場合があります。
• 納品後のサポートに注意：サービス内容にどこまでのサポートが含まれているか、事前に確認しておきましょう。運用やトラブル対応は自己責任となるケースもあります。

失敗しないためのポイント

ココナラでWordPressの依頼を成功させるために、以下の点に注意しましょう。

• 依頼内容を明確にする：事前にサイトの目的、イメージ、必要な機能などを具体的にまとめておきましょう。参考サイトのURLを共有するのも効果的です。
• 実績や評価をしっかり確認する：ポートフォリオ（過去の実績）や、他の利用者からの評価、レビューを参考に、信頼できる出品者を選びましょう。
• 「PRO」認定者も検討する：「PRO」ラベルがついている出品者は、ココナラが定めた基準を満たした実績のある出品者です。安心して依頼したい場合は、一つの目安になります。
• 納品物やサポート内容を確認する：納品形式（テーマファイルか、サーバーに直接設置か）、納品後の修正対応、運用マニュアルの有無など、依頼前に細かく確認しておきましょう。

ココナラをうまく活用すれば、予算を抑えつつ、質の高いWordPressサイトを手に入れることができます。