【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。心の健康サイトマップ海外FX口座でフルロットでトレードし続けたら1万円は何日で1億円に化けるか、計算してみた。ホームブログの話Simplicityカスタマイズ【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。サイドバーのみの設定も可Simplicityカスタマイズ2017.11.18Simplicityで使えるブログカード機能は見た目が少しリッチになる感じが好きです。サイドバーにブログカード形式で記事リンクを設置する場合、元々の設定のままだと「この本文抜粋(記事詳細)の記述は邪魔だな」と感じる場合もあります。人によっては記事内で表示するブログカードでも「タイトル表示のみにしたい」と思うかもしれませんね。いうことで、今回私はサイドバーで表示するブログカードの本文抜粋部分を非表示にするカスタマイズをしてみましたので、似たようなことをしたい場合は参考にしてみてください。ブログカードの抜粋を消すためのCSSやることとしては、抜粋部分の表示に使われているclassを指定して“表示しない”と設定してやるだけです。基本的なCSSとしては次のようになります。display:none;}上記をそのまま子テーマのstyle.cssに追記してやれば、ブログ内で表示されているブログカードすべてに一律で「抜粋部分の非表示」が適用されます。今回の私のようにサイドバーに表示するブログカードだけ抜粋部分を非表示にしたいという場合。id=”sidebar”>という要素の、その中にあるブログカードだけに設定を反映するよう指定してやります。display:none;}上記を子テーマのスタイルシートに追記してやればOKです。抜粋を消したブログカードの高さを整える今回私はサイドバーのブログカードだけに抜粋を消す設定をしたわけですが、それだけだと、抜粋を消した分だけヘンな余白が生まれてしまい、美しくありませんでした。同じことをしたい人向けにその後にさらに追記したCSSも併せて紹介しておきます。100px;}上記を子テーマのスタイルシートに一緒に追記しました。2点、指示を追加したわけですが、1つ目は「サムネイル画像の下の余白」についてです。デフォルト設定では20pxの余白を取るよう指定されていたので、それを0pxに上書き。これはサイドバーに表示するブログカードにのみ適用。2つ目は「ブログカードの縦の幅」について。デフォルト設定では145pxだかに指定されていたのですが、抜粋を非表示にした場合は明らかに縦幅が無駄に長過ぎる&記事内でももしもっと薄くブログカード表示できるところがあったら薄くスタイリッシュに表示してくれていいと思ったので、サイドバーに限定せずに全体設定として100pxに設定しました。このブログのサイドバーにあるブログカードの事例この記事を見ている内は恐らくサイドバーにブログカードは表示されていないはずです。Air』の記事を何か見てみてください。サイドバーにずらーっと関連記事としてブログ内リンクが表示されていますので。日本のFXトレーダーに最も使われている海外口座XMが今、全員受け取れる50万円までの入金ボーナスを実施しています。2017.11.12SimplicityカスタマイズSimplicityでサイドバーの『カテゴリー』の文字サイズを小さくする方法。2017.11.15Simplicityカスタマイズ【Simplicity】SNSシェアボタンを少し小さくサイズ変更。CSS例を紹介2017.11.15ブログの話Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。2017.11.28Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。何もせずそのまま審査リクエストして問題解決。2018.01.08Simplicityでブログカードが表示されない時に確認してみてほしいこと2017.12.06今更ながら『ちゃんりおメーカー』でブログのプロフ画像を作ってみた。著作権は大丈夫か!?2017.12.02ツイッターをPCでアカウント切り替えて使う一番簡単な方法2017.11.282019.11.01【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。サイドバーのみの設定も可2017.11.18Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28【Simplicity】SNSシェアボタンを少し小さくサイズ変更。CSS例を紹介2017.11.15ぴらひこブログが大好きなFXトレーダー。DMMとXM使ってます。プロフ画像はちゃんりおメーカーで作りました。何かお問い合わせなどありましたらこちらのメールフォームからお願いします。ひこをフォローする5カテゴリ別の人気記事Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28Twitter検索の自分用メモ。「リンクURL付きツイート」などを除外して検索する用2017.06.032017.11.12Macで位置・範囲を“固定”してスクショを何枚も撮る方法。何もせずそのまま審査リクエストして問題解決。2018.01.08Simplicityでブログカードが表示されない時に確認してみてほしいこと2017.12.06今更ながら『ちゃんりおメーカー』でブログのプロフ画像を作ってみた。著作権は大丈夫か!?2017.12.02ツイッターをPCでアカウント切り替えて使う一番簡単な方法2017.11.282019.11.01【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。サイドバーのみの設定も可2017.11.18Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28【Simplicity】SNSシェアボタンを少し小さくサイズ変更。CSS例を紹介2017.11.15ぴらひこブログが大好きなFXトレーダー。DMMとXM使ってます。プロフ画像はちゃんりおメーカーで作りました。何かお問い合わせなどありましたらこちらのメールフォームからお願いします。ひこをフォローする5カテゴリ別の人気記事Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28Twitter検索の自分用メモ。「リンクURL付きツイート」などを除外して検索する用2017.06.032017.11.12Macで位置・範囲を“固定”してスクショを何枚も撮る方法。Air徹底解説30未分類1タイトルとURLをコピーしました。