THE THOR(ザトール)で内部リンク、外部リンクをかっこよく装飾!ブログカード、サイトカードの使い方とは!

どうも、ひろきです。

ブログを運営していると、
自分の関連している記事を貼ったり、
違うサイトのリンクを貼ったりしますよね。

それを、
内部リンクと外部リンクと呼ぶのですが、

THE THOR(ザトール)では、それを張り付けるための装飾が標準装備されています

今回は、そんなTHE THOR(ザトール)での内部リンク、外部リンクの貼り方についてお話していきます!

スポンサーリンク

THE THOR(ザトール)で内部リンク、外部リンクの貼り方とは?

結論から言います。

THE THOR(ザトール)に標準装備されているブログカードとサイトカードを使用します。

  • サイトカードは内部リンクを張り付けるときに使うもの
  • ブログカードは外部リンクを張り付けるときに使うもの

と覚えておきましょう!

では、順に使い方を説明していきます!

サイトカードの使い方

編集画面にある、ショートコードの中に『サイトカード』があります。

これをクリックするとこのようなコードが出てきます。

このコードの『target=』を削除しましょう!

そして、削除した『target=』の部分に自分の貼り付けたいリンクを貼ります。

すると、こんな感じにリンクを貼ることが出来ます!

↓  ↓  ↓  ↓

関連記事

 【ストーク愛用者がザトールを使用!?】 どうも、ひろきです。今日からTHE THOR(ザトール)にてこのブログを運営していきます。僕は元々、ストークというWordpressの有料[…]

また、『関連記事』と書かれたところを書き換える事も可能です。

ここを『合わせて読みたい✅』に変えると、、、

すると、このように『関連記事』だったところが『合わせて読みたい✅』に変わります。

↓  ↓  ↓  ↓

合わせて読みたい✅

 【ストーク愛用者がザトールを使用!?】 どうも、ひろきです。今日からTHE THOR(ザトール)にてこのブログを運営していきます。僕は元々、ストークというWordpressの有料[…]

ブログカードの使い方

サイトカードと同様にショートコードの中から『ブログカード』を使います。

すると、このようなコードが出てきます。

この後ろにリンクを記入すると、

こんな風に外部リンクのサイト名と共に表示されます!

Hamaaa BLOG

労働収入だけでは収入に限界があるって知っていますか?この記事では資産労働を今後していかないと一生しんどい思いをする理由に…

サイトカードやブログカード以外の内部リンク、外部リンクを貼る方法!

サイトカードやブログカードはザトールに元々備わっている内部リンクや外部リンクを貼る方法です。

しかし、他にも良い感じにリンクを貼る方法もあるので、加えてお話しようと思います!

結論から言うと、
『サブタイトルボーダーボックス』を使ったリンクの貼り方です。

僕は複数のオススメ記事を一つのボックスで紹介したい場合などはこちらを利用しています

スポンサーリンク

サブタイトルボックスを使った内部リンクの貼り方

まず初めに、『サブタイトル編集』からサブタイトルを入力します。

『サブタイトル編集』をクリックするとこのように入力画面が出てくるので、好きなようにサブタイトルを入力していきましょう!

僕は今回は『合わせて読みたい✅』と入力します。

そして、『スタイル』にある『ボックス』から『サブタイトルボーダーボックス』を選択します。

するとこのようにタイトルが記入されたボックスが登場します。

そして、中に文字を書いて行きます。

後はこの文章にリンクを貼るだけでこんな風に複数の記事を紹介出来ます^^

サブタイトルボックスを使った外部リンクの貼り方

ひろき
外部リンクを貼るときも内部リンクを貼るときとやり方は一緒!
読者の人に分かりやすいようなサブタイトルを入力するだけです!
  • オススメ記事はこちら✅
  • 参考記事はこちら
  • サイト名

などなど、自分の記事に合うように変えていこう!

サブタイトルを『オススメ記事はこちら✅』にするとこんな感じ。

スポンサーリンク

まとめ

今回の話をまとめると、

  • サイトカード→内部リンク
  • ブログカード→外部リンク
  • サブタイトルボーダーボックス→どっちも対応(複数紹介したいときなど)

と言うような感じです!

文章の書き方に人それぞれに癖が出るように、使い方は人それぞれになります。

読者の人が分かりやすいように工夫して使うようにしていきましょう^^

 

では、今回はこれで失礼します!

最後まで読んで頂きありがとうございました^^

 

スポンサーリンク
スポンサーリンク