ブロックエディターのレスポンシブ対応カラムデザイン
Gutenberg はCSSをカスタマイズしなくてもカラムデザインが簡単にできます。ページを 2 ～ 3列に分割して、それぞれに画像や文章でデザインしたいことがあります。tableを使ったデザインは比較的容易に作ることができますが、レスポンシブに対応させるには知識も要求されます。
テーマによってはカラムデザインのCSSが用意されている場合がありますが、スタイルシートのカスタマイズが必要な場合もあります。 Gutenberg にはデフォルトでカラムデザインが装備されているのでこちらを利用すれば簡単に記事を書きあげることができます。
カラムを利用するには、ブロックの選択から、デザインカラムを選択します。
続いて分割する割合を指定します。指定できる割合は 50% :50% , 30%:70% ,70%:30% , 33%:33%:33% , 25%:50%:25% になっています。
各カラムには、画像や文章を埋め込んでいくことができます。注意点はショートコードなどで、横幅を指定しているものがあるとレイアウトが崩れることもあります。ブラウザの世幅を最小にして確認するかスマートフォン等で表示の確認はしておくべきです。
カラムデザイン例
下記例は２カラムデザインを使っています。50/50で２分割左右に並べて表示しています。注意点としては、PC表示では左右に並べて表示できますが、スマートフォンなど表示領域が狭い場合は表示の順番が上下なることです。
Gutenberg のメリットとデメリット
「Gutenberg」は従来の「Classic Editor」から切り替えられるとアナウンスされ、公式サイトでは以下のようにコメントされています。「Classic Editor は公式な WordPress プラグインであり、少なくとも2022年まで、または必要なくなるまでの間、完全にサポート・保守されます。」
サポート終了が近くなっていますが、「Gutenberg」への移行率が低くしばらくは「Classic Editor」も利用できそうです。
| メリット | デメリット |
|---|---|
| ブロックの種類が多い、カラムを分割することができる、ギャラリーやボタン、ウイジェットなども挿入できる。高度なデザインのページ編集ができる | 高度なデザインの記事を作るには便利ですが、高機能なことで操作が難しく感じられる |
| コンテンツの色やサイズを細かく設定できる | ブロックの生成作業が面倒、記事を書き進めるたびにブロックを選択して生成する手間が発生する |
| ブロックごとに簡単にコピーしたり入れ替えたりできる | クラッシックブロックがビジュアルエディタにしか対応していない |
プロモーション
THE-THOR
圧倒的にSEOに強く・抜群に上位表示されやすい「究極のSEO最適化テーマ」です。HTML5+CSS3による最新のコーディング・検索エンジンに優しい構造化マークアップに対応。中小企業に必要な、アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログなどの利用に適しています。
賢威
「賢威（ケンイ）」は、SEO業界で圧倒的な実績を持つ京都のWebプランニングチーム「ウェブライダー」が、 そのノウハウを余すことなく詰め込んだ、SEOテンプレートパックです。賢威はSEO実績が多く、SEOマニュアルや購入者専用の会員サイトでSEOの学習ができるのは大きなメリットなるでしょう。
集客職人
中小企業のウェブサイト向けSEO対策プログラムです。該当のウェブサイトを解析し、現在の検索順位の把握はもちろんのこと、その検索順位を上げるために必要な対策として有効なタスクを探し出してくれます。ウェブサイトを解析すると、いまの状態でどのような対策が必要なのかを項目ごとに表示してくれます。各項目の優先度も同時に判定して、その優先度順に表示されるので、作業を進めていくのに効率的な順番がひと目でわかります。
SEO検定
2002年より全国でＳＥＯ対策セミナーを開催している(社)全日本ＳＥＯ協会が、その時代の変化に適用し、長年蓄積してきたＳＥＯ技術を体系的にまとめたカリキュラムです。アカデミックなクオリティーで4級から1級まで段階的にトータル学習できる検定制度です。
ダウンロード学習コースなら、ビデオ講座、セミナービデオ、テキスト（PDF)、合格ドリル・過去問（PDF）、受験料金、認定料金の全てが含まれもとめやすい費用で検定取得することが出来ます。
