<?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/"
	>

<channel>
	<title>デザイン | TabibitoJinのブログ</title>
	<atom:link href="https://tabibitojin.com/category/wordpress/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://tabibitojin.com</link>
	<description>ネットビジネスで自由に生きる！会社を辞めて海外にいながらブログで稼ぐJINのサイト</description>
	<lastBuildDate>Fri, 15 May 2026 11:24:24 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://tabibitojin.com/wp-content/uploads/cropped-jin-favicon02-32x32.png</url>
	<title>デザイン | TabibitoJinのブログ</title>
	<link>https://tabibitojin.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WordPressの目次をスクロール連動＆自動ハイライト！Cocoonでの実装手順を紹介</title>
		<link>https://tabibitojin.com/table-of-contents-auto-highlight/</link>
					<comments>https://tabibitojin.com/table-of-contents-auto-highlight/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Fri, 30 May 2025 12:16:15 +0000</pubDate>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[Cocoon]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=26044</guid>

					<description><![CDATA[WordPressでは記事の冒頭に目次を入れることが多いですが、サイドバーに表示している人もいますよね。 目次があれば全体の流れがつかめて便利ですし、サイドバーでは「今どこを読んでいるか」がハイライトされたりすると更に親 [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/table-of-contents-auto-highlight/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】画像に枠を付けるとぼやける？等倍で綺麗に表示する方法</title>
		<link>https://tabibitojin.com/wordpress-image-blur-with-frame/</link>
					<comments>https://tabibitojin.com/wordpress-image-blur-with-frame/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Sun, 26 Dec 2021 09:41:58 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[ネットビジネス]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=20734</guid>

					<description><![CDATA[画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」（にじむ）場合があります。（特に画像に文字が入っていると気になったりしますよね） 枠の分だけ画像が縮小されることが原因ですが、その場合 [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/wordpress-image-blur-with-frame/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【CSS】ふわふわ動くアニメーションボタンの作り方！上下や拡大縮小も簡単にできる</title>
		<link>https://tabibitojin.com/css-floating-pounding-button/</link>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Tue, 02 Nov 2021 10:50:03 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=18935</guid>

					<description><![CDATA[ふわふわ動くボタン、ドキドキ動くボタンの作り方をご紹介。 上下にさり気なくフワフワしたり、拡大縮小を使って浮かび上がったり沈んだりと、CSSを使えば、ちょっと目を引くアニメーションボタンが簡単にできますね。 【ドキドキ動 [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>【CSS】光るボタンアニメーションの作り方！カスタマイズまで手順を詳しく解説</title>
		<link>https://tabibitojin.com/css-flowing-light-button/</link>
					<comments>https://tabibitojin.com/css-flowing-light-button/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Sun, 31 Oct 2021 10:39:52 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[ネットビジネス]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=18821</guid>

					<description><![CDATA[コクーン（cocoon）などのテーマで「キラッと光が横切るアニメーション付きのボタン」があったりしますが、何気にカッコいいし、目立ってクリック率も上がりそうですよね。 ということで、ここではHTML, CSSを使って「自 [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/css-flowing-light-button/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSSで改行(brタグ)の高さを設定する方法！marginやpadding, heightで指定できる？</title>
		<link>https://tabibitojin.com/how-to-set-line-break-height-css/</link>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Sat, 18 Jul 2020 04:03:56 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=16952</guid>

					<description><![CDATA[改行（&#60;br&#62;タグ）に対して高さを変更したい（高さを設定したい）という場合があります。 たとえば、サイトタイトルやブログの記事のタイトルに改行を使い、実際の表示ではその改行に高さを設定して見やすくする、みたい [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>リストから表を作るCSS！flexで2列3列4列nのレイアウトを作る方法</title>
		<link>https://tabibitojin.com/css-flex-property-column-layout/</link>
					<comments>https://tabibitojin.com/css-flex-property-column-layout/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Tue, 26 Jul 2016 18:17:00 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=9814</guid>

					<description><![CDATA[ブログのデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい！という場合がよくあります。 table や gridプロパティを使えば簡単に表は出来ますが、ここでは [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/css-flex-property-column-layout/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSSでリストから表を作る方法！2列3列4列のレイアウトはgridで簡単にできる！</title>
		<link>https://tabibitojin.com/css-table-property-column-layout/</link>
					<comments>https://tabibitojin.com/css-table-property-column-layout/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Sat, 16 Jul 2016 13:49:22 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[デザイン]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=9678</guid>

					<description><![CDATA[HTML、CSSのカスタマイズを多少でもする人はよく出くわすと思いますが、ul, li を使ったリストがあり、それをCSSを使って表形式にしたい場合が結構あります。 tableプロパティでも実現できますが、今では gri [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/css-table-property-column-layout/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>広告（リンク画像）をセンタリングする方法！NGなやり方はペナルティの元</title>
		<link>https://tabibitojin.com/ad-imag-centering/</link>
					<comments>https://tabibitojin.com/ad-imag-centering/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Wed, 01 Feb 2023 09:52:00 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[アフィリエイト]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=23579</guid>

					<description><![CDATA[ブログで収益化する場合、A8.netなどASPのリンク付き画像広告（バナー広告）を記事内に貼ることもありますね。 ワードプレスの「カスタムHTMLブロック」を使って広告コードを入れますが、カスタムHTMLブロックはそれ自 [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/ad-imag-centering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【CSS】投稿日、更新日がある時、更新日のみ表示する方法！1つ前の要素を非表示にすれば解決</title>
		<link>https://tabibitojin.com/css-article-date-update-date-display/</link>
					<comments>https://tabibitojin.com/css-article-date-update-date-display/#respond</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Sun, 15 Aug 2021 09:40:02 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[ネットビジネス]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=18431</guid>

					<description><![CDATA[ブログのテーマ（外観デザインを決めるやつね）でよくあるのが、記事の投稿日と更新日の表示。 例えば以下のように表示されたりしますが、 投稿日：xxxx年xx月xx日　更新日：xxxx年xx月xx日 この場合、投稿日がかなり [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/css-article-date-update-date-display/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブログのヘッダー画像の作り方！簡単リサイズから文字入れまで独自性を打ち出す</title>
		<link>https://tabibitojin.com/blog-design-header-image-create/</link>
					<comments>https://tabibitojin.com/blog-design-header-image-create/#comments</comments>
		
		<dc:creator><![CDATA[JIN]]></dc:creator>
		<pubDate>Tue, 08 Sep 2015 15:44:18 +0000</pubDate>
				<category><![CDATA[デザイン]]></category>
		<category><![CDATA[ネットビジネス]]></category>
		<guid isPermaLink="false">https://tabibitojin.com/?p=6300</guid>

					<description><![CDATA[ブログは人気のテーマを使っていると、外観も他のブログとの違いがわかりづらく、グーグルから独自性がない＝読者にとって有益でないサイト、と判断されることも懸念されます。 なにより他のブログとの違いが見えなければ訪れる読者も魅 [&#8230;]]]></description>
		
					<wfw:commentRss>https://tabibitojin.com/blog-design-header-image-create/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
	</channel>
</rss>
