「内部リンク」や「発リンク」をする時、どのようにしてリンクを出しています?ちゃんいきなり質問を出してしまいました。そのまま文章中にテキストリンクでリンクを出されたり、box装飾の中に関連記事としてリンクを出す場合が多いと思います。最近では、ブログカードを利用したリンクが増えてきています。ブログカードは「リンクカード」という場合もあり、賢威8ではリンクカード機能があります。賢威8のリンクカードは装飾が寂しい感じがするのは私だけでしょうか?少しでもクリックされやすいように、管理人「ちゃん」(@cyan_customizer)がカスタマイズしていきたいと思います。くじリンクカードとは?賢威8のリンクカードの使い方リンクカードを別タブで開くためのコード抜粋文を削除するカスタマイズ賢威8のリンクカードデザインをカスタマイズ擬似要素を使わないCSSカスタマイズ擬似要素でコメント付きリンクカードにカスタマイズ賢威8のリンクカードのまとめリンクカードとは?リンクカードとは、リンク先の情報「タイトル」「アイキャッチ画像」「URL」などを1つにまとめたカード風に表示する機能のことを言います。内部リンクでリンクカードを利用した時の画像が次になります。スマホ表示のリンクカードPC表示のリンクカード賢威8のリンクカードで表示される情報は、次の通りです。生成される情報タイトルアイキャッチ画像リンク先URLディスクリプション(抜粋文)テキストリンクでリンクを行った場合は「賢威の評判」のように、青く文字が表示されるだけです。テキストリンクをリンクしていると認識している人も多いですが、リンクカードの方が一目でリンク先情報が分かります。テキストリンクだけではクリックされないケースを防ぐために、リンクカードを併用した賢威8の使い方がサイト回遊率を高める良いリンク方法だと言えます。賢威8のリンクカードの使い方ちゃん賢威8のリンクカードは、プラグインを利用しなくても大丈夫で、初めから機能として備わっています。リンクカードでリンクをさせたい時は、下の「ショートコード」を文章中に入れるだけで良いです。url="リンク先URL"]]リンク先URLは自分のサイトへ内部リンクでも、参考になったサイトへ外部リンクでも、両方のリンクで使うことが出来ます。使うコードなので、プラグイン「AddQuicktag」でコードをすぐに書き出せるように保存するのをおすすめします。「絶対にテキストリンクだけでリンクしたい」という人以外であれば、画像も一緒に抽出されるので、見た目にも使いやすい機能になっています。賢威リンクカード一覧」を選択すると、下の画像のように今まで生成したリンクカードの情報が、自動的に保存されるようになっています。賢威ユーザーデータが保存されたからって何が良いの?素朴な疑問ですが、情報を予め保存していることで、その都度生成されるよりも表示する負担を減らすことが出来るので、ページを軽くすることが出来ます。ページの表示速度は「SEO」に関連してくるので重要です。あと、色々とカスタムするのにも役立ちます。リンクカードを別タブで開くためのコード通常は、リンクをクリックすると同じページ(タブ)にクリックしたページが表示されますよね。上書きされたような状態です。訪問者が前のページに戻りたいと思えば、ブラウザの「戻るボタン」をクリックする必要がありますよね。ちゃんでも、ページ数が多くなるとなかなか目的のページに戻れないこともあります。そんな時に便利なのが、別タブに新たなページとしてクリックしたページを書き出す方法です。賢威8のリンクカードでも別タブで開くコードがあります。target=”_blank”]]通常のリンクカードのショートコードに「target=”_blank”」を付け加えるだけで、別タブで開くリンクカードを生成されます。外部リンクとして発リンクを出す場合に、自分のサイトは残しておきたい時や、内部リンクでも一緒に合わせて読んでほしいページの時に便利なコードです。抜粋文を削除するカスタマイズ初めにも書いたように、賢威8のリンクカードは抜粋文も表示されるようになっています。文字数として50文字程度の初めのリード文が抜粋されます。私としては情報量が多く目に入ってしまうので、パッと分かりやすいリンクでは無い気がします。リンクカードの抜粋文を削除するには下の手順で消すことが出来ます。賢威リンクカード一覧」で表示されたリンクカードの編集を選ぶと、4つの情報が載っているページに移動します。description」の内容を削除すれば、抜粋文が表示されないようになります。抜粋文を削除したスマホ表示ちゃんスッキリとしたと思いませんか?直接コードをカスタマイズするのも良いですが、少し危ないですし、抜粋文を書き出したい時もあるかもしれませんし。外部リンクを出すときなど。賢威8のリンクカードデザインをカスタマイズちゃんやっとリンクカードデザインのカスタマイズかって言われそうですが(汗)そのままの装飾でも十分な賢威8のリンクカードですが、少しでもクリック率を上げる装飾にすれば、サイト内の回遊率が上がり離脱率も下がると思います。通常のテキストリンクのほうがクリック率が高いとされているので、リンクカードを活用したい私はCSSでカスタマイズします。ちゃんテキストリンク使えよって話ですよね(笑)CSSをカスタマイズする時は、親テーマではなくて子テーマの「base.css」か、カスタマイズの「追加CSS」を利用してください。擬似要素を使わないCSSカスタマイズ「:before」「:after」などの擬似要素を使って、ボックスなどの装飾をオシャレにカスタムしているサイトは非常に多いです。ちゃん私も擬似要素はよく使います。擬似要素は便利ですが、CSSに慣れていないと文字がズレたりして焦ってしまう原因にもなります。擬似要素を使わない簡単なCSSカスタマイズでデザイン性を高めようと思います。カスタム出来るのは「文字の色や大きさ」「枠線の色や太さ」など限られますが、十分サイトに合ったデザインを作ることは出来ますよ。#ffc06e;}付箋風にしたスマホ表示のリンクカード付箋風にしたPC表示のリンクカードちゃんブロ工房のメインカラー「ターコイズ」に合った色で、付箋風のリンクカードにカスタマイズしてみました。リンクカードには見えにくいかもしれませんが、影を付けることでボタンと認識されるようにしています。ちゃんもう1つ擬似要素を使わないで、カワイらしいデザインのリンクカードを解説したいと思います。使う色合いは変えてませんが、糸で縫われたようなステッチ風に仕上げたリンクカードです。色をピンク系などに変えると、女性向けのサイトやブログに使えそうな感じですね。擬似要素でコメント付きリンクカードにカスタマイズちゃんリンクカードを記事にリンクしていることを知らない訪問者も多くいます(悩)擬似要素を使えば、リンクカードの好きなところに「関連記事」や「合わせて読みたい記事」などコメントを挿入することが簡単に出来ます。コメントに限らず、WEBアイコンフォントも付け加えが簡単に可能です。パターン1:枠の外に擬似要素でコメントを付けるリンクカードの内部はそのままで、擬似要素だけで分かりやすくカスタマイズしてみます。/*アイコンの色*/}青枠で囲った部分が擬似要素「before」「after」でカスタマイズした場所で、コメント部分が付けられて関連記事だという事が分かりやすくなりました。擬似要素は重ねて装飾できるので、色々なデザインを作る事が出来ます。パターン2:枠内に擬似要素を上手に使ってカスタマイズ枠内に擬似要素を配置して、動きを付ける事でリンクされやすくカスタマイズしたいと思います。ちゃんtopやleftなどに「マイナス位置」を指定しなければ、枠内に入りますよ。/*アイコンの色*/}3つの擬似要素を使ったように見えますが、青枠で囲った部分はそれほど変えず、赤枠で囲った部分を背景色やアイコンを移動することで、見やすいリンクカードに仕上がっています。賢威8のリンクカードのまとめリンクカードは便利な機能なので、是非使ったほうが良いと思います。リンク先をクリックされる方が、回遊率を高めますし、訪問者にとっても読んでおいたほうが良い記事を見る機会が増えるはずです。色合いでクリック率も変わるので、検証しながらより良い賢威8のリンクカードを活用されると良いと思いますよ。様々な機能が備わっている賢威8の生レビューや口コミは、関連記事で解説していますので、ぜひご覧ください。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。賢威8でもパンくずリストは設置されていますが「見当たらない」という賢威ユーザーは多くいます。...WordPressテーマ賢威8ヘッダー画像(メインビジュアル)の適切なサイズと設定方法!賢威8のメインビジュアル機能を使うと、トップページのロゴ下に大きなヘッダー画像を設置することが可能です。...WordPressテーマ賢威8でランディングページ(LP)の作り方!プラグインなしでも作成可能か?ランディングページ(LP)は、縦長で1カラムのレイアウトで作成されるページのことを言い、サイト訪問者への商品購入や問い合わせなどの訴求力が非常に高いです。雨の日ブログ運営者ちゃんブログの更新情報をTwitterでチェックする2014年から副業アフィリエイター!金融系2つを中心に高単価サイトを5つ運営中!本業を辞めずに、SEOについて記事を書き続けています。