<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									関連記事の表示方法について - Cocoonテーマに関する質問				            </title>
            <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Thu, 18 Jun 2026 15:31:28 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: 関連記事の表示方法について</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77461</link>
                        <pubDate>Sat, 24 Feb 2024 09:16:41 +0000</pubDate>
                        <description><![CDATA[制約とcssの調整についてありがとうございます。色々と調整してうまくいきました。
サポートありがとうございました。]]></description>
                        <content:encoded><![CDATA[<p>制約とcssの調整についてありがとうございます。色々と調整してうまくいきました。</p>
<p>サポートありがとうございました。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>muzika</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77461</guid>
                    </item>
				                    <item>
                        <title>RE: 関連記事の表示方法について</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77457</link>
                        <pubDate>Fri, 23 Feb 2024 15:23:29 +0000</pubDate>
                        <description><![CDATA[●制約
子テーマのtmpフォルダーにfooter-javascript.phpをコピーし修正(上記コード)した場合、横型表示の全てのウィジェットが、オートプレイ対象となります。

●ページ送るボタン
以下でページボタンを出力しています。この為、CSSで非表示にします。]]></description>
                        <content:encoded><![CDATA[<p><strong>●制約</strong></p>
<p>子テーマのtmpフォルダーにfooter-javascript.phpをコピーし修正(上記コード)した場合、横型表示の<span style="color: #ff0000">全てのウィジェット</span>が、オートプレイ対象となります。</p>
<hr />
<p><strong>●ページ送るボタン</strong></p>
<p>以下でページボタンを出力しています。<br />この為、<span style="color: #ff0000">CSSで非表示</span>にします。</p>
<p><a href="https://github.com/xserver-inc/cocoon/blob/f2d13efe2d809029c06748e526f9fec04e86ba19/lib/html-forms.php#L1121-L1125" target="_blank" rel="noopener">https://github.com/xserver-inc/cocoon/blob/f2d13efe2d809029c06748e526f9fec04e86ba19/lib/html-forms.php#L1121-L1125</a></p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>大門未知子</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77457</guid>
                    </item>
				                    <item>
                        <title>RE: 関連記事の表示方法について</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77456</link>
                        <pubDate>Fri, 23 Feb 2024 12:33:31 +0000</pubDate>
                        <description><![CDATA[「2.Swiperを用いる」
こちらの方法でうまくいきました。お教え頂いた部分を下記に変更して動作しました
&lt;?php //Swiperglobal $_IS_SWIPER_ENABLE;if ($_IS_SWIPER_ENABLE): ?&gt;&lt;link rel=&#039;stylesheet&#039; id=&#039;swiper-style-css&#039; href=&#039;https:/...]]></description>
                        <content:encoded><![CDATA[<p>「2.Swiperを用いる」</p>
<p>こちらの方法でうまくいきました。お教え頂いた部分を下記に変更して動作しました</p>
<p><br />&lt;?php //Swiper<br />global $_IS_SWIPER_ENABLE;<br />if ($_IS_SWIPER_ENABLE): ?&gt;<br />&lt;link rel='stylesheet' id='swiper-style-css' href='https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css' /&gt;<br />&lt;script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"&gt;&lt;/script&gt;<br />&lt;script&gt;<br />const mySwiper = new Swiper('.is-list-horizontal.swiper', {<br />loop: true,<br />autoplay: {<br />delay: 0,<br />},<br />speed: 3000, <br />   slidesPerView: 2,  <br />});<br />&lt;/script&gt;<br />&lt;?php endif; //Swiper ?&gt;</p>
<p>変更前のページネーション（＞）が残ってしまっているのが少し気になりますが、<br />もう少し調べて調整してみます。</p>
<p>ありがとうございました</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>muzika</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77456</guid>
                    </item>
				                    <item>
                        <title>RE: 関連記事の表示方法について</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77445</link>
                        <pubDate>Fri, 23 Feb 2024 08:47:22 +0000</pubDate>
                        <description><![CDATA[●回答
Cocoon標準で、投稿本文下の関連記事を、カルーセルのようにオートプレイする機能はありません。
可能です。（図参照）ご自身で、PHPか、JavaScriptを記述する必要があります。

●ご参考
2つの方法がります。
1.Slickを用いる
カルーセルはライブラリ「slick」を用いています。これを使って、投稿本文下の「関連記事」を横型表示+オートプレイ...]]></description>
                        <content:encoded><![CDATA[<p><strong>●回答</strong></p>
<p>Cocoon標準で、投稿本文下の関連記事を、カルーセルのようにオートプレイする機能はありません。</p>
<p></p>
<p>「カルーセル」と同じく<br />オートプレイで自動的に右に切り替わるようにカスタマイズできますでしょうか？</p>
<p><br />可能です。（図参照）<br /><span style="color: #ff0000">ご自身で、PHPか、JavaScriptを記述する必要があります</span>。</p>
<hr />
<p><strong>●ご参考</strong></p>
<p>2つの方法がります。</p>
<p><strong>1.Slickを用いる</strong></p>
<p>カルーセルはライブラリ「slick」を用いています。<br />これを使って、投稿本文下の「関連記事」を横型表示+オートプレイとする。</p>
<p><a href="https://github.com/xserver-inc/cocoon/blob/3ef046654a7d870b3d0775aaa8dad31a092daf9a/lib/utils.php#L698-L757" target="_blank" rel="noopener">https://github.com/xserver-inc/cocoon/blob/3ef046654a7d870b3d0775aaa8dad31a092daf9a/lib/utils.php#L698-L757</a></p>
<p><strong>2.Swiperを用いる</strong></p>
<p>ウィジェット「関連記事」を投稿本文下に配置。<br />設定「横型表示」はライブラリ「Swiper」を用いています。<br />これをオートプレイにする。</p>
<p><a href="https://github.com/xserver-inc/cocoon/blob/3ef046654a7d870b3d0775aaa8dad31a092daf9a/tmp/footer-javascript.php#L248-L260" target="_blank" rel="noopener">https://github.com/xserver-inc/cocoon/blob/3ef046654a7d870b3d0775aaa8dad31a092daf9a/tmp/footer-javascript.php#L248-L260</a></p>
<div id="wpfa-38000" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="2024-02-23_17h43_58.gif" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1708678042-2024-02-23_17h43_58.gif" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> 2024-02-23_17h43_58.gif</a></div>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>大門未知子</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77445</guid>
                    </item>
				                    <item>
                        <title>関連記事の表示方法について</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77444</link>
                        <pubDate>Fri, 23 Feb 2024 05:55:30 +0000</pubDate>
                        <description><![CDATA[いつもお世話になっています。
Cocoonの標準機能である「関連記事」ですが、「カルーセル」と同じくオートプレイで自動的に右に切り替わるようにカスタマイズできますでしょうか？
本来はカルーセルを記事下などに設置できたら理想ではあるのですが、関連記事とカルーセルのデザインはほぼ同じなのに、関連記事ではオートプレイする設定がないためこちらで質問させていただきました。
ご教授い...]]></description>
                        <content:encoded><![CDATA[<p>いつもお世話になっています。</p>
<p>Cocoonの標準機能である「関連記事」ですが、「カルーセル」と同じく<br />オートプレイで自動的に右に切り替わるようにカスタマイズできますでしょうか？</p>
<p><br />本来はカルーセルを記事下などに設置できたら理想ではあるのですが、<br />関連記事とカルーセルのデザインはほぼ同じなのに、関連記事ではオートプレイする設定がないため<br />こちらで質問させていただきました。</p>
<p><em>ご教授いただければ幸いです</em></p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>muzika</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e9%96%a2%e9%80%a3%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-77444</guid>
                    </item>
							        </channel>
        </rss>
		