PR

【Simplicity2】リンクを簡単にブログカードでイイ感じにする


ブログカードとは ↑ こんなふうに記事内に貼るリンクを、枠のなかにタイトル記事アイキャッチなどをまとめ、見やすく表示する機能です。

【Simplicity2】リンクを簡単にブログカードでイイ感じにする
Simplicity2だと簡単な設定をして、URLを書くだけで簡単にブログカードが作れます。タイトル・記事・アイキャッチを枠にまとめてスッキリみやすく!

用途に合わせて使い分けると、スッキリした記事が書けそうですね。

Simplicity2はプラグイン不要で、ちょっと設定をするだけ!内部リンクも外部リンクもURLを書くだけで簡単に作れちゃいます。これを使わないなんて勿体無いですよ~

スポンサーリンク

ブログカード機能を有効にする

ブログカード(内部リンク)(外部リンク)それぞれ簡単な設定を行います。

  • WordPress管理画面→「外観」→「カスタマイズ」→ブログカード(内部リンク)をクリックし、ブログカード有効に  チェックを入れ、お好みで設定します。

ブログカード内部設定

  • 同じようにブログカード(外部リンク)をクリックし、ブログカード有効に  チェックを入れ、お好みで設定します。

ブログカード外部設定

設定は以上です(速っ)

リンク先(URL)をブログカードにしてみる

実際に投稿記事内でブログカードを作ってみます

【テキストエディタ編】

 <a href="https://(ここにURL)/">https://(ここにURL)/</a>
  • URLリンクURLのどちらでもブログカードになり、リンク先の詳細やタイトルなどを書いた場合は、改行(1行空けて)してURLリンク又はURLを記入します。
  • さらに1行空けてURLを記入することで、ブログカードを2つ並べて作成する事も出来るのでとても便利です。
【URLリンク(推奨)の理由】
URLリンクでブログカードを作成しておくと、ブログカード機能の使用を中止した場合でも、リンクテキストとして残す事ができるからです。

プレビューしてみると

※1行に1つのURL(URLリンク)を書くようにしましょう。
※URL(URLリンク)に改行(<br>)が混じらないように記入しましょう。

【ビジュアルエディタ編】

テキストエディタ編と同様にURLリンクURLのどちらでもブログカードになります。改行してURLリンク又はURLを記入することで、ブログカードを2つ並べて作ることも可能です。

URLリンク(推奨)でブログカード作成する場合
  • リンク先の詳細やタイトルなどを書いた場合は、改行(Enter)して『リンクの挿入』をクリックし、URL入力欄が表示されたら右端の『リンク設定』をクリックします。

  • 「リンクの挿入/編集」画面が表示されたらURLリンク文字列にURLを入力し『更新』をクリックします。

  • このように本文領域にリンク表示されていれば終了です

ブラウザで確認してみましょう

URLでブログカードを作成する場合
  • リンク先の詳細やタイトルなどを書いた場合は、改行(Enter)してURLを記入するだけでOKです。
  • 1行あければ2つ作ることもできます。

ブラウザで確認するとこうなります

関連記事

【Simplicity2】ブログカード 枠をCSSで装飾 簡単カスタマイズ
ブログカードの線種や背景色をCSSで装飾。コピペだけで簡単カスタマイズする方法。クリック率UPするかも!
Simplicity2 コピペで簡単カスタマイズ一覧【まとめ】
初心者の私にもできるSimplicityの使い方やコピペするだけの簡単CSSカスタマイズ方法一覧【まとめ記事】です。