ルクセリタスの記事下にある関連記事には抜粋が表示されます。
tool+記事での抜粋は（出典・・・・と表示されて私は好きじゃありません。
今回はこの関連記事の「抜粋」を見えなくする方法を説明します。
目次
検証からクラスを調べる
検証のやり方は先日の記事を参照してください。
あわせて読みたい
お手軽CSS変更方法(サイドバー見出しのデザイン変更)
CSSってなんか難しいイメージありませんか？ 自分のまとめブログを持っているなら、CSSに対する知識は多少は必要です。が、そこまで必死に勉強することはありません。 ...
関連記事の全体部分を検証で調べます。
「#related」というidでした。
さらに細かく見ます。
関連記事の1つの記事の部分を見ます。
「.excerpt」です。
さらに抜粋の部分を確認します。
抜粋の部分は「p」ですね。
これらを繋げ合わせてスタイルシートに書きます。
スタイルシートに上記のコードを繋ぎ追記する
スタイルシートの場所は下の記事を参照してください。
あわせて読みたい
お手軽CSS変更方法(サイドバー見出しのデザイン変更)
CSSってなんか難しいイメージありませんか？ 自分のまとめブログを持っているなら、CSSに対する知識は多少は必要です。が、そこまで必死に勉強することはありません。 ...
上記のコードを繋ぎ合わせ追記します。
#related .excerpt p {
display: none;
}
となります。
これで、関連記事の抜粋が消えています。
お好みで設定してください。
関連記事のアイキャッチ画像も見えなくするコード
#related .term img {
display: none;
}
このコードを追記することで関連記事のアイキャッチ画像も見えなくなります。
自分のブログが画像をあまり使わないのであれば見えなくしている方が良いかもしれませんね。
まとめ
今回は抜粋を見えなくなる方法を書きました。
他にも何かデザイン変更希望などあれば調べます。お気軽にお問い合わせより連絡してください。
なお、コードの単語と単語の間には半角スペースが入っていますので、注意してください。
基本的に今回も私が独自で見つけたコード追記になります。最適なコードは別に存在するかもしれませんので、そこをわかって上で利用してください。
コメント