[PR]アフィリエイト広告を利用しています。

【Cocoon】アンカーリンクで記事内ジャンプ!かんたん5ステップ(初心者向け)

スポンサーリンク
話題・生活
スポンサーリンク

【Cocoonアンカーリンク】記事へジャンプする方法を解説します。
かんたん5ステップでやさしい画像付き。

Cocoon、初心者さん向けの記事です。

みち
みち

上の方の記事にジャンプしたい。

あれ?こないだもやったけど、どうするんだっけ?

別の箇所へジャンプしたいときは、アンカーリンクを設定しておけばOK。

こんな人に読んでほしい
  • ページ内へジャンプするリンクを設定したい
  • ページ内へリンクがうまくできない
  • 別ページにジャンプするリンクを設定したい

実は、忘備録もかねていますが、だれかのお役に立てたらうれしいです。

スポンサーリンク

【Cocoon】アンカーリンクで記事内へジャンプ

Cocoon アンカーリンク 設定 記事内 ジャンプリンク

とってもかんたんなので、覚えておきましょう。

アンカーリンク設定方法

記事内で別の箇所へジャンプしたいときは、
アンカーリンクを設定しましょう。

では、かんたん5ステップで解説します。

はじめに、ジャンプ先にアンカー名をつけます ①

設定 → 高度な設定 → 【HTMLアンカー】

  • ステップ① ジャンプ先ブロックを選択。HTMLアンカー:アンカー名を入力。(例:jump02)
Cocoon アンカーリンク 設定 記事内 ジャンプリンク
次に、ジャンプ元にアンカー名をリンクします②~⑤

ジャンプ元のブロック(テキストや画像)

  • ステップ② ジャンプ元(テキスト)をドラッグして範囲指定。
  • ステップ③ リンクをクリック(または、Ctrl+K)
  • ステップ④ #アンカー名(#をつけて)入力(例:#jump02)
  • ステップ⑤ 候補が出てくるので、選択して確定。おわり♪

図で見ておきましょう。↓

Cocoonアンカーリンク

完成!

以上、おつかれさまでした。
5ステップ覚えましたか?

記事内でジャンプしたいときは、アンカーリンクを設定しましょう。

スポンサーリンク

【Cocoon】アンカーリンクで別記事へジャンプ

Cocoon アンカーリンク 設定 記事 ジャンプリンク

別の記事へでジャンプしたいときも、アンカーリンクが使えます。

アンカーリンク応用編

記事内ジャンプの応用編です。
※記事内ではなく、別の記事へジャンプしたい場合。

では、かんたん5ステップで解説します。

はじめに、別記事の該当箇所へアンカー名をつけておきましょう。→アンカーリンク設定方法

例)今回は、ジャンプ先のブロックにアンカー名:TESTとしておきました。

アンカー設定がおわったら、以下の順で別記事へのリンクを完成させます。

ステップ① ジャンプしたい記事を検索。
ステップ② 記事を選択して確定。
ステップ③ リンクしたい箇所を範囲指定。
ステップ④ 編集をクリック。
ステップ⑤ ジャンプ先URLの後ろに、#アンカー名を入力する。
おわり♪

画像で順番にみていきましょう。

Cocoonアンカーリンク
記事内ジャンプ
初心者向け

完成!

以上、おつかれさまでした。
5ステップ覚えましたか?

同じレベルの方、いっしょに繰り返して覚えましょう。


★初心者専用かんたん5ステップシリーズ★

みち
みち

Canvaも、コツ1つだけご紹介。
サクっと見てみてね。

ブログ初心者におすすめのWithマーケ

\学ぶって楽しい/

話題・生活
スポンサーリンク
タイトルとURLをコピーしました