CSS追加の場所
設定場所：WordPress管理画面→外観→カスタマイズ→追加CSS
テーブルの横スクロールのためのCSS
/*テーブルの横スクロールのためのCSS*/
table{
width:100%;
}
.scroll{
overflow: auto;
white-space:nowrap;
}
.scroll::-webkit-scrollbar{
height: 15px;
}
.scroll::-webkit-scrollbar-track{
background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
background: #bbb;
}
/*テーブルの横スクロールのためのCSSはここまで*/
table{
width:100%;
}
.scroll{
overflow: auto;
white-space:nowrap;
}
.scroll::-webkit-scrollbar{
height: 15px;
}
.scroll::-webkit-scrollbar-track{
background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
background: #bbb;
}
/*テーブルの横スクロールのためのCSSはここまで*/
テキストモードでタブ設定
CSS追加後、表に「横スクロール」の指示を書く（タブを入れる）
設定場所：WordPress管理画面→投稿→テキストモード→表の前後
設定するタブ：<div class=”scroll”>○○○○○○</div>
タブ位置：（<table>の前）と（</table>の後）
<div class=”scroll”>
（<table>の前）
| 表 | ||
（</table>の後）
</div>
ＰＣとスマホでフォントが違う時のCSS
設定場所：WordPress管理画面→外観→カスタマイズ→追加CSS
/*ＰＣとスマホでフォントが違う時のCSS*/
/*font*/
body {
font-family: “メイリオ”;
}
body {
font-family: “メイリオ”;
}
/*メイリオがないときの予備フォントCSS*/
/*font*/
body {
font-family: ‘Yu Gothic Medium’, ‘游ゴシック Medium’, ‘游ゴシック体’, ‘Yu Gothic’, ‘メイリオ’,’ＭＳ Ｐゴシック’
}
/*font*/
body {
font-family: ‘Yu Gothic Medium’, ‘游ゴシック Medium’, ‘游ゴシック体’, ‘Yu Gothic’, ‘メイリオ’,’ＭＳ Ｐゴシック’
}
メニュー項目の追加と構造
ダッシュボード → 外観 → メニュー
