*

指定場所にジャンプ!簡単タグでページ内リンク

公開日: : 最終更新日:2018/01/02 WordPress

Shortcodes Ultimateの説明の記事で一覧の項目から、説明に飛ぶページ内リンクを作りました。

これも忘れないようにメモっておきます。

縦長にスクロールするブログでは、指定のところに一気に飛びたい時便利です。

スポンサーリンク


 

プラグインもあるようですが、記述するタグは二つだけなので簡単です。


ページ内リンク―クリックしてみよう


クリックでページの最後の方に飛べます

1. この文字をクリックするとページの下の方にジャンプします

2. 
miniga

3. 

ページ内リンクの作り方


記事の投稿はテキストタブで開きます。

そして、リンクしたい場所に目印(アンカー)をつけます

アンカーの付け方は、ページ内のリンクしたい場所や文字、画像などに次のように記述します。

<a name=”アンカー名”>文字</a>

アンカー名はなんでもOK。
複数作る場合は同じアンカー名をつけないように注意です。
 
リンク元には次のような記述をします。
 
<a href=”#アンカー名”>リンク元に表示する文字や画像など</a>

※アンカー名は、半角英数で設定しましょう。

これだけです(^o^)。

 
スポンサーリンク

 

アンカーの付け方とリンク元の例


このページの下の方に「文字」「画像」「ショートコードのアイコン」などでアンカーをつけてあります。

上の「ページ内リンクをクリックしてみよう」の文字や画像をクリックしてみてください。

リンク元の例

1.の記述例)<a href=”#moji”>この文字をクリック</a>するとページの下の方にジャンプします

2.の記述例) <a href=”kesiki”> <img src=”画像のURL”></a>

3.の記述例)
[speech_bubble type="drop" subtype="L1" icon="icon_n2.png" name="猫”]<a href=”#neco”> クリックしてみるにゃん</a> [/speech_bubble]

※例はSpeech Bubbleを使っています。

リンク先の例

文字 ここに飛ぶよ

記述例)<a name=”moji”>ここに飛ぶよ</a>

画像 景色の画像

記述例) <a name=”kesiki”><img src=”画像のURL”></a>

吹き出しのショートコード

記述例)
[speech_bubble type="drop" subtype="R1" icon="icon_n1.png" name="着地点"] <a name=”neco”>ここまで一気にこれるにゃん</a>[/speech_bubble]

ページ上からリンクすると↓に飛んできます。



ここに飛ぶよ



 

ここをクリックすれば元の場所


使い方はいろいろ
目次を作ってクリックで飛ぶようにしたり、特定の文字やボタンで説明箇所に飛ばしたり・・

ブログを見てくれる人が便利になるように使い道を考えてみるといいかも~(^o^)

前の記事へ WordPressの再編集の「困った」を解決、投稿をいつもテキストモードで表示させる
次の記事へ 1枚の画像で複数リンク!イメージマップ作り

WordPress一覧へ


 


 


にほんブログ村


日々の出来事 ブログランキングへ

スポンサーリンク




関連記事

プラグインWordPress Ping Optimizerでスパム回避のping送信

ブログを作っているとping送信ということばを聞くと思います。 なんだかよくわからないけど、いろ

記事を読む

イメージマップの画像

1枚の画像に複数リンク!その2 イメージマップの作り方手順

前回の続きです。 イメージマップの元になる画像を用意し、名前をつけました。 画像の座標も

記事を読む

WordPress-Stinger3のタイトルをロゴ画像に変更

ロゴ画像ができました。 アップロードしてヘッダーのタイトルを変えてみます(^^)  

記事を読む

プラグインAdSense Managerでアドセンスを簡単貼り付け

moreタグで「続きを読む」のところにアドセンスを設置したら、記事中にも簡単にアドセンスを設置する方

記事を読む

FTPソフト|初心者にも使いやすいFileZillaのDLと設定

ブログやホームページを作っていると、いろんな場面でFTPソフトで~します、ということがありますよね。

記事を読む

WordPress過去記事への追記について

ここを訪問いただいている皆様 ありがとうございます このところ少し投稿済みの記事を見直してみ

記事を読む

プラグインContact Form 7で問合せフォーム簡単作成

ブログを読んでいると、ちょっとこの管理人さんにきいてみたい、とか 一言残していきたいなんてことがあり

記事を読む

DuplicatorでWP丸ごと引越 GMOからXserver2

前回は、Duplicatorでダウンロードした「Installer」「Archive」をXserve

記事を読む

プラグインPubSubHubbubで記事更新リアルタイム通知

PubSubHubbub PubSubHubbubは、パブサブハブバブと読みます。 略して、P

記事を読む

プラグインTinyMCE Advancedでビジュアルモードのボタン追加

今回は投稿画面の拡張機能についてのプラグインです。 記事投稿には「ビジュアル」モードと「テキスト

記事を読む

スポンサーリンク




Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


花見弁当
お花見とは?なぜ桜なの?意味や由来 花見の風習いつから?日本だけの文化?

春になるとお花見シーズン到来とばかりに、お花見の名所には人が集い、桜の

後片付け
バーベキュー初心者 現地でやることは?炭おこしや焼き方&後片付け

前回の続きです。 バーベキュー初心者 はじめての場合に必要な準備

バーベキュー初心者 はじめての場合に必要な準備とやることやいるもの

暖かくなるとバーベキューなんてやってみたくなりますよね(^^)

駄菓子から元祖梅ジャムが消えた 昭和の味駄菓子の歴史と駄菓子屋の今

この前ニュースというか、テレビで梅ジャムが消えたという話題をやっていた

エプロンとは?いつから?つける意味や必要は?メリットを考えてみた

普段エプロンてつけていますか?つける派つけない派ありますが、もとい、エ

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくてアフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に走り回りたい・猫を飼いたい・・

    いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。
    日々どうしたらできるか考えながらリアル仕事に追われています。

PAGE TOP ↑