Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
指定場所にジャンプ!簡単タグでページ内リンク | 思いだし にっき
サイトアイコン 思いだし にっき

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

<p><img class&equals;"aligncenter size-full wp-image-10968" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;2980561&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"272" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>Shortcodes Ultimateの説明の記事で一覧の項目から、説明に飛ぶ<strong>ページ内リンク<&sol;strong>を作りました。<&sol;p>&NewLine;<p>これも忘れないようにメモっておきます。<&sol;p>&NewLine;<p>縦長にスクロールするブログでは、指定のところに一気に飛びたい時便利です。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>プラグインもあるようですが、記述するタグは二つだけなので簡単です。<&sol;p>&NewLine;<h2><a name&equals;"moto"><&sol;a>ページ内リンク &horbar; クリックしてみよう<&sol;h2>&NewLine;<p><span style&equals;"font-size&colon; 12pt&semi;"><strong>クリックでページの最後の方に飛べます<&sol;strong><&sol;span><&sol;p>&NewLine;<p>1&period; <a href&equals;"&num;moji">この文字をクリック<&sol;a>するとページの下の方にジャンプします<&sol;p>&NewLine;<p>2&period;<br &sol;>&NewLine;<a href&equals;"&num;kesiki"><img class&equals;"alignnone size-full wp-image-1890" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;miniga&period;png" alt&equals;"miniga" width&equals;"267" height&equals;"71" &sol;><&sol;a><&sol;p>&NewLine;<p>3&period; <div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n2&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">猫<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> <a href&equals;"&num;neco">クリックしてみるにゃん<&sol;a> <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ページ内リンクの作り方<&sol;h2>&NewLine;<p>記事の投稿はテキストタブで開きます。<&sol;p>&NewLine;<p>そして、<strong>リンクしたい場所に目印(アンカー)をつけます<&sol;strong>。<&sol;p>&NewLine;<p>アンカーの付け方は、ページ内のリンクしたい場所や文字、画像などに次のように記述します。<&sol;p>&NewLine;<p><strong>&lt&semi;a name&equals;&&num;8221&semi;アンカー名&&num;8221&semi;&gt&semi;文字&lt&semi;&sol;a&gt&semi;<&sol;strong><&sol;p>&NewLine;<p>アンカー名はなんでもOK。<br &sol;>&NewLine;複数作る場合は同じアンカー名をつけないように注意です。<br &sol;>&NewLine; <br &sol;>&NewLine;リンク元には次のような記述をします。<br &sol;>&NewLine; <br &sol;>&NewLine;<strong>&lt&semi;a href&equals;&&num;8221&semi;&num;アンカー名&&num;8221&semi;&gt&semi;リンク元に表示する文字や画像など&lt&semi;&sol;a&gt&semi;<&sol;strong><&sol;p>&NewLine;<p>※アンカー名は、半角英数で設定しましょう。<&sol;p>&NewLine;<p>これだけです&lpar;&Hat;o&Hat;&rpar;。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad" id&equals;"quads-ad" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>アンカーの付け方とリンク元の例<&sol;h2>&NewLine;<p>このページの下の方に「文字」「画像」「ショートコードのアイコン」などでアンカーをつけてあります。<&sol;p>&NewLine;<p>上の「ページ内リンクをクリックしてみよう」の文字や画像をクリックしてみてください。<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff00ff&semi;"><strong>リンク元の例<&sol;strong><&sol;span><&sol;p>&NewLine;<p>1&period;の記述例)<strong>&lt&semi;a href&equals;&&num;8221&semi;&num;moji&&num;8221&semi;&gt&semi;この文字をクリック&lt&semi;&sol;a&gt&semi;<&sol;strong>するとページの下の方にジャンプします<&sol;p>&NewLine;<p>2&period;の記述例&rpar; &lt&semi;a href&equals;&&num;8221&semi;kesiki&&num;8221&semi;&gt&semi; &lt&semi;img src&equals;&&num;8221&semi;画像のURL&&num;8221&semi;&gt&semi;&lt&semi;&sol;a&gt&semi;<&sol;p>&NewLine;<p>3&period;の記述例&rpar;<br &sol;>&NewLine;<strong><div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n2&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">no name<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble">&lt&semi;a href&equals;&&num;8221&semi;&num;neco&&num;8221&semi;&gt&semi; クリックしてみるにゃん&lt&semi;&sol;a&gt&semi; <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div><&sol;strong><&sol;p>&NewLine;<p>※例は<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;902&period;html">Speech Bubble<&sol;a>を使っています。<&sol;p>&NewLine;<p><span style&equals;"color&colon; &num;ff00ff&semi;"><strong>リンク先の例<&sol;strong><&sol;span><&sol;p>&NewLine;<p><strong>文字 ここに飛ぶよ<&sol;strong><&sol;p>&NewLine;<p>記述例)&lt&semi;a name&equals;&&num;8221&semi;moji&&num;8221&semi;&gt&semi;ここに飛ぶよ&lt&semi;&sol;a&gt&semi;<&sol;p>&NewLine;<p><strong>画像 景色の画像<&sol;strong><&sol;p>&NewLine;<p>記述例) &lt&semi;a name&equals;&&num;8221&semi;kesiki&&num;8221&semi;&gt&semi;&lt&semi;img src&equals;&&num;8221&semi;画像のURL&&num;8221&semi;&gt&semi;&lt&semi;&sol;a&gt&semi;<&sol;p>&NewLine;<p><strong>吹き出しのショートコード<&sol;strong><&sol;p>&NewLine;<p>記述例)<br &sol;>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-b">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n1&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">着地点<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> &lt&semi;a name&equals;&&num;8221&semi;neco&&num;8221&semi;&gt&semi;ここまで一気にこれるにゃん&lt&semi;&sol;a&gt&semi;<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p><span style&equals;"font-size&colon; 12pt&semi;"><strong>ページ上からリンクすると↓に飛んできます。<&sol;strong><&sol;span><&sol;p>&NewLine;<p><a name&equals;"moji"><&sol;a>ここに飛ぶよ<&sol;p>&NewLine;<p><a name&equals;"kesiki"><&sol;a><img class&equals;"aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;12&sol;JS745&lowbar;sakuratoshiro&lowbar;TP&lowbar;V1&period;jpg" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-b">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n1&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">着地点<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> <a name&equals;"neco"><&sol;a>ここまで一気にこれるにゃん <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine; <&sol;p>&NewLine;<p><a href&equals;"&num;moto"><strong>ここをクリックすれば元の場所<&sol;strong><&sol;a><&sol;p>&NewLine;<p>使い方はいろいろ<br &sol;>&NewLine;目次を作ってクリックで飛ぶようにしたり、特定の文字やボタンで説明箇所に飛ばしたり・・<&sol;p>&NewLine;<p>ブログを見てくれる人が便利になるように使い道を考えてみるといいかも~(^o^)<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>前の記事へ <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1861&period;html">WordPressの再編集の「困った」を解決、投稿をいつもテキストモードで表示させる<&sol;a><&sol;p>&NewLine;<p>&NewLine;次の記事へ <a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;2023&period;html">1枚の画像で複数リンク!イメージマップ作り<&sol;a><&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;link&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81"><img src&equals;"http&colon;&sol;&sol;affiliate&period;freebieac&period;com&sol;data&period;php&quest;i&equals;580f01029d0b2&amp&semi;m&equals;584c839908d81" width&equals;"728" height&equals;"90" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine; <&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;img&sol;diary88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"日々の出来事 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;9200&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200">日々の出来事 ブログランキングへ<&sol;a><&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了