【WordPress入門】STORKで表の外枠線を消す方法

STORK STORK
こんにちは、レビルです。
STORK(ストーク)外枠シリーズ第二弾、WordPressのテーマ「STORK」で表の外枠線が消えない時の消し方をご紹介します。

STORK(ストーク)で「線無しの表組」を作成した際に、なぜか外枠に線が出てしまう。
又は、パソコンの画面上では消えているのにスマホ上ではうっすらと枠線が出ている。

HTMLでborderをnoneにしても、style.css子テーマでnoneにしてもなぜか出てきてしまう。

↓こんな感じで出てきてしまう。

そんな経験はありませんでしょうか。

背景が白や灰色の場合はあまり目立たないのですが、濃い色の背景だと結構目立ちます。

僕は前回の「固定ページ枠線の消し方」と同様に消えなくて困りました。
ネットで調べて色々試したものの、どうしても残ってしまう。
困った。。。

「もう、うっすら出ても良いかな」

とも思いましたが、どうしても消したくて調べてみました。

結果、解決しました!

前回同様、どうしたら消えたのか?を公開します。

スポンサーリンク

STORKで表の外枠線を消す方法

style.css(親テーマ)の記述を変更してください。
(子テーマでは反映しませんでした。)

左にあるメニューから「外観」→「テーマエディター」でテーマの編集画面に行き、右にあるテーマファイルから「style.css」を選択してエディタ内にファイルの内容を表示させてください。

親テーマのstyle.css変更なので、必ずバックアップを取っておきましょう。

1848行目にある

.entry-content tr {
border-bottom:

.entry-content tr {
border-bottom: none;

に変更してください。

1853行目にある

.entry-content td {
border:

.entry-content td {
border: none;

に変更してください。

変更したら、「ファイルを更新」ボタンを押して下さい。

*ファイルの更新ボタンを押したときにエラーが出た場合は入力ミスか、記載場所が正しくありませんので、構文や場所が正しいか確認してください。

これで線が枠線が消えました。

キャッシュのクリア

もし、線が消えていない場合は、ブラウザにキャッシュが残っているので、「Shift」+「Ctrl」+「R」でスーパーキャッシュクリアをすれば先ほどの設定が反映されて枠線が消えていると思います。

もしくは、クラウドフレアを使っている場合は、クラウドフレアのキャッシュを削除してください。
その他キャッシュ設定をするプラグイン等を使ってい場合もキャッシュをクリアしてください。

CloudFlareのキャッシュをクリアする方法
今回は、CloudFlareのキャッシュをクリアする方法をお送りします。Webページの設定を変えたのに反映しない、スーパーリロードしてもダメ。そんな時はCloudFlareのキャッシュパージを試してみてください。制作中などの場合は、開発モードの設定も便利です。

これで修正が反映されます。

 

参考になれば幸いです。

次回は、STORK(ストーク)外枠3部作のラスト、画像に逆L字型の線が出て消えない時の対処法をお届けします。

 

ではまた!

 

【WordPress入門】STORKで固定ページ枠線の消し方
STORKで背景色とメインコンテンツ背景を同色にした時、固定ページと背景の境界線が出てしまいます。非表示にしても出てくる!これを消す方法をお知らせします。
【WordPress入門】STORKで画像の逆L字型外枠線を消す方法
STORKで画像を挿入した時に、外枠に逆L字型の境界線が出ることがあります。これを簡単に消す方法をお知らせします。