パソコンが苦手な起業女性のブログxSNS戦略

ワードプレスのプラグインを使って簡単にページ内リンクを設定する(記事の途中に飛ばす)方法

WRITER
 







この記事を書いている人 - WRITER -
パソコンが苦手なアラフォー起業女性に向けて、WEBサイトカスタマイズの事、その他おススメ情報等を書いています。
詳しいプロフィールはこちら

 

ブログを書いていて思ったんだけど、下の方のある部分にピンポイントで飛んで読んでもらう様に設定出来たら良いのになって思ったんだよね。

特にメニューページとか下の方に必要な事や重要事項も書いているから、申し込みしてくれたお客さんに、上の部分は飛ばして下の詳細を先に読んで欲しいと思う時もあるから・・・

T美

それはこんなやつ?

N子

詳細はこちら >
(↑クリックで飛びます)

 

 

 

 

 

 

 

-詳細-

ここに詳細・・・。

 

そう!

これこれ!!

T美

確かにこの設定は覚えておくと超~~~便利にゃ!!。

読む人の事をちゃんと考えてブログやメニューを書く事はめっっっちゃ重要なのだ!

にゃんT

 

というわけで今回は、ワードプレスブログでプラグインを使って簡単にページ内ジャンプの設定をする方法をお伝えします。

プラグインを使えば難しい事を覚える必要はなく、2ステップで簡単に出来ますよ。

ではいってみましょ~。

 

1.プラグイン「TinyMCE Advanced」をインストールする

 

「プラグイン」⇒「新規追加」⇒「TinyMCE Advanced」で検索してプラグインをインストールします。

インストールしたらすぐに「有効化」しましょう。

 

 

2.プラグインの設定をする。

「設定」⇒「TinyMCE Advanced」をクリックすると設定画面が開きます。

 

下の「使用しないボタン」の一覧から「アンカー」と書いた四角をドラック&ドロップで上の白枠の部分へ持って行きます。

(場所は好きな所でOKです。)

最後に右側にある「変更を保存」をクリックします。

 

 

では、次から記事にページ内ジャンプの設定をしていきます。

 

3.飛ばしたい部分(文字)にアンカーを作る

クリックして飛ばすところの文字にアンカーを指定します。

アンカーを指定したい文字を選択したら、「アンカー」をクリックします。

 

アンカー」をクリックすると、下記の様なポップアップが出てきますので、IDの枠に半角で何か好きな英数字を入力してOKをクリックします。

ここでは「shosai」と入力しました。

アンカーがちゃんと指定されているか確認したい場合は、テキストモードにして、HTMLコードが <a id=”shosai”></a>-詳細- の様になっていればOKです。

 

 

4.リンクを貼る

アンカーを指定したら次はクリックしてもらいたい文字にリンクを貼ります。

リンクを貼りたい文字を選択したら、「リンクの挿入」をクリックして、文字の下に出てきた枠内に半角で「#」と入れてから、先程アンカーを指定した時に入力した文字と同じもの<ここでは「shosai」>を入力してをクリックします。

 

これで設定は終わりです!お疲れ様でした。

3と4の項目は、順番が逆になってもOKです。

 

 

*因みに他のページから指定した箇所にリンクを飛ばしたい時は・・・

アンカーを指定するところまで先程と同じ様に設定したら、他のページに設定するリンクを

飛ばしたいページのURL+「#」+アンカーの文字列としましょう。

例えば今回の例で言うと ⇒ https://nobukostyle.com/wp-plugin-anchor/#shosai という具合になります。

 

 

 

まとめ

ビジュアルエディタだけで設定出来て、簡単でしたね。

覚えておくべきポイントは2つです。

N子

ポイント
・リンク挿入時には先頭に「#」を入れ、アンカーには#を入れない。

・#以外の文字列は全く同じにする。

 

何だか簡単すぎて拍子抜けしました!

ビジュアルエディタだけで設定出来るなんて神ですね。

今後のブログ更新がはかどりそうです♪

T美

 

ページ内ジャンプの設定は、決められたルール通りにHTMLを入れて設定する方法もありますが、なかなか覚えられずに使う度に調べてた・・・、なんて(私みたいな)方も多いのではないでしょうか?

簡単手軽に設定したい貴女は参考にしてみて下さいね。

 

今日も最後までお読み頂き有難うございました。

 

 

☆ ★ ☆ お小遣いサイト モッピー ☆ ★ ☆ 

累計700万人が利用しているポイントサイト!

★タダでお小遣いが貯められるコンテンツが充実★
貯めたポイントはAmazonギフトやiTunesギフト、
Webmoney、現金等に交換できちゃう♪

なんと、モッピーを通じて
\月間50万円以上/ 獲得している方も♪

▼ 簡単1分 無料会員登録はこちらから ▼
モッピー!お金がたまるポイントサイト

登録が完了したら、メールが届くよ!
メール内記載のURLにアクセスしてみよう♪

あなたにオススメの広告が表示されるよ!
表示されただけでなんと、10ポイントGET♪

他にもアプリダウンロードや無料会員登録をするだけで
どんどんポイントが貯まっちゃいます!!

さらにあなたのタイプに合わせてお小遣いを貯めよう♪

▼▼▼ 遊びながらで貯めたい方必見 ▼▼▼
\完全無料/毎日見るだけ♪遊ぶだけ♪
PCでもスマートフォンでも参加OK!
タダでお小遣いが貯められるコンテンツが充実!
▼▼▼ ショッピングで貯めたい方必見 ▼▼▼
\ショッピングページがリニューアルOPEN/
ネットショッピングするだけでポイント貯まる♪
最大50%OFF!人気のショップも充実!
今だけ限定キャンペーンも実施中★

▼ 簡単1分 無料会員登録はこちらから ▼
モッピー!お金がたまるポイントサイト
★★ 貯めたポイントを交換しよう ★★

モッピーは1P=1円であらゆる交換先に対応!

貯めたポイントは
現金や電子マネー、ギフト券に交換できちゃうよ♪

【現金】
全ての金融機関を取り扱っています!

【電子マネー】
nanacoポイント、楽天Edy、WebMoney、WAONポイント

【ギフト券】
iTunesギフトコード、Amazonギフト券、Vプリカなどなど

▼ さあ!今すぐお小遣い貯めちゃおう ▼
モッピー!お金がたまるポイントサイト

この記事を書いている人 - WRITER -
パソコンが苦手なアラフォー起業女性に向けて、WEBサイトカスタマイズの事、その他おススメ情報等を書いています。
詳しいプロフィールはこちら










Copyright© YOUR COLORs WEB , 2018 All Rights Reserved.