CSS編集を利用してトップページから不要なものを非表示にする【簡単&リスクなし】

Cocoon
スポンサーリンク
るんぴあ
るんぴあ

前回、固定ページでサイトのホームページを作ったけどさ…
⇒固定ページでトップページを作る

このホームページ、なんかおかしくない!?

るんぴあ
るんぴあ

ページタイトルとか、更新日、目次などが出ていていると『ホームページ』って感じがしないんだよね…ちょっと違和感があるというか…

コップ先生
コップ先生

たしかに…タイトルとかがついておると、記事を読んでいるかのような感じがするのぉ

では、今回は…Cocoonで作ったトップページから【不要なパーツを消す】方法について、やり方を一緒に見て行こう!

この記事を読んで分かる事

トップページから不要な表示を消すためのCSS編集方法

(Wordpress・Cocoon子テーマの場合)

リスクなくCSS編集!トップページから不要な表示をなくす方法

トップページから不要な表示を除くためには、CSS編集をする必要があります。

Cocoonの子テーマを使っている場合は、この編集が簡単にできるようになっています。

るんぴあ
るんぴあ

ちょっと!私、CSSのコードとか全く全然わかんないんだから!!!

無理に決まってるだろがぁぁぁ!

コップ先生
コップ先生

それがビックリ!

誰でもコピーアンドペーストでホイ!完了なんじゃよ!

るんぴあ
るんぴあ

そんなにすぐ出来るの?信じてるからね!!!?

トップページから消したい不要な表示

今回紹介するCSS編集によってトップページから消せる表示は以下の通りです。

タイトル

SNSシェアボタン

投稿日

更新日

投稿者名

目次

SNSフォローボタン※

トップページから不要な表示を消す:CSS編集方法

ダッシュボード【外観】>【カスタマイズ】から編集

①ダッシュボード【外観】>【カスタマイズ】>【追加CSS】をクリック

②下のコードをコピーアンドペーストする

③【公開】をクリックで完了

※SNSフォローの表示を外す場合は以下のコードも追加してください

コップ先生
コップ先生

【SNSフォローのアイコンを非表示】のコードを表示すると、トップページの固定ページからだけでなく、サイドバーのフォロー表示もトップ画面の時に消えるので、注意じゃ!

【CSS編集でトップページから不要な表示をなくす方法~Cocoon編~】まとめ

まとめ

 

るんぴあ
るんぴあ

コップ先生のセクシー秘書リムが、当記事のまとめをご案内します!

セクシー秘書
セクシー秘書

お任せください。では、参ります。

トップページから不要な表示をなくすには…

固定ページで作成したトップページから不要な表示をなくし、すっきりしたホームページを作りましょう



今回ご案内するCSS編集で非表示にできる項目は以下の通りです

タイトル

SNSシェアボタン

投稿日

更新日

投稿者名

目次

SNSフォローボタン※

WordPress、Cocoon(子テーマ)でCSS編集を行う時には、ダッシュボード【外観】>【カスタマイズ】>【追加CSS】から安心安全に行えます

※元のCSSを直接いじらなくて良い



消したい項目に対応するコードを『追加CSS』にコピーアンドペーストして【公開】をクリックするだけです


トップページからSNSフォローボタンを非表示にすると、サイドバーに設置したものにも影響が出ます(トップページの状態の時のみ)

セクシー秘書
セクシー秘書

お疲れ様でした♡

プログラミング初心者でも安全安心にCSS編集ができる機能があるのはありがたいですね!

タイトルとURLをコピーしました