WordPressでテーブルヘッダーをスティッキーにする方法のチュートリアルをお探しですか？このチュートリアルについては、後ほど説明します。私たちにしっかりついてきてください。
粘着性のあるテーブルヘッダーは、特に膨大なデータや長い比較表があるページで、優れたユーザーエクスペリエンスを提供します。
長い表がある記事の読みやすさとナビゲーションを効果的に改善し、読者がスクロールダウンしながらデータを簡単に把握できるようにすることができる。
それでは、WordPressでテーブルヘッダーをスティッキーにする方法を学びましょう。
WordPressでテーブルヘッダーを固定する方法
核心に触れる table block しかし、テーブルブロックの機能はとても基本的で、スティッキーヘッダーのオプションは見当たりません。
そこで、Gutenbergブロックエディタで素晴らしいテーブルを作成するためのサードパーティ製テーブルビルダー・プラグイン、それがTablebergを使用します。
Tablebergはサードパーティ製のテーブルブロックプラグインで、Gutenbergブロックエディタ内で思いつく限りのテーブルを作成することができます。
美しいテーブルを作る
ブロックエディター付き
ステップ1：Tablebergのインストール
最初のステップは、Tablebergプラグインをインストールすることです。そのためには、WordPressウェブサイトのダッシュボードにアクセスしてください。
プラグイン (1) > 新規プラグインの追加 (2).検索プラグインボックスでTablebergを検索する (3).今すぐインストール」を押す (4).
プラグインをインストールしたら、プラグインを有効化する必要があります。
注:スティッキーヘッダーオプションを使用するには プロ版 のTablebergです。無料版にはこのオプションは含まれていません。
ステップ2：投稿またはページに移動する
ナビゲート 投稿 (1) > すべての投稿 (2) そして その投稿やページを編集する (3). N.B. ページを編集する場合も同様ですが、まず「ページ」＞「すべてのページ」と進んでください。
ステップ3：テーブル・ヘッダーに粘着性を持たせる
最初のステップは、最初の行をテーブルのヘッダーにすることである。
まずテーブルを選択します。右上の「設定」をクリックします。 (1).ブロックに移動する (2) > 設定 (3).オプションを有効にしてください。最上段ヘッダーの作成” (4).
下にスクロールして スティッキー・トップロー オプションを有効にしてください。これで、テーブルのヘッダーがスティッキーヘッダーになりました。
また、粘着ヘッダーが目立つように、ヘッダーに別の色を選択することもできます。手順は上の画像と同じです。唯一の違いは スタイル (1) > ヘッダーの背景 (2) > カラーを選択 (3). (N.B. このステップは任意である)。
これがベタベタしたテーブル・ヘッダーの作り方だ。以下は、あなたのテーブルがどのように見えるかです。
最終的な感想
WordPressでスティッキーテーブルヘッダーを追加することは、効率的な影響を与えることができるわずかな調整であり、データの多いテーブルをより使いやすくします。この機能強化は、ウェブサイト訪問者のユーザーエクスペリエンスを向上させます。
これらのステップに従うことで、ユーザーがスクロールしても表示されたままのスティッキーヘッダーを持つ、アクセシブルでプロフェッショナルな外観のテーブルを作成することができます。
一見すると、それほど複雑ではない。
チュートリアルはご理解いただけただろうか。テーブルの一番上の行のヘッダーを素早くスティッキーヘッダーにするのに役立ちました。
チュートリアルに沿って何か問題が発生した場合は、遠慮なく下のコメント欄でお知らせください。喜んでお手伝いさせていただきます。
関連記事
