vbaIE関係GASGASgoogle計算機calculatorお問い合わせ依頼等も承ります。ワードプレスで表の行間を狭める方法!追加css設定方法|COCOON,Gutenbergブログ関係2020.07.09この記事は約3分で読めます。目次ワードプレスで表の行間を狭める方法!追加css設定方法|COCOON,Gutenberg行間の設定は文字のCSSに依存する。扱いにくいのが・表の作成です。「行間が広く間のびして、非常に見づらい」問題について解決策を解説していこうと思います。作業は簡単で、2ステップで解決することができるので、ぜひこの記事を読んで、行間の狭い見やすい表を作れるようになってください!行間の設定は文字のCSSに依存する。行間の設定は、段落などのCSSに依存しいているようで、本文の行間を広めると表の行間も広がってしまうようです。対象の表のCSSをいじくってあげる必要があります。そのためには、1追加CSSに表の行間を狭くするスタイルを記載。2対象の表の高度な設定→追加CSSクラススタイルを設定。していく必要があります。それでは、1から見ていきましょう。1追加CSSを設定まずは追加CSSを設定する必要があります。ダッシュ-ボード→「外観」→「カスタマイズ」を選ぶと下記のような画面になり、サイドバーの一番下に、追加CSSという欄が出てくると思います。追加CSSをおすとCSSを記述する欄が出てくると思いますので、そこに、下記コードを打ち込んでください。0px!important;}/*狭く終了*/これで事前準備終了です。次は、このCSSを実際に表に設定する必要があります。記事の投稿に進んで、対象の表を選択→サイドバー「ブロック」の最下段「高度な設定」の追加CSSに先ほど作成した「SEMAKU」と打ち込みます。列4行間が狭くなった表に早変わりします。列4また、今回は上下ともに行間を狭くしましたが、pxを変えることで自在に操ることができますので、自由に変更ください。下のコードをSEMAKUの代わりに記載していただければ、すべての表の行間が詰まりますのでお試しください。5px!important;}/*狭く終了*/まとめ間延びした表は非常に見づらいですので、ぜひ一度設定していただけたらと思います。表行間SEMAKU狭く見やすくスポンサーリンクスポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーnujonoaをフォローするnujonoanujonoa_blogブログの執筆は音声入力の時代へ。GOOGLEDOCUMENTで無料で音声入力!30分でワードプレスにクレジットカード決済を導入!情報商材をstripeで売る方法!関連記事ブログ関係ブログの今後。youtubeなどの動画との関係について。【ブログ初心者向け】GURTENBERGで画像を引用する方法。【SEO対策】ビッグワード!ブログタイトルキーワード候補一覧(2019年5月YAHOOキーワード入力補助まとめ)2019.09.10ブログ関係コメント欄コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。目次ワードプレスで表の行間を狭める方法!追加css設定方法|COCOON,Gutenberg行間の設定は文字のCSSに依存する。1追加CSSを設定2対象の表に追加CSSを設定まとめ関連記事コロナ禍でのアドセンス収益。不況によるブログの収益について2020.05.04雑記ブログを初めて1年でADSENSE1万円/月達成!2020.04.032020.05.03【SEO対策】ビッグワード!ブログタイトルキーワード候補一覧(2019年9月googleサジェスト入力補助まとめ)2019.09.112019.09.11ブログの今後。youtubeなどの動画との関係について。投資/FP(家庭のお金)ダイエット・健康マラソンサプリメントダイエットマクロVBAIE関係GASGAS計算機お問い合わせ検索タイトルとURLをコピーしました。