コピー2019.07.04SANGOのショートカードで生成できる「ブログカード」はおしゃれですが、リンクであることがユーザーに伝わりにくいという問題があります。そこで、ブログカードに「続きを読む」という言葉をたして、視認性をアップさせました。ついでに、影をつけて浮いているように見えるカスタマイズ。SANGOは大部分で「影がついているところがリンク」になっているので、ユーザーが無意識にリンクだと認識できるようにしました。2018/8/30追記カードタイプ、日付入りのブログカードにも対応させました。事前準備カスタマイズ方法:style.cssの編集コードをコピー&ペースト動作確認おまけ事前準備このカスタマイズはスタイルシートを編集します。親テーマを使っているとアップデートなどに対応出来ないので、子テーマをインストールして有効化しておいてください。子テーマのダウンロード、インストール方法などは下記からご確認ください。子テーマを有効化したら、ダッシュボード>外観>テーマの編集にアクセスします。Child」にします。その下のスタイルシート(style.css)を選択。(「テーマの編集」にアクセスするとデフォルトでstyle.cssが表示されます。)外観>カスタマイズ>追加CSSでも可。PORIPUにも対応しています。コードをコピー&ペースト「こちらはSANGOの子テーマ~いきましょう。」の下に、下記のCSSをコピー&ペーストします。.5em;}}/*関連記事カスタマイズここまで*/コピペしたら、「ファイルを更新」をクリックして完了です。動作確認ブログカードを挿入している記事を開いて、デザインが変わっているか確認してみましょう。Win:「Ctrl」+「F5」で更新Mac:「command(⌘)」+「⇧」+「R」で更新デザインが反映されていれば完了です。キャッシュ系のプラグインを利用している場合は、キャッシュを削除しておきましょう。この記事が少しでもお役に立てたら嬉しいですおまけ下記CSSを追加すると、記事本文内の画像リンクにも影が付きます。バナー広告などにも影がつくので、リンクだと認識してもらいやすくなるかも知れません。rgba(0,0,0,.24);}このCSSを利用するときは、リンクのない画像には影をつけないことをおすすめします。コメントをキャンセルメールアドレスが公開されることはありません。個別の相談などにはお応えできかねます。質問は具体的にお願いいたします。コメント名前サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。アフィリッチ.メニューホーム節約ブログホーム検索トップサイドバーカテゴリーWordPressカスタマイズ10アフィリエイト4運営報告8タイトルとURLをコピーしました。