<?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>
									埋め込んだGoogleマップを中央揃えにする方法 - CSSカスタマイズ相談				            </title>
            <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Wed, 20 May 2026 13:51:11 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37495</link>
                        <pubDate>Sat, 25 Jul 2020 14:33:47 +0000</pubDate>
                        <description><![CDATA[@leafytreeさま
 
重ね重ねありがとうございます。これらのことを理解できる方々を、心より尊敬いたします。]]></description>
                        <content:encoded><![CDATA[<p>@leafytreeさま</p>
<p> </p>
<p>重ね重ねありがとうございます。これらのことを理解できる方々を、心より尊敬いたします。</p>
<p> </p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>Amy</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37495</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37494</link>
                        <pubDate>Sat, 25 Jul 2020 14:31:00 +0000</pubDate>
                        <description><![CDATA[@amy さん
それは、CSSを記述する場所が、インライン（タグの中）になっているだけのことで、ほぼ同じ意味の指定です。
 
どちらでも、いいと思います。
 
CSSは、HTMLのタグの中に記述することもできます。]]></description>
                        <content:encoded><![CDATA[<p>@amy さん</p>
<p>それは、CSSを記述する場所が、インライン（タグの中）になっているだけのことで、ほぼ同じ意味の指定です。</p>
<p> </p>
<p>どちらでも、いいと思います。</p>
<p> </p>
<p>CSSは、HTMLのタグの中に記述することもできます。</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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37494</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37491</link>
                        <pubDate>Sat, 25 Jul 2020 14:23:20 +0000</pubDate>
                        <description><![CDATA[@leafytreeさま
 
ありがとうございます！
 
地図を埋め込むたびに作業するという意味では、こちらのやり方でもいいみたいです。中身は全く理解できておりませんが、こちらはＣＳＳをいじらなくても良いようです。ＣＳＳを元に戻した上で、表示の通りにＨＴＭＬに挿入してみたところ、中央に移動していました。]]></description>
                        <content:encoded><![CDATA[<p>@leafytreeさま</p>
<p> </p>
<p>ありがとうございます！</p>
<p> </p>
<p>地図を埋め込むたびに作業するという意味では、こちらのやり方でもいいみたいです。中身は全く理解できておりませんが、こちらはＣＳＳをいじらなくても良いようです。ＣＳＳを元に戻した上で、表示の通りにＨＴＭＬに挿入してみたところ、中央に移動していました。</p>
<p><a href="https://wordpress.com/forums/topic/need-to-center-a-google-map/?aff=13200">https://wordpress.com/forums/topic/need-to-center-a-google-map/?aff=13200</a></p>
<p> </p>
<p> </p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/customs/">CSSカスタマイズ相談</category>                        <dc:creator>Amy</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37491</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37489</link>
                        <pubDate>Sat, 25 Jul 2020 14:13:10 +0000</pubDate>
                        <description><![CDATA[@amy さん

 投稿者:: @amy 
１）ＨＴＭＬのところ、２番目の黄色部分は末尾の&lt;/iframe&gt;を&lt;/div&gt;に差し替えるという形になるとの理解でよろしいでしょうか

すみません。閉じタグである&lt;/iframe&gt;を間違って消しちゃってました。 ? 
&lt;div&gt;&lt;iframe&gt;&lt;/ifram...]]></description>
                        <content:encoded><![CDATA[<p>@amy さん</p>
<blockquote data-userid="6656" data-postid="37485" data-mention="amy">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @amy </strong></div>
<p>１）ＨＴＭＬのところ、２番目の黄色部分は末尾の&lt;/iframe&gt;を<span>&lt;/div&gt;に差し替えるという形になるとの理解でよろしいでしょうか</span></p>
</blockquote>
<p>すみません。閉じタグである&lt;/iframe&gt;を間違って消しちゃってました。 ? </p>
<pre>&lt;div&gt;<br />&lt;iframe&gt;&lt;/iframe&gt;<br />&lt;/div&gt;</pre>
<p>divタグで挟む感じです。</p>
<blockquote data-userid="6656" data-postid="37485" data-mention="amy">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @amy </strong></div>
<p>２）この方法ですと、記事に地図を埋め込むたびに黄色い部分を挿入・差し替えする必要があるのでしょうか（逆にいいますと、同じサイト内でも、この作業をしないと左寄せのままになってしまうのでしょうか）</p>
</blockquote>
<p>この方法では、都度、divタグを挿入する作業が要ります。</p>
<blockquote data-userid="6656" data-postid="37485" data-mention="amy">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @amy </strong></div>
<p>３）ただいま、例示した記事の中の一つの地図について上記の黄色を挿入・差し替えをしたところ、記事内のほかの地図も一気に中央揃えになっていました。２）の質問とも重複しますが、いちど黄色い部分を挿入・差し替えをすれば少なくとも同じ記事内では同様に反映されるのでしょうか</p>
</blockquote>
<p>え？そうなんですか？それは、ちょっと、わからないです。</p>
<p>ブロックエディターにそんな機能があるのかどうか・・？？</p>
<blockquote data-userid="6656" data-postid="37485" data-mention="amy">
<div class="wpforo-post-quote-author"><strong> 投稿者:: @amy </strong></div>
<p>４）最初の投稿で紹介した以前のフォーラムの質問内容にありますように、ツイッターやインスタ、YouTubeの動画のように、ＣＳＳに特定の文言を挿入するだけで後は地図を埋め込むだけで（そのつどＨＴＭＬを手直ししなくても）自動的に中央揃えになるような方法は、Googleマップについてはないものでしょうか</p>
</blockquote>
<p>もしかしたら、あるのかもしませんが、私はそこまで調べきれていません。</p>
<p>HTML的には、iframeタグというだけで、他のiframeタグと差別化できる要素が私には見つかりません。</p>
<pre>iframe {<br />   display: block;<br />   margin: 0 auto;<br />}</pre>
<p>としても、中央寄せにはなりますが、全ての iframe タグに適用されてしまいますので、オススメいたしません。</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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37489</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37485</link>
                        <pubDate>Sat, 25 Jul 2020 13:41:34 +0000</pubDate>
                        <description><![CDATA[@leafytreeさま
 
ご連絡ありがとうございます。
 
ただいま、ご指摘の通りにやりましたら、うまく中揃えになっていました。非常に助かります。
 
差し出がましいようで誠に恐縮ですが、いくつか質問してもよろしいでしょうか。
 
１）ＨＴＭＬのところ、２番目の黄色部分は末尾の&lt;/iframe&gt;を&lt;/div&gt;に差し替えるという形になる...]]></description>
                        <content:encoded><![CDATA[<p>@leafytreeさま</p>
<p> </p>
<p>ご連絡ありがとうございます。</p>
<p> </p>
<p>ただいま、ご指摘の通りにやりましたら、うまく中揃えになっていました。非常に助かります。</p>
<p> </p>
<p>差し出がましいようで誠に恐縮ですが、いくつか質問してもよろしいでしょうか。</p>
<p> </p>
<p>１）ＨＴＭＬのところ、２番目の黄色部分は末尾の&lt;/iframe&gt;を<span>&lt;/div&gt;に差し替えるという形になるとの理解でよろしいでしょうか</span></p>
<p>２）この方法ですと、記事に地図を埋め込むたびに黄色い部分を挿入・差し替えする必要があるのでしょうか（逆にいいますと、同じサイト内でも、この作業をしないと左寄せのままになってしまうのでしょうか）</p>
<p>３）ただいま、例示した記事の中の一つの地図について上記の黄色を挿入・差し替えをしたところ、記事内のほかの地図も一気に中央揃えになっていました。２）の質問とも重複しますが、いちど黄色い部分を挿入・差し替えをすれば少なくとも同じ記事内では同様に反映されるのでしょうか</p>
<p>４）最初の投稿で紹介した以前のフォーラムの質問内容にありますように、ツイッターやインスタ、YouTubeの動画のように、ＣＳＳに特定の文言を挿入するだけで後は地図を埋め込むだけで（そのつどＨＴＭＬを手直ししなくても）自動的に中央揃えになるような方法は、Googleマップについてはないものでしょうか</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>Amy</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37485</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37483</link>
                        <pubDate>Sat, 25 Jul 2020 13:26:03 +0000</pubDate>
                        <description><![CDATA[カスタムHTMLブロックは、「フォーマット」というグループの中にあると思います。]]></description>
                        <content:encoded><![CDATA[<p>カスタムHTMLブロックは、「フォーマット」というグループの中にあると思います。</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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37483</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37482</link>
                        <pubDate>Sat, 25 Jul 2020 13:22:19 +0000</pubDate>
                        <description><![CDATA[@amy さん
ブロックエディターに「カスタムHTMLブロック」というのがあるので、そのブロックに記述します。
 
黄色いところが、自分で付け足す部分です。
 
CSSは、子テーマのCSSでもいいですし、追加CSSでもいいですし、１ページだけなら、投稿ページのカスタムCSSの欄に貼り付けても、いいと思います。]]></description>
                        <content:encoded><![CDATA[<p>@amy さん</p>
<p>ブロックエディターに「カスタムHTMLブロック」というのがあるので、そのブロックに記述します。</p>
<p> </p>
<p>黄色いところが、自分で付け足す部分です。</p>
<p> </p>
<p>CSSは、子テーマのCSSでもいいですし、追加CSSでもいいですし、１ページだけなら、投稿ページのカスタムCSSの欄に貼り付けても、いいと思います。</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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37482</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37481</link>
                        <pubDate>Sat, 25 Jul 2020 13:19:05 +0000</pubDate>
                        <description><![CDATA[@leafytreeさま
 
ご返信ありがとうございます。
 
大変申し訳ありません、なにぶん初心者なもので、ご指摘の内容をいかように反映させるのかが分かりません。お恥ずかしいのですが…。
 
ご指摘の内容を、どちらかに貼りつければよろしいのでしょうか。]]></description>
                        <content:encoded><![CDATA[<p>@leafytreeさま</p>
<p> </p>
<p>ご返信ありがとうございます。</p>
<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>Amy</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37481</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37480</link>
                        <pubDate>Sat, 25 Jul 2020 13:17:43 +0000</pubDate>
                        <description><![CDATA[あら、間にAmyさんの書き込みがはいっちゃいましたね。
すみません。
 
画面幅を縮めたときに、縦長になっちゃうのは、しょうがないかもしれません。]]></description>
                        <content:encoded><![CDATA[<p>あら、間にAmyさんの書き込みがはいっちゃいましたね。</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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37480</guid>
                    </item>
				                    <item>
                        <title>RE: 埋め込んだGoogleマップを中央揃えにする方法</title>
                        <link>https://wp-cocoon.com/community/customs/%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37479</link>
                        <pubDate>Sat, 25 Jul 2020 13:16:10 +0000</pubDate>
                        <description><![CDATA[CSS
.amy-map-container-outer-box {   text-align: center;   margin: 0 auto;}]]></description>
                        <content:encoded><![CDATA[<p>CSS</p>
<pre>.amy-map-container-outer-box {<br />   text-align: center;<br />   margin: 0 auto;<br />}</pre>
<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%9f%8b%e3%82%81%e8%be%bc%e3%82%93%e3%81%a0google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e4%b8%ad%e5%a4%ae%e6%8f%83%e3%81%88%e3%81%ab%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/#post-37479</guid>
                    </item>
							        </channel>
        </rss>
		