クロスロード愛知県豊橋市のホームページ制作会社。ワードプレスを活用したSEOに強い。全国対応のウェブデザインオフィスです。wdcro.comホーム>ウェブデザインコラム>WordPress使い方ガイド>テーブルブロック~WordPress5テーブルブロック~WordPress52019年1月29日テーブル(表)の作成を行う際にはテーブルブロックを利用します。表は便利ですが、複雑な表はスマホで閲覧する場合、みづらいので表を簡潔にする工夫をした方が良いでしょう。ブロック設定テーブルブロックの編集詳細テーブル(表)を作成するブロックです。上部には5つのアイコン。ブロック内部には列数と行数を入力する欄と「生成」ボタンが表示されています。テーブルの生成ブロック内部の列数と行数を設定し「生成」ボタンをクリックするとテーブルが生成されす。仮に2列4行で生成するとこんな感じになります。この時上部のアイコンが一つ増えています。順に解説しますがこれは生成したテーブルを編集するアイコンです。「ブロックタイプの変更」をクリックするとテーブルの表示タイプを「通常」と「ストライプ」から選択できます。左寄せテーブルブロックを左寄せにします。中央揃えテーブルブロックを中央揃えにします。右寄せテーブルブロックを右寄せにします。「テーブルの編集」をクリックすると作成したテーブルの行や列の追加や削除ができます。「⁝」のアイコンをクリックすると吹き出しが表示され7つのメニューが表示されます。ブロック設定を非表示ページ右側に表示されている「ブロック設定」のカラムを非表示にできます。複製このブロックを複製します。新しい空のブロックをこのブロックの前に挿入します。新しい空のブロックをこのブロックの後に挿入します。HTMLとして編集HTMLの編集ができます。ソースを直接編集できる人には便利です。戻るときには「ビジュアル編集」をクリックします。再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。ブロックを削除このブロックを削除します。ブロック設定スタイルテーブルの表示タイプを「通常」と「ストライプ」から選択できます。テーブル設定テーブルの列幅を均等配分し固定することができます。追加のCSSクラスの設定ができます。スタイルが設定してあるときそのクラスを入力します。ウェブデザイン・クロスロードホームTel:0532-74-5099無料お見積りメールはこちらこのページのトップへメニュ。