150:プラグインの断捨離の前に気づいてしまったこと|表を折りたたみ式にできる

ブログサイト成功の鍵 - コクーンの設定 作り方
ブログサイト運用を成功させる鍵の一つがコクーンの設定をしっかり行うことです
この記事は約2分で読めます。

表が消えた!?そして、三角ボタンの正体

先日、導入しているプラグインを一通り整理し、表にまとめてみました。
「こうして見るとスッキリするなぁ」と満足していたのですが……

ふと記事を見返してみると、作成したはずの表が見えない。

あれ?消えた?
いや、正確には「消えた」のではなく、折りたたまれていたのです。

Cocoonで表を整えた手順

Cocoonの編集画面(=WordPressブロックエディター)で「表」ブロックを挿入し、右側のナビゲーターからいくつか設定を行いました。

  • 「設定」タブで セル幅を固定
  • 同じく「設定」から ヘッダーセクションを追加
  • 「色」タブで スタイルを“ストライプ”に変更(行ごとに色分け)

ここまでは順調。
見やすい、いい感じの表ができました。

いつの間にか“折りたたみ式”に?

ところが、気づいたら表が折りたたみ式表示になっていました。
小さな三角形(▶︎ / ▼)のボタン付き。

WordPress(Gutenberg)の「表」ブロックは、標準機能では折りたたみ式にはなりません。

つまり、

▶︎ が表示されている
▼ で開閉できる

この状態は、テーマや設定、あるいは別のブロック構造によるもの。

今回は、その三角ボタン部分に
「クリックすると表が見れます」
と書き込んでみました。

“要約”ではなく、シンプルな案内表示に。

結果的には、ちょっと親切設計になったかもしれません。

ブロックエディター、奥が深い…

使っているつもりでも、
まだまだ知らない機能や挙動がありますね😅

テーマの影響なのか、ブロック構造なのか、
HTMLレベルで何が起きているのか――

ちゃんと理解しておくと、もっと自在に扱えそうです。

来週のテーマ

次は Site Kit by Google を定期的に活用する方法を考えてみようと思います。

せっかく導入しているので、

  • どの記事が読まれているのか
  • 表のある記事はどのくらい滞在されているのか
  • クリック率はどうか

など、数字も見ながら改善できたらいいなと。

少しずつ、
サイト運営もレベルアップしていきたいですね。

ブロックエディター、もっと使いこなしたい。過去に「WordPressブロックエディター再入門」書いてしましたね😅

ブログサイト成功の鍵 - コクーンの設定
ブログサイト運用を成功させる鍵の一つがコクーンの設定をしっかり行うことです
タイトルとURLをコピーしました