<?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>お手本 &#8211; 服部倶楽部</title>
	<atom:link href="https://ten.osbowner.com/category/sample/feed" rel="self" type="application/rss+xml" />
	<link>https://ten.osbowner.com</link>
	<description></description>
	<lastBuildDate>Wed, 11 Feb 2026 05:24:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>
	<item>
		<title>タグサンプル</title>
		<link>https://ten.osbowner.com/sample</link>
					<comments>https://ten.osbowner.com/sample#respond</comments>
		
		<dc:creator><![CDATA[cooltak]]></dc:creator>
		<pubDate>Sat, 07 Nov 2020 07:43:27 +0000</pubDate>
				<category><![CDATA[お手本]]></category>
		<guid isPermaLink="false">https://ten.osbowner.com/?p=124</guid>

					<description><![CDATA[カスタム装飾 ボックス系装飾 グレー枠ボックス ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">カスタム装飾</h2>



<h3 class="wp-block-heading">ボックス系装飾</h3>



<h4 class="wp-block-heading">グレー枠ボックス</h4>



<p class="wp-block-paragraph"><span class="box-gray">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h4 class="wp-block-heading">赤枠ボックス</h4>



<p class="wp-block-paragraph"><span class="box-red">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h4 class="wp-block-heading">黄色枠ボックス</h4>



<p class="wp-block-paragraph"><span class="box-yellow">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h4 class="wp-block-heading">グレーボックス</h4>



<p class="wp-block-paragraph"><span class="box-back-gray">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h4 class="wp-block-heading">赤ボックス</h4>



<p class="wp-block-paragraph"><span class="box-back-red">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h4 class="wp-block-heading">黄色ボックス</h4>



<p class="wp-block-paragraph"><span class="boxbackyellow">ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。<br><br>ここに説明文を入れます。ここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れますここに説明文を入れます。</span></p>



<h3 class="wp-block-heading">ラベル系装飾</h3>



<h4 class="wp-block-heading">ポイントラベル</h4>



<p class="wp-block-paragraph"><span class="label-check">ポイントラベル</span></p>



<h4 class="wp-block-heading">注意ラベル</h4>



<p class="wp-block-paragraph"><span class="label-warn">注意ラベル</span></p>



<h4 class="wp-block-heading">警告ラベル</h4>



<p class="wp-block-paragraph"><span class="label-stop">警告ラベル</span></p>



<h4 class="wp-block-heading">青背景</h4>



<p class="wp-block-paragraph"><span class="label-bg-blue">青背景</span></p>



<h4 class="wp-block-heading">赤背景</h4>



<p class="wp-block-paragraph"><span class="label-bg-orange"><span class="label-bg-red">赤背景</span></span></p>



<h4 class="wp-block-heading">beforeラベル</h4>



<p class="wp-block-paragraph"><span class="box-before">before</span></p>



<h4 class="wp-block-heading">afterラベル</h4>



<p class="wp-block-paragraph"><span class="box-after">after</span></p>



<h3 class="wp-block-heading">リンク系装飾</h3>



<h4 class="wp-block-heading">内部リンク</h4>



<p class="wp-block-paragraph"><a href="#"><span class="box-gray"><span class="inlink">内部リンク</span></span></a></p>



<h4 class="wp-block-heading">外部リンク</h4>



<p class="wp-block-paragraph"><a href="#"><span class="box-gray"><span class="outlink">外部リンク</span></span></a></p>



<h3 class="wp-block-heading">アイコン系装飾</h3>



<p class="wp-block-paragraph"><span class="check">チェックアイコン</span></p>



<p class="wp-block-paragraph"><span class="alart">アラートアイコン</span></p>



<h3 class="wp-block-heading">ボタン系装飾</h3>



<h4 class="wp-block-heading">オレンジボタン</h4>



<p class="wp-block-paragraph"><a rel="noreferrer noopener" href="#" target="_blank"><span class="button-orange">オレンジボタン</span></a></p>



<h4 class="wp-block-heading">青ボタン</h4>



<p class="wp-block-paragraph"><span class="button-bule"><a rel="noreferrer noopener" href="#" target="_blank"><span class="button-blue">青ボタン</span></a></span></p>



<h4 class="wp-block-heading">緑ボタン</h4>



<p class="wp-block-paragraph"><a href="#" target="_blank" rel="noreferrer noopener"><span class="button-green">緑ボタン</span></a></p>



<h2 class="wp-block-heading">その他の装飾サンプル</h2>



<h4 class="wp-block-heading">太文字</h4>



<p class="wp-block-paragraph"><strong>太文字</strong>の装飾</p>



<h4 class="wp-block-heading">箇条書きリスト &#8211; 番号なし</h4>



<ul class="wp-block-list"><li>リスト1</li><li>リスト2</li><li>リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3</li></ul>



<h4 class="wp-block-heading">箇条書きリスト &#8211; 番号</h4>



<ol class="wp-block-list"><li>リスト1</li><li>リスト2</li><li>リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3リスト3</li></ol>



<h4 class="wp-block-heading">テーブル</h4>



<figure class="wp-block-table is-style-regular"><table class="has-fixed-layout"><tbody><tr><td></td><td>ヘッダ1</td><td>ヘッダ2</td></tr><tr><td>見出し1</td><td></td><td></td></tr><tr><td>見出し2</td><td></td><td></td></tr><tr><td>見出し3</td><td></td><td></td></tr><tr><td>見出し4</td><td></td><td></td></tr></tbody></table></figure>



<h4 class="scroll-table wp-block-heading">スクロールテーブル</h4>



<figure class="wp-block-table scroll-table"><table class="has-fixed-layout"><tbody><tr><td></td><td>ヘッダ1</td><td>ヘッダ2</td></tr><tr><td>見出し1</td><td>内容内容内容内容内容内容内容内容内容内容内容</td><td>内容内容内容内容内容内容内容内容内容内容内容</td></tr><tr><td>見出し2</td><td>内容内容内容内容内容内容内容内容内容内容内容</td><td>内容内容内容内容内容内容内容内容内容内容内容</td></tr><tr><td>見出し3</td><td></td><td></td></tr><tr><td>見出し4</td><td></td><td></td></tr></tbody></table></figure>



<h4 class="wp-block-heading">Advanced Editor tools &#8211; スクロールテーブル</h4>



<div class="inherit-container-width wp-block-group scroll-table is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container">
<table style="width: 100%; border-collapse: collapse;">
<tbody>
<tr style="height: 39px;">
<th style="width: 25%; height: 39px;"> </th>
<th style="width: 25%; height: 39px;">h1</th>
<th style="width: 25%; height: 39px;">h2</th>
<th style="width: 25%; height: 39px;">h3</th>
</tr>
<tr style="height: 39px;">
<th style="width: 25%; height: 39px;">ha</th>
<td style="width: 25%; height: 39px;">con1con1con1con1con1con1con1</td>
<td style="width: 25%; height: 39px;">con2con2con2con2con2con2con2</td>
<td style="width: 25%; height: 39px;">con3con3con3con3con3con3con3</td>
</tr>
<tr style="height: 39px;">
<th style="width: 25%; height: 39px;">hb</th>
<td style="width: 25%; height: 39px;">con4</td>
<td style="width: 25%; height: 39px;">con5</td>
<td style="width: 25%; height: 39px;">con6</td>
</tr>
</tbody>
</table>



<p class="wp-block-paragraph"></p>
</div></div>



<h4 class="wp-block-heading">引用</h4>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章</p><p>引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章引用文章</p><cite>https://google.com</cite></blockquote>



<h4 class="wp-block-heading">画像</h4>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="768" src="https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-1024x768.jpg" alt="" class="wp-image-563" srcset="https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-1024x768.jpg 1024w, https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-300x225.jpg 300w, https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-768x576.jpg 768w, https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-1536x1152.jpg 1536w, https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-2048x1536.jpg 2048w, https://ten.osbowner.com/wp-content/uploads/2021/02/IMG_1604-scaled.jpg 800w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>画像キャプション</figcaption></figure>



<h4 class="wp-block-heading">関連記事</h4>



<p class="wp-block-paragraph"><a href="https://ten.osbowner.com/pochipps/kindle-paperwhite-%e9%98%b2%e6%b0%b4%e6%a9%9f%e8%83%bd%e6%90%ad%e8%bc%89-wifi-8gb-%e3%83%96%e3%83%a9%e3%83%83%e3%82%af-%e5%ba%83%e5%91%8a%e3%81%a4%e3%81%8d-%e9%9b%bb%e5%ad%90%e6%9b%b8%e7%b1%8d" class="kanlink"><span class="kanlinkimg"><img decoding="async" src="https://ten.osbowner.com/wp-content/themes/astra/img/no_image.jpg" alt="Kindle Paperwhite 防水機能搭載 wifi 8GB ブラック 広告つき 電子書籍リーダー"></span><span class="kanlinktxt">Kindle Paperwhite 防水機能搭載 wifi 8GB ブラック 広告つき 電子書籍リーダー</span></a></p>



<pre class="wp-block-code"><code>ショートコード: &#091;kanlink 投稿ID]</code></pre>



<h4 class="wp-block-heading">Rinker(商品リンクプラグイン）</h4>



<p class="wp-block-paragraph">※APIを設定するまで、ボタン等は正しく表示されません。</p>


		<div class="pochipp-box"
			data-id="381"
			data-img="l"
			data-lyt-pc="dflt"
			data-lyt-mb="vrtcl"
			data-btn-style="dflt"
			data-btn-radius="off"
			data-sale-effect="flash"
					>
							<div class="pochipp-box__image">
					<a href="https://www.amazon.co.jp/dp/B07HCSQ48P?tag=nasscso-22&#038;linkCode=ogi&#038;th=1&#038;psc=1" rel="nofollow">
						<img decoding="async" src="https://m.media-amazon.com/images/I/419mejVCq1L._SL400_.jpg" alt="" width="120" height="120" />					</a>
				</div>
						<div class="pochipp-box__body">
				<div class="pochipp-box__title">
					<a href="https://www.amazon.co.jp/dp/B07HCSQ48P?tag=nasscso-22&#038;linkCode=ogi&#038;th=1&#038;psc=1" rel="nofollow">
						Kindle Paperwhite 防水機能搭載 wifi 8GB ブラック 広告つき 電子書籍リーダー					</a>
				</div>

									<div class="pochipp-box__info">Amazon</div>
				
				
							</div>
				<div class="pochipp-box__btns"
		data-maxclmn-pc="fit"
		data-maxclmn-mb="1"
	>
					<div class="pochipp-box__btnwrap -amazon">
								<a href="https://www.amazon.co.jp/dp/B07HCSQ48P?tag=nasscso-22&#038;linkCode=ogi&#038;th=1&#038;psc=1" class="pochipp-box__btn" rel="nofollow">
					<span>
						Amazon					</span>
									</a>
			</div>
							<div class="pochipp-box__btnwrap -rakuten">
								<a href="https://af.moshimo.com/af/c/click?a_id=2543937&#038;p_id=54&#038;pc_id=54&#038;pl_id=616&#038;url=https%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2Fkindle" class="pochipp-box__btn" rel="nofollow">
					<span>
						楽天市場					</span>
					<img decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=2543937&#038;p_id=54&#038;pc_id=54&#038;pl_id=616" width="1" height="1" style="border:none;">				</a>
			</div>
										<div class="pochipp-box__btnwrap -yahoo -long-text">
								<a href="https://af.moshimo.com/af/c/click?a_id=2543936&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=19142&#038;url=https%3A%2F%2Fshopping.yahoo.co.jp%2Fsearch%3Fp%3Dkindle" class="pochipp-box__btn" rel="nofollow">
					<span>
						Yahooショッピング					</span>
					<img loading="lazy" decoding="async" src="https://i.moshimo.com/af/i/impression?a_id=2543936&#038;p_id=1225&#038;pc_id=1925&#038;pl_id=19142" width="1" height="1" style="border:none;">				</a>
			</div>
									</div>
								<div class="pochipp-box__logo">
					<img loading="lazy" decoding="async" src="https://ten.osbowner.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png" alt="" width="32" height="32">
					<span>ポチップ</span>
				</div>
					</div>
	


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="329" height="183" src="https://ten.osbowner.com/wp-content/uploads/2021/01/貼り付けた画像_2021_01_04_22_56_transparent.png" alt="" class="wp-image-392" srcset="https://ten.osbowner.com/wp-content/uploads/2021/01/貼り付けた画像_2021_01_04_22_56_transparent.png 329w, https://ten.osbowner.com/wp-content/uploads/2021/01/貼り付けた画像_2021_01_04_22_56_transparent-300x167.png 300w" sizes="(max-width: 329px) 100vw, 329px" /><figcaption>ハットリクラブ</figcaption></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ten.osbowner.com/sample/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
