<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>HTML | 文系出身のSEですが、何か</title>
	<atom:link href="https://loosecarrot.com/category/se%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2/html/feed/" rel="self" type="application/rss+xml" />
	<link>https://loosecarrot.com</link>
	<description>文系(国際系)出身でSE就職のサラリーマンが プログラミング・海外旅行・語学・健康などに関する情報を発信します</description>
	<lastBuildDate>Tue, 01 Jan 2019 12:49:03 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.8</generator>

<image>
	<url>https://loosecarrot.com/wp-content/uploads/2020/08/cropped-8214a4f1973e7caf419465b3dcc3ffd7-32x32.png</url>
	<title>HTML | 文系出身のSEですが、何か</title>
	<link>https://loosecarrot.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">151273272</site>	<item>
		<title>ワードプレス 目次の作り方 プラグインなしのHTMLで作成</title>
		<link>https://loosecarrot.com/2018/09/23/679/</link>
					<comments>https://loosecarrot.com/2018/09/23/679/#respond</comments>
		
		<dc:creator><![CDATA[LooseCarrot]]></dc:creator>
		<pubDate>Sun, 23 Sep 2018 11:30:59 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[ブログ運営]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[ワードプレス]]></category>
		<guid isPermaLink="false">https://loosecarrot.com/?p=679</guid>

					<description><![CDATA[<p>手作成で目次を作る方法を紹介していきます。 「Google Adsence審査通過までにしたこと」で説明した通り プラグインを使って簡単に作成することもできます。 ブログのアドセンス審査通過までにしたこと(2018/9情</p>
The post <a href="https://loosecarrot.com/2018/09/23/679/">ワードプレス 目次の作り方 プラグインなしのHTMLで作成</a> first appeared on <a href="https://loosecarrot.com">文系出身のSEですが、何か</a>.]]></description>
										<content:encoded><![CDATA[<a href="https://loosecarrot.com/wp-content/uploads/2018/09/html_index.png"><img fetchpriority="high" decoding="async" class="alignnone wp-image-2509" src="https://loosecarrot.com/wp-content/uploads/2018/09/html_index.png" alt="" width="424" height="290" /></a>
<p>手作成で目次を作る方法を紹介していきます。</p>
<p>「Google Adsence審査通過までにしたこと」で説明した通り</p>
<p>プラグインを使って簡単に作成することもできます。</p>
<a href="https://loosecarrot.com/2018/09/23/661/#2-2" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://loosecarrot.com/wp-content/uploads/2018/09/google-adsense-logo-01-768x345-1.png" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">ブログのアドセンス審査通過までにしたこと(2018/9情報)</span><span class="blog-card-excerpt">

2018/9/19にGoogle Adsenceの審査が通りました。



Google Adsenceの申請中にいろい...</span></div></div></a>
<p>ただ、私の場合知らないところで目次が勝手に作成されたり、形が崩れないかなと不安だったのであえて自分で作っているところもあります。</p>
<p>簡単なのでHTMLの勉強も含めて試してみてください。</p>
<div>
<h2 style="margin: 20px 0 0; border-left: 7px padding: 4px 0 4px 6px;"><span style="font-size: 18pt;">HTML手作成の目次サンプル</span></h2>
<p>&nbsp;</p>
</div>
<div>
<p>以下のような目次と見出しを例に解説していきます。</p>
<div>******************************</div>
<div>
<h2 id="01">審査通過までの日数</h2>
<p>あああああああ</p>
<h2 id="02">記事ごとの構成</h2>
<p>いいいいいいい</p>
<p>******************************</p>
<hr />
<div>
<h2 id="01" style="margin: 20px 0 0; border-left: 7px padding: 4px 0 4px 6px;"><span style="font-size: 18pt;">目次リンクの作り方</span></h2>
</div>
<p>&nbsp;</p>
<p>やることは目次のリンクから見出しに飛ぶリンクを設定です。</p>
<p>設定方法は以下の通りです。</p>
<p>①リンクにさせたい文字を選択<br />
②リンクの挿入/編集をクリック<br />
<img decoding="async" class="alignnone wp-image-749" src="https://loosecarrot.com/wp-content/uploads/2018/09/07a016792e3990d447b1320b9fbe3b45-1-300x99.png" alt="" width="452" height="149" /><br />
③リンク先のidを<span style="color: #ff0000;">[#]+[id]の形でセット<br />
④「<span style="font-size: 14pt;">↲</span>」マークをクリック</p>
<img decoding="async" class="alignnone wp-image-751" src="https://loosecarrot.com/wp-content/uploads/2018/09/0b7946b52ea66fc0f4e5087bd3e00967-1-300x91.png" alt="" width="359" height="109" />
<p>※[id]については分かりやすいので<span style="color: #ff0000;">数字<span style="color: #000000;">をオススメします。</span></span></p>
<p>アルファベットなどでも可能です。</p>
<div>
<h2 id="01" style="margin: 20px 0 0; border-left: 7px padding: 4px 0 4px 6px;"><span style="font-size: 18pt;">目次リンク先の設定</span></h2>
<p>&nbsp;</p>
</div>
<p>リンクさせる設定は行いましたが、リンクする先がどこかも指定する必要があります。</p>
<p>書き方はテキストに切り替えて以下のように見出しのタグ(&lt;h2&gt;)にidを記述します。</p><pre class="urvanov-syntax-highlighter-plain-tag">&lt;!-- 変更前--&gt;
&lt;h2&gt;審査通過までの日数&lt;/h2&gt;

&lt;!-- 変更後--&gt;
&lt;h2 id="01"&gt;審査通過までの日数&lt;/h2&gt;</pre><p>&nbsp;</p>
<p>これで完了です！</p>
<p>以外と簡単ですよね。</p>
<p>私もWEB系の言語は全く勉強したことはありませんが、ブログをしている以上<span style="color: #ff0000;">最低限は知識が必要</span>だと思います。</p>
<p>ブログを通じてHTMLの言語にも慣れていきましょう！</p>
<div class="concept-box5">
<p>・別ページの特定部分へリンクする<br />
<a href="https://www.tagindex.com/html_tag/link/a_url_id.html">https://www.tagindex.com/html_tag/link/a_url_id.html</a><br />
・Googleドキュメント：目次にページ番号をつける新機能が追加!!<br />
<a href="http://hito-ride.com/?p=1297">http://hito-ride.com/?p=1297</a></p>
</div>
</div>
</div>The post <a href="https://loosecarrot.com/2018/09/23/679/">ワードプレス 目次の作り方 プラグインなしのHTMLで作成</a> first appeared on <a href="https://loosecarrot.com">文系出身のSEですが、何か</a>.]]></content:encoded>
					
					<wfw:commentRss>https://loosecarrot.com/2018/09/23/679/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">679</post-id>	</item>
	</channel>
</rss>
