gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100"},"updated":{"$t":"2023-03-13T11:23:17.127+09:00"},"category":[{"term":"レビュー"},{"term":"宅建"},{"term":"リダイレクト"},{"term":"ブログ"},{"term":"Windows エクスペリエンス インデックス"},{"term":"アップデート"},{"term":"アナリティクス"},{"term":"WordPress"},{"term":"A8"},{"term":"光・モバイル回線"},{"term":"拡張機能"},{"term":"外注記事"},{"term":"メニューバー"},{"term":"ウェブマスターツール"},{"term":"禁煙に失敗した人の話"},{"term":"動画"},{"term":"WordPressカスタマイズ"},{"term":"Hatch"},{"term":"画像の圧縮"},{"term":"プラグイン"},{"term":"URL"},{"term":"ネームサーバー"},{"term":"STINGER"},{"term":"Seesaaカスタマイズ"},{"term":"Vista"},{"term":"Chrome"},{"term":"テラダモケイ"},{"term":"FREETEL"},{"term":"ファビコン"},{"term":"サブメニュー"},{"term":"ドメイン"},{"term":"AdSense"},{"term":"子テーマ"},{"term":"amazon"},{"term":"Bloggerカスタマイズ"},{"term":"css"},{"term":"NURO光"},{"term":"カテゴリー"},{"term":"バリューコマース"},{"term":"JavaScript"},{"term":"nofollow"},{"term":"マネークリップ"},{"term":"LinkWithin"},{"term":"サチコ"},{"term":"KIWAMI"},{"term":"プロフィール"},{"term":"ツイッター連携"},{"term":"totoBIG"},{"term":"ランサーズ"},{"term":"プロジェクター"},{"term":"Seesaa"},{"term":"キャッシュ"},{"term":"サイドバー"},{"term":"投稿ページ"},{"term":"グラボ"},{"term":"GIMP"},{"term":"Skitch"},{"term":"サイトマップ"},{"term":".exeファイル"},{"term":"Picasa"},{"term":"ウィンドウエアコン"},{"term":"テーマ"},{"term":"固定ページ"},{"term":"テンプレート"},{"term":"格安SIM"},{"term":"関連記事"},{"term":"スコアカード"},{"term":"禁煙に成功した人の話"},{"term":"連絡フォーム"},{"term":"禁煙の効果"},{"term":"艦これ"},{"term":"Google+"},{"term":"コピーライト"},{"term":"Linux"},{"term":"パーマリンク設定"},{"term":"トップページ"},{"term":"ミニバード"},{"term":"ペイント"},{"term":"Blogger"},{"term":"ドメインキング"},{"term":"Inkscape"},{"term":"圧縮"},{"term":"くじ"},{"term":"禁煙"},{"term":"ダウンロード"},{"term":"gzip"},{"term":"フォント"},{"term":"バナー広告"},{"term":"Googleアカウント"},{"term":"レンタルサーバー"},{"term":"画像"},{"term":"MesoColumn"},{"term":"窓用エアコン"},{"term":"クロスドメイントラッキング"},{"term":"パソコン"},{"term":"月次報告"},{"term":"MVNO"},{"term":"注目の投稿"},{"term":"禁煙のコツ"},{"term":"ページ内リンク"},{"term":"検索"},{"term":"タバコの害"}],"title":{"type":"text","$t":"メモロウ"},"subtitle":{"type":"html","$t":"メモロウ（旧はじめてのWordPressとBlogger+Seesaa）は、ブログ作成スキルゼロだった管理人が、WordPress・Blogger・Seesaaで実際に行ったカスタマイズの備忘録を中心に、日々の生活で気になった情報や話題を投稿しています。"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/-/%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF?alt\u003djson-in-script\u0026max-results\u003d9999"},{"rel":"alternate","type":"text/html","href":"http://www.memorou.com/search/label/%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"9999"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3913772026590954100.post-81502998863240631"},"published":{"$t":"2014-05-22T11:29:00.000+09:00"},"updated":{"$t":"2017-02-19T22:43:40.820+09:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPress"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Bloggerカスタマイズ"},{"scheme":"http://www.blogger.com/atom/ns#","term":"ページ内リンク"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"WordPressカスタマイズ"}],"title":{"type":"text","$t":"ページ内リンクで目次を設置する方法"},"content":{"type":"html","$t":"目次やページトップへの誘導などに役立つ、ページ内リンクの設定方法です。\u003cbr /\u003e\n\u003cbr /\u003e\n設定は至って簡単です。今回は目次の作り方を例に進めます。\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003ca href\u003d\"http://www.memorou.com/2013/11/wordpress_21.html\" target\u003d\"_blank\"\u003eサンプル1\u003c/a\u003e　\u003ca href\u003d\"http://www.memorou.com/2014/04/wordpress-hatch.html\" target\u003d\"_blank\"\u003eサンプル2\u003c/a\u003e\u003cbr /\u003e\n上記2つは、このブログで実際にページ内リンクを使って目次を作っている記事です。\u003cbr /\u003e\n\u003ch2\u003e基本コード\u003c/h2\u003eサンプル1の1～3を見出しa、見出しb、見出しcとするとこうなります。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;a href\u003d\"#mokuji1\"\u0026gt;見出しa\u0026lt;/a\u0026gt;\n\u0026lt;a href\u003d\"#mokuji2\"\u0026gt;見出しb\u0026lt;/a\u0026gt;\n\u0026lt;a href\u003d\"#mokuji3\"\u0026gt;見出しc\u0026lt;/a\u0026gt;\n\u003c/code\u003e\u003c/pre\u003eこれをリンク元とします。\u003cbr /\u003e\n\u003cbr /\u003e\n次はリンク先です。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;a name\u003d\"mokuji1\"\u0026gt;\u0026lt;/a\u0026gt;\n\u0026lt;a name\u003d\"mokuji2\"\u0026gt;\u0026lt;/a\u0026gt;\n\u0026lt;a name\u003d\"mokuji3\"\u0026gt;\u0026lt;/a\u0026gt;\n\u003c/code\u003e\u003c/pre\u003emokuji1,2,3の部分は、半角英数字で任意のアンカー名をつけられます。\u003cbr /\u003e\n\u003cbr /\u003e\nこれが基本となります。\u003cbr /\u003e\n\u003ch2\u003e設置例\u003c/h2\u003e実際に設置してみると\u003cbr /\u003e\n\u003ca name\u003d\"mokuji\"\u003e\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003e目次\u003c/h3\u003e\u003col\u003e\u003cli\u003e\u003ca href\u003d\"#mokuji1\"\u003e見出しa\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#mokuji2\"\u003e見出しb\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"#mokuji3\"\u003e見出しc\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\u003ch2 id\u003d\"mokuji1\"\u003e見出しaです\u003c/h2\u003e見出しaの文章…\u003cbr /\u003e\n見出しaの文章…\u003cbr /\u003e\n\u003ch2 id\u003d\"mokuji2\"\u003e見出しbです\u003c/h2\u003e見出しbの文章…\u003cbr /\u003e\n見出しbの文章…\u003cbr /\u003e\n\u003ch2 id\u003d\"mokuji3\"\u003e見出しcです\u003c/h2\u003e見出しcの文章…\u003cbr /\u003e\n見出しcの文章…\u003cbr /\u003e\n\u003cbr /\u003e\n\u003ca href\u003d\"#mokuji\"\u003e目次へ戻る\u003c/a\u003e  \u003cbr /\u003e\n\u003ch2\u003e設置例のコード\u003c/h2\u003e設置例の「目次」から「目次へ戻る」までのコードです。\u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;h3 id\u003d\"mokuji\"\u0026gt;目次\u0026lt;/h3\u0026gt;\n\u0026lt;ol\u0026gt;\n\u0026lt;li\u0026gt;\u0026lt;a href\u003d\"#mokuji1\"\u0026gt;見出しa\u0026lt;/a\u0026gt;\u0026lt;/li\u0026gt;\n\u0026lt;li\u0026gt;\u0026lt;a href\u003d\"#mokuji2\"\u0026gt;見出しb\u0026lt;/a\u0026gt;\u0026lt;/li\u0026gt;\n\u0026lt;li\u0026gt;\u0026lt;a href\u003d\"#mokuji3\"\u0026gt;見出しc\u0026lt;/a\u0026gt;\u0026lt;/li\u0026gt;\n\u0026lt;/ol\u0026gt;\n\n\u0026lt;h2 id\u003d\"mokuji1\"\u0026gt;\n見出しaです\u0026lt;/h2\u0026gt;\n\u0026lt;p\u0026gt;見出しaの文章…\u0026lt;/p\u0026gt;\n\u0026lt;p\u0026gt;見出しaの文章…\u0026lt;/p\u0026gt;\n\n\u0026lt;h2 id\u003d\"mokuji2\"\u0026gt;\n見出しbです\u0026lt;/h2\u0026gt;\n\u0026lt;p\u0026gt;見出しbの文章…\u0026lt;/p\u0026gt;\n\u0026lt;p\u0026gt;見出しbの文章…\u0026lt;/p\u0026gt;\n\n\u0026lt;h2 id\u003d\"mokuji3\"\u0026gt;\n見出しcです\u0026lt;/h2\u0026gt;\n\u0026lt;p\u0026gt;見出しcの文章…\u0026lt;/p\u0026gt;\n\u0026lt;p\u0026gt;見出しcの文章…\u0026lt;/p\u0026gt;\n\n\u0026lt;a href\u003d\"#mokuji\"\u0026gt;目次へ戻る\u0026lt;/a\u0026gt;\n\u003c/code\u003e\u003c/pre\u003eこのコードを使う場合、Bloggerなら「HTML」モード、WordPressなら「テキスト」モードを選択してください。\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\u003ca href\u003d\"http://3.bp.blogspot.com/-v7cmciPqq-o/U3wqNXQV0uI/AAAAAAAABzc/aVfXfoe8qsI/s1600/01.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"http://3.bp.blogspot.com/-v7cmciPqq-o/U3wqNXQV0uI/AAAAAAAABzc/aVfXfoe8qsI/s320/01.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\u003ch2\u003e自動目次作成プラグイン\u003c/h2\u003eWordPressには自動で目次を作成してくれる便利なプラグインがあります。\u003cbr /\u003e\n「Table of Contents Plus」を使うと簡単に目次が設置できます。\u003cbr /\u003e\n\u003ch2\u003eサイト内の別ページの特定の場所にリンク\u003c/h2\u003e自サイト内の、他ページの特定の場所にジャンプさせる方法\u003cbr /\u003e\nアンカー（ジャンプの着地点）側を \u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;div id\u003d\"a01\"\u0026gt;ジャンプ\u0026lt;/div\u0026gt;\n\u003c/code\u003e\u003c/pre\u003eとします。divやa01の部分は変更可能です。\u003cbr /\u003e\nジャンプのスタート地点は \u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;a href\u003d\"ページのURL#a01\"\u0026gt;ジャンプ\u0026lt;/a\u0026gt;\u003c/code\u003e\u003c/pre\u003eとなります。\u003cbr /\u003e\nこのとき、別タブで開かせたいときは \u003cbr /\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;a href\u003d\"ページのURL#a01\" target\u003d\"_blank\"\u0026gt;ジャンプ\u0026lt;/a\u0026gt;\u003c/code\u003e\u003c/pre\u003eとします。ページのURLは着地点のページURLを入力します。"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/81502998863240631"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3913772026590954100/posts/default/81502998863240631"},{"rel":"alternate","type":"text/html","href":"https://www.memorou.com/2014/05/blog-post_22.html","title":"ページ内リンクで目次を設置する方法"}],"author":[{"name":{"$t":"asai"},"uri":{"$t":"https://www.blogger.com/profile/05833942471053019922"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/-v7cmciPqq-o/U3wqNXQV0uI/AAAAAAAABzc/aVfXfoe8qsI/s72-c/01.png","height":"72","width":"72"}}]}});