【つぶやき】ブロックエディタでトップページを作り直してみた!
当サイトでは固定ページをトップページにしています。
以前は『Page Builder by SiteOrigin』というビルダープラグインを使って作成していました。
Page Builder by SiteOriginはウィジェットを投稿や固定ページに配置、表示できるプラグインです。
ウィジェットを並べるようにして記事を作成できるので簡単に複雑なレイアウトもできます。
そして最近ブロックエディタを使いはじめ、
ブロックエディタでもPage Builder by SiteOriginと同じように作れるのかなぁ
と思ってブロックエディタでPage Builder by SiteOriginで作ったようにできるのかやってみました。
Page Builder by SiteOriginで作ったページをブロックエディタに変換
いろいろ調べていたらPage Builder by SiteOriginで作成したページをブロックエディタに変換する方法をみつけたのでやってみました。
上手くできたの?
うん。変換も簡単にできたけど…ちょっと困ったことが!
実はブロックエディタでトップページを作り直そうと思ったのにはもうひとつ理由がありました。
それはPage Builder by SiteOriginで作ったページが重複表示されていたんです!
重複表示されるのを直したくて変換してみたものの…直りませんでした(^^;)
それにPage Builder by SiteOriginのブロックを編集するのにもちょっと問題が!
あらら(^^;) それでどうしたの?
重複表示もブロックの不具合(?)の原因はPage Builder by SiteOriginプラグインなのは確かだからね。
Page Builder by SiteOriginプラグインを使うのをやめました!
そんな訳でPage Builder by SiteOriginプラグインを使わずにトップページを作り直すことにしました。
ブロックエディタでトップページを作成
当サイトのトップページは人気記事、最新記事やカテゴリー別の記事をサムネイル画像付きの記事リストを表示させています。
それでPage Builder by SiteOriginプラグインと同じように作るためにはポイントが2つ。それは「カラム」と「記事リストを表示させる方法」です。
「カラム」はブロックエディタのブロックの中にカラムブロックがあるので特に問題はありません。
記事のリストはPage Builder by SiteOriginではウィジェットを使ってたもんね。どうしたの?
「ショートコード」を使ったんだよ!
記事のリストを表示するためにRecent Posts Widget Extendedというプラグインを使っています。
Recent Posts Widget Extendedはサイドバーなどにサムネイル画像付きの最新記事などを表示させるためのウィジェットプラグインです。
このRecent Posts Widget Extendedにもショートコードがあるので、ショートコードを使って表示させました。
これでPage Builder by SiteOriginを使わずにトップページを作ることができて重複表示も解決です(*^^*)
最後に
ブロックエディタは旧エディタでは難しくてできなかったことも初心者でも簡単にできるようになっています。
今回ブロックエディタでトップページを作り直したため、今まで使っていたPage Builder by SiteOriginとSiteOrigin Widgetの2つのプラグインが不要となりプラグインを減らすことができました!
ブロックエディタはまだなかなかテーマやプラグインの対応が追いついていないところもありますが、それでも旧エディタより初心者の方にはいいと思います。
Page Builder by SiteOriginは正直トップページでくらいしか使ってなかったら使うのを辞めたかったんだよね。
ビルダープラグインは重いっていうもんね。ボクも固定ページをトップページにしてみようかな~w
ディスカッション
コメント一覧
まだ、コメントがありません