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

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

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

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

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

僕はブログ歴１年半とちょっと。３つのブログを運営していて、先日「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です。

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

MEMO

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

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

注意

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

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

STEP.1

外観からテーマエディターを選択

STEP.2

スタイルシートを選択

STEP.3

コピーしたコードを貼り付け

完了！

これでOK！

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

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

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