<?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; WordPress Memo</title>
	<atom:link href="https://blog.riverforest-wp.info/tag/%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.riverforest-wp.info</link>
	<description>WordPress に関する覚え書き</description>
	<lastBuildDate>Fri, 09 May 2025 12:48:52 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.riverforest-wp.info/wp-content/uploads/2018/05/cropped-icon-256x256-1-32x32.png</url>
	<title>ページネーション &#8211; WordPress Memo</title>
	<link>https://blog.riverforest-wp.info</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>投稿内で改ページと前後の説明を入力表示するプラグイン</title>
		<link>https://blog.riverforest-wp.info/pagebreak-description/</link>
		
		<dc:creator><![CDATA[Katsushi Kawamori]]></dc:creator>
		<pubDate>Fri, 24 Nov 2023 00:22:32 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[ページネーション]]></category>
		<category><![CDATA[ページ区切り]]></category>
		<category><![CDATA[改ページ]]></category>
		<guid isPermaLink="false">https://blog.riverforest-wp.info/?p=3580</guid>

					<description><![CDATA[はじめに WordPress の投稿記事が長文になってくると、投稿者やユーザーによっては、改ページをした方が編集・閲覧しやすい場合があります。そんな場合ページ区切りブロックを入れるとページネーションを入れてくれますが、そ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p></p>



<h3 class="wp-block-heading">はじめに</h3>



<p>WordPress の投稿記事が長文になってくると、投稿者やユーザーによっては、改ページをした方が編集・閲覧しやすい場合があります。そんな場合<strong>ページ区切りブロック</strong>を入れるとページネーションを入れてくれますが、そこに前ページ・後ページへのリンクにコメントを付加するという事をこのブログでやってみて、良い感じになったのでプラグイン化しました。</p>



<p>SNS で需要があるか尋ねてみたところ、需要がありそうなので、公式プラグインディレクトリへ申請しました。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc635751c74&quot;}" data-wp-interactive="core/image" data-wp-key="69cc635751c74" class="wp-block-image aligncenter size-full wp-lightbox-container"><img fetchpriority="high" loading="eager" decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" width="587" height="844" src="https://blog.riverforest-wp.info/wp-content/uploads/20231124/x-093013.png" alt="" class="wp-image-3600" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20231124/x-093013.png 587w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/x-093013-209x300.png 209w" sizes="(max-width: 587px) 100vw, 587px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p>５１日後に、審査が通り公式プラグインディレクトリへ掲載されました。</p>



<div class="pluginstatsview-card-wrap">
	<div>
		<img decoding="async" src="https://ps.w.org/pagebreak-description/assets/icon-256x256.png?rev=3021445" alt="Pagebreak Description のアイコン" class="pluginstatsview-card-icon" />
		<div class="pluginstatsview-after-icon">
			<div class="pluginstatsview-bold"><a href="https://wordpress.org/plugins/pagebreak-description/" class="pluginstatsview-astyle">Pagebreak Description</a></div>
			<div class="pluginstatsview-small">改ページと前後の説明</div>
			<div class="pluginstatsview-small">作者: <a href="https://profiles.wordpress.org/katsushi-kawamori/">Katsushi Kawamori</a></div>
			<div style="clear: both;"></div>
		</div>
	</div>
	<div style="clear: both;"></div>

	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left"><a href="https://wordpress.org/plugins/pagebreak-description/#reviews" title="5.0(5点満点中)" class="pluginstatsview-astyle">	<span class="pluginstatsview-stars">
					<span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span><span class="dashicons dashicons-star-filled"></span>
			</span>
	</a>(1)</span>
		<span class="pluginstatsview-card-right">最終更新: 2日 前</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">90以上サイトで有効化中</span>
		<span class="pluginstatsview-card-right">検証済み: 7.0</span>
	</div>
	<div class="pluginstatsview-small">
		<span class="pluginstatsview-card-left">ダウンロード: <a href="https://downloads.wordpress.org/plugin/pagebreak-description.1.12.zip" class="dashicons dashicons-download pluginstatsview-download"></a></span>
		<span class="pluginstatsview-card-right">リリース: 2024-01-13</span>
	</div>
	<div class="pluginstatsview-small pluginstatsview-card-center">
		2026-03-31 09:30 時点の統計	</div>
</div>



<h3 class="wp-block-heading">動作</h3>



<p>以下の様に動作します。</p>



<figure class="wp-block-video"><video height="896" style="aspect-ratio: 1362 / 896;" width="1362" controls muted src="https://blog.riverforest-wp.info/wp-content/uploads/20231124/pagebreak-description.mp4"></video></figure>



<figure class="wp-block-gallery aligncenter has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc6357524bc&quot;}" data-wp-interactive="core/image" data-wp-key="69cc6357524bc" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="625" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="3577" src="https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-1-1024x625.png" alt="" class="wp-image-3577" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-1-1024x625.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-1-300x183.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-1-768x468.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-1.png 1282w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69cc6357529f8&quot;}" data-wp-interactive="core/image" data-wp-key="69cc6357529f8" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1024" height="598" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on-window--resize="callbacks.setButtonStyles" data-id="3578" src="https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-2-1024x598.png" alt="" class="wp-image-3578" srcset="https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-2-1024x598.png 1024w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-2-300x175.png 300w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-2-768x449.png 768w, https://blog.riverforest-wp.info/wp-content/uploads/20231124/screenshot-2.png 1282w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="拡大する"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</figure>



<h3 class="wp-block-heading">仕様</h3>



<ul class="wp-block-list">
<li>改ページと前後の説明を入力します。値はページネーションで使用されます。</li>



<li>このブロックとページ区切りブロックを混在させないでください。コメントがずれてしまう可能性があります。</li>
</ul>



<h3 class="wp-block-heading">フィルター</h3>



<p>表示用の CSS の URL を指定できるフィルターを用意しました。元の CSS（/pagebreak-description/css/custom.css）を参考にして作成できます。</p>



<pre class="prism line-numbers"><code class="language-php language-html">/** ==================================================
 * Filter for CSS URL.
 * Default CSS -&gt; /pagebreak-description/css/custom.css
 */
add_filter(
	'pagebreak_description_css', 
	function() {

		/* If you put mydesign.css in wp-content/uploads */
		$wp_uploads = wp_upload_dir();
		$upload_url = $wp_uploads&#91;'baseurl'];
		if ( is_ssl() ) {
			$upload_url = str_replace( 'http:', 'https:', $upload_url );
		}
		$upload_url = untrailingslashit( $upload_url );
		$url = $upload_url . '/mydesign.css';

		return $url;
	},
	10,
	1
);</code></pre>
]]></content:encoded>
					
		
		<enclosure url="https://blog.riverforest-wp.info/wp-content/uploads/20231124/pagebreak-description.mp4" length="36944634" type="video/mp4" />

			</item>
	</channel>
</rss>
