<?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>
									動くwebデザインをコクーンで再現したいです - CSSカスタマイズ相談				            </title>
            <link>https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Mon, 09 Mar 2026 21:01:05 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: 動くwebデザインをコクーンで再現したいです</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59507</link>
                        <pubDate>Sat, 05 Feb 2022 02:59:44 +0000</pubDate>
                        <description><![CDATA[参考例の CSS をお使いになる場合は、canvas タグを div タグで囲みます。
&lt;div class=&quot;wave&quot;&gt;
  &lt;canvas id=&quot;waveCanvas&quot;&gt;&lt;/canvas&gt;
&lt;/div&gt;

header.phpに1と3をコピペしました。

header.php を変更する必要はありません。
...]]></description>
                        <content:encoded><![CDATA[<p>参考例の CSS をお使いになる場合は、canvas タグを div タグで囲みます。</p>
<pre contenteditable="false">&lt;div class="wave"&gt;
  &lt;canvas id="waveCanvas"&gt;&lt;/canvas&gt;
&lt;/div&gt;</pre>
<blockquote>
<p><span>header.phpに1と3をコピペしました。</span></p>
</blockquote>
<p>header.php を変更する必要はありません。</p>
<p>① スタイルシートの読み込みは、子テーマの tmp-user/head-insert.php に link タグを書きます。または、子テーマの style.css に CSS を書きます。</p>
<p>② JavaScript ファイルの読み込みは、子テーマの tmp-user/head-insert.php または tmp-user/footer-insert.php に script タグを書きます（async を追加し非同期で読み込むのがよい）。</p>
<pre contenteditable="false">&lt;script async src="js/5-14.js"&gt;&lt;/script&gt;</pre>
<p> </p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>Akira</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59507</guid>
                    </item>
				                    <item>
                        <title>RE: 動くwebデザインをコクーンで再現したいです</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59504</link>
                        <pubDate>Fri, 04 Feb 2022 17:26:08 +0000</pubDate>
                        <description><![CDATA[確認していませんが、お手本とは以下なのでしょうか。

 投稿者:: @mr-cocoon 
不具合・カスタマイズ対象ページのURL：

だとしたら、実際に導入したいサイトはどこなのでしょう。
そのサイトの構成によって、カスタマイズ内容も変わる可能性もあろうかと思います。
個人的には、サポート対象外のケースかと思いますが・・・。
 
ただ、ご対応くださる方がいらっ...]]></description>
                        <content:encoded><![CDATA[<p>確認していませんが、お手本とは以下なのでしょうか。</p>
<blockquote data-userid="3738" data-postid="59502" data-mention="mr-cocoon">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @mr-cocoon </strong></div>
<p>不具合・カスタマイズ対象ページのURL： <a class="wpforo-auto-embeded-link" href="https://coco-factory.jp/ugokuweb/move02/5-14/" target="_blank" rel="nofollow noopener">https://coco-factory.jp/ugokuweb/move02/5-14/</a></p>
</blockquote>
<p>だとしたら、実際に導入したいサイトはどこなのでしょう。</p>
<p>そのサイトの構成によって、カスタマイズ内容も変わる可能性もあろうかと思います。</p>
<p>個人的には、サポート対象外のケースかと思いますが・・・。</p>
<p> </p>
<p>ただ、ご対応くださる方がいらっしゃる可能性がないとは言わないです。</p>
<p>分かりませんが。</p>
<p>では、私はもう休みます。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59504</guid>
                    </item>
				                    <item>
                        <title>RE: 動くwebデザインをコクーンで再現したいです</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59503</link>
                        <pubDate>Fri, 04 Feb 2022 16:56:53 +0000</pubDate>
                        <description><![CDATA[お問い合わせ内容が見えないですね。（選択すれば見えますが。）それと同時に、おそらく自動的に削除されてしまった部分もあるものと思われます。
トピックを立てた後に、必ずご自分がお書きになった内容はご確認ください。
 
フォーラム上部記載のご案内、項番5の方法なら、貼り付けられる可能性が高いです。

フォーラム利用ガイドリンク

フォーラムガイドライン
よくある質問と...]]></description>
                        <content:encoded><![CDATA[<p>お問い合わせ内容が見えないですね。（選択すれば見えますが。）<br />それと同時に、おそらく自動的に削除されてしまった部分もあるものと思われます。</p>
<p>トピックを立てた後に、必ずご自分がお書きになった内容はご確認ください。</p>
<p> </p>
<p>フォーラム上部記載のご案内、項番5の方法なら、貼り付けられる可能性が高いです。</p>
<blockquote>
<p><strong>フォーラム利用ガイドリンク</strong></p>
<ol>
<li><a href="https://wp-cocoon.com/read-me-for-using-fourm/" target="_self" rel="noopener">フォーラムガイドライン</a></li>
<li><a href="https://wp-cocoon.com/frequently-asked-questions/" target="_self" rel="noopener">よくある質問と答え（FAQ）</a></li>
<li><a href="https://wp-cocoon.com/not-supported/" target="_self" rel="noopener">サポート対象外のケース</a></li>
<li><a href="https://wp-cocoon.com/faq-css-trouble/" target="_self" rel="noopener">原因不明の不具合用トラブルシューティング</a></li>
<li><a href="https://wp-cocoon.com/notepad-pw/" target="_self" rel="noopener">トピックにHTMLを貼り付ける方法</a>（推奨ツール：<a href="https://notepad.pw/" target="_blank" rel="noopener">notepad.pw</a>）</li>
<li><a href="https://nelog.jp/edump-wordpress-error-check" target="_blank" rel="noopener">真っ白画面でのエラーメッセージの確認方法 </a></li>
<li><a href="http://mysys-check.com/" target="_blank" rel="noopener">ブラウザ環境チェックツール</a></li>
</ol>
</blockquote>
<p>それでもダメであれば、テキストファイルの添付でしょうか。</p>
<p> </p>
<p>ただ、お問い合わせ内容に不明点もあるように思います。</p>
<blockquote data-userid="3738" data-postid="59502" data-mention="mr-cocoon">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @mr-cocoon </strong></div>
<p>お手本に倣い、</p>
</blockquote>
<p>お手本とはなんでしょう？<br />明確にしておくべきではないかと思われます。</p>
<p> </p>
<p>また、上記にリンクした「フォーラム利用ガイドラインリンク」の項番3の「サポート対象外のケース」の該当する可能性が高いです。</p>
<p>以下のような記載があります。</p>
<blockquote>
<ul>
<li>長いコードを書く必要があるもの</li>
<li>コード編集に時間を要しそうなもの</li>
<li>PHPやJavaScriptを編集する必要があるものは基本ノーサポートとさせてください<br />※PHP等はカスタマイズを失敗した際の原因を探りにくいため</li>
</ul>
<p>アドバイスの範疇を超えるようなカスタマイズの場合は僕の余暇時間的にも対応できないと思います。</p>
</blockquote>
<p>少なくとも、私はお答えは難しいものと思われます。<br />もしかすると、ご対応くださる方はいらっしゃるかもしれませんので、一応書いておきます。</p>
<p> </p>
<p>プロにお願いする事案かもしれません。</p>
<blockquote>
<p>詳細なカスタマイズ依頼をするならこちら。</p>
<ul>
<li><a href="https://wp-cocoon.com/cocoon-custom/" target="_self" rel="noopener">Cocoonカスタマイズ依頼</a></li>
</ul>
</blockquote>
<p>詳細が見えない、または消えているかもしれませんので、はっきりとは分かりませんが。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>ｍｋ２</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59503</guid>
                    </item>
				                    <item>
                        <title>動くwebデザインをコクーンで再現したいです</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59502</link>
                        <pubDate>Fri, 04 Feb 2022 16:05:58 +0000</pubDate>
                        <description><![CDATA[不具合・カスタマイズ対象ページのURL
お世話になります。
対象サイトの背景の動きを導入して、任意の場所に配置したいです。
お手本に倣い、header.phpに1と3をコピペしました。
続いてカスタムcssとカスタムJavaScriptに、「自作のCSS内の書き方」、「自作のJS内の書き方」をそれぞれコピペしました。
最後に2番をブロック内のカスタムhtmlを介して入力...]]></description>
                        <content:encoded><![CDATA[<p>不具合・カスタマイズ対象ページのURL：https://coco-factory.jp/ugokuweb/move02/5-14/</p>
<p>お世話になります。</p>
<p>対象サイトの背景の動きを導入して、任意の場所に配置したいです。</p>
<p>お手本に倣い、header.phpに1と3をコピペしました。</p>
<p>続いてカスタムcssとカスタムJavaScriptに、「<span>自作のCSS内の書き方」、「自作のJS内の書き方」をそれぞれコピペしました。</span></p>
<p>最後に2番をブロック内のカスタムhtmlを介して入力しました。</p>
<p>一応は表示されたのですが、2をどこに配置してもサイト下部にしか表示されません。</p>
<p>また、画像や文字にかぶります。</p>
<p>どうすれば、任意の場所や、画像の下に配置（透過処理した画像と融合させたい）できますでしょうか？</p>
<ol>
<li>
<div class="hcb_wrap">
<pre class="prism undefined-numbers  language-html" contenteditable="false" data-lang="HTML"><code class=" language-html"><span class="token tag"><span class="token punctuation">&lt;</span>link <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>css/5-14.css<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token punctuation">&lt;/</span>head<span class="token punctuation">&gt;</span></span></code></pre>
</div>
</li>
<li>body内の波を表示させたい場所にHTMLを記載します。
<div class="hcb_wrap">
<pre class="prism undefined-numbers  language-html" contenteditable="false" data-lang="HTML"><code class=" language-html"><span class="token tag"><span class="token punctuation">&lt;</span>canvas <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>waveCanvas<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token punctuation">&lt;/</span>canvas<span class="token punctuation">&gt;</span></span></code></pre>
</div>
</li>
<li>body 終了タグ直前に動きを制御する自作の<a href="https://coco-factory.jp/ugokuweb/move02/5-14/#js-area">J</a>S を読み込みます。
<div class="hcb_wrap">
<pre class="prism undefined-numbers  language-html" contenteditable="false" data-lang="HTML"><code class=" language-html"><span class="token tag"><span class="token punctuation">&lt;</span>script <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>js/5-14.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script language-javascript"></span><span class="token tag"><span class="token punctuation">&lt;/</span>script<span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token punctuation">&lt;/</span>body<span class="token punctuation">&gt;</span></span></code></pre>
</div>
</li>
</ol>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>mr.cocoon</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%8b%95%e3%81%8fweb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e3%82%b3%e3%82%af%e3%83%bc%e3%83%b3%e3%81%a7%e5%86%8d%e7%8f%be%e3%81%97%e3%81%9f%e3%81%84%e3%81%a7%e3%81%99/#post-59502</guid>
                    </item>
							        </channel>
        </rss>
		