| 社名 | 〇〇〇株式会社 |
| 設立 | XXXX年XX月 |
| 資本金 | 〇〇〇万円 |
| 本社所在地 | 〒000-0000 東京都〇〇区〇〇〇1丁目2番3号 |
| 代表者 | 〇〇〇〇 |
| 従業員数 | 〇〇名（XXXX年XX月時点） |
| 事業内容 | ・〇〇〇〇事業 ・〇〇〇〇事業 ・〇〇〇〇事業 |
目次
パーツ概要
Googleで「会社概要」と検索して出てくる企業のコーポレートサイトの会社概要ページを参考に作ったシンプルな２カラムのテーブルです。
PCのときは２列、スマホのときは１列で表示されます。
WordPressテーマ「SWELL」でサクッと会社概要ページを作りたい方、最低限のデザイン性があれば十分という方はぜひコピペして使ってみていただきたいです。
コードエディターにコピペして使えるコード
<!-- wp:table {"hasFixedLayout":true,"className":"td_to_th_ sp_block_","swlBodyThColor":{"text":"black","slug":"swl-gray"}} -->
<figure class="wp-block-table td_to_th_ sp_block_"><table class="has-fixed-layout"><tbody><tr><td>社名</td><td>〇〇〇株式会社</td></tr><tr><td>設立</td><td>XXXX年XX月</td></tr><tr><td>資本金</td><td>〇〇〇万円</td></tr><tr><td>本社所在地</td><td>〒000-0000<br>東京都〇〇区〇〇〇1丁目2番3号</td></tr><tr><td>代表者</td><td>〇〇〇〇</td></tr><tr><td>従業員数</td><td>〇〇名（XXXX年XX月時点）</td></tr><tr><td>事業内容</td><td>・〇〇〇〇事業<br>・〇〇〇〇事業<br>・〇〇〇〇事業</td></tr></tbody></table></figure>
<!-- /wp:table -->PCのときに１列目の横幅を任意のサイズに変更したい場合は、下記のコードをカスタムCSSのCSS用コード欄に入れて調整してみてください。
@media (min-width: 960px) {
.td_to_th_ tbody tr >:first-child {
width: 240px;
}
}
