【SANGO】表の中だけ箇条書きの線を一括で無しにする方法【WordPress】

初めまして!プロラボです。

ブログテーマをSANGOにした!表の中に箇条書きを作ると枠線が二重になっちゃう・・・。ショートコード を使えば解消できるけど、できれば一括で枠線無しにしたい。

でも表の中以外は枠線を残したい。

こんな疑問を解決します。

僕はブログ歴1年半とちょっと。3つのブログを運営していて、先日「Jin」から「SANGO」にブログテーマを変えたばかりです。

前テーマで表の中に箇条書きをしていたのですが、こんな感じでちょっと不格好になっていました。

公式に用意されている「枠なしショートコード」を使えば消えるんですが、ちょっとめんどくさいのと、箇条書きの中に別のショートコード を使ってるとエラーになる場合があります。

というわけで今回は表の中の枠線のみ無しにする方法を紹介します。

表の中のみ箇条書きの枠線を無しにする

まず結論から言うと、以下をstyle.cssに追記します。

style.css
.entry-content td ul,
.entry-content td ol {
border: none;
margin: 5px 0;
padding: 0 0 0 1.4em;
}

これをコピーしてstyle.cssに貼り付ければOKです。

style.cssへの貼り付け方

もうちょっと詳しく解説します。

MEMO

SANGOの子テーマをインストールしていない人は必ずインストールしてください。

親テーマを修正すると、ブログが壊れてしまう可能性があります。

参考 WordPressの子テーマとは?安全にカスタマイズを行う方法サルカワ
注意

style.cssを編集するとブログを壊してしまう可能性があります。

編集前に必ずバックアップを取るようにしてください。

参考 WordPressでバックアップをとる4つの方法(初心者向け)サルカワ
STEP.1
外観からテーマエディターを選択

STEP.2
スタイルシートを選択

STEP.3
コピーしたコードを貼り付け

完了!

これでOK!

いかがでしょうか?下記の表は枠なしにするショートコードを使っていませんが、ちゃんと枠が消えています。

  1. 番号付き
  2. 番号付き
  3. 番号付き
  • 箇条書き
  • 箇条書き
  • 箇条書き

表の外では以下のようにちゃんと枠線がついています。

  1. 番号付き
  2. 番号付き
  3. 番号付き
  • 箇条書き
  • 箇条書き
  • 箇条書き

というわけで今回は以上です!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です