<?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>Elementor アーカイブ - 09design</title>
	<atom:link href="https://blog.09design-website.net/archives/category/elementor/feed" rel="self" type="application/rss+xml" />
	<link>https://blog.09design-website.net/archives/category/elementor</link>
	<description></description>
	<lastBuildDate>Thu, 04 Aug 2022 17:25:50 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://blog.09design-website.net/wp-content/uploads/2022/07/cropped-favicon-32x32.png</url>
	<title>Elementor アーカイブ - 09design</title>
	<link>https://blog.09design-website.net/archives/category/elementor</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【Elementor】エレメンターで画像を全画面にする方法</title>
		<link>https://blog.09design-website.net/archives/702</link>
					<comments>https://blog.09design-website.net/archives/702#respond</comments>
		
		<dc:creator><![CDATA[risa]]></dc:creator>
		<pubDate>Sat, 02 Jul 2022 04:09:39 +0000</pubDate>
				<category><![CDATA[Elementor]]></category>
		<guid isPermaLink="false">https://blog.09design-website.net/?p=702</guid>

					<description><![CDATA[<p>画像をフルスクリーン表示（全画面表示）するにはセクションを編集！ ①固定ページから新規追加でエレメンター編集ページに移動する。 ②タイトル名（今から作るページの名前でトップページや会社概要など）を入力し青いボタンの【El [&#8230;]</p>
<p>投稿 <a href="https://blog.09design-website.net/archives/702">【Elementor】エレメンターで画像を全画面にする方法</a> は <a href="https://blog.09design-website.net">09design</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00  liquid-speech-balloon-bubble liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>Elementor（エレメンター）で画像を画面いっぱいに広げたいけど余白が出来てしまう！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h3 class="wp-block-heading">画像をフルスクリーン表示（全画面表示）するにはセクションを編集！</h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">①固定ページから新規追加でエレメンター編集ページに移動する。</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="318" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor1-1024x318.png" alt="" class="wp-image-841" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor1-1024x318.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor1-300x93.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor1-768x238.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor1.png 1363w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">②タイトル名（今から作るページの名前でトップページや会社概要など）を入力し青いボタンの【Elementorで編集】をクリック。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="250" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor2-1024x250.png" alt="" class="wp-image-844" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor2-1024x250.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor2-300x73.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor2-768x188.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor2.png 1363w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">③プラスボタンを押す</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="250" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor3-1024x250.png" alt="" class="wp-image-849" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor3-1024x250.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor3-300x73.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor3-768x188.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor3.png 1363w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">④構造を選択から赤枠の部分を選択する</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="250" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor4-1024x250.png" alt="" class="wp-image-852" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor4-1024x250.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor4-300x73.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor4-768x188.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor4.png 1363w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">⑤左側に出てくるセクションを編集する項目からレイアウトの下に水色の線が出ていることを確認する</p>



<p class="wp-block-paragraph">レイアウトの下に水色の線が出ていなかったらレイアウトをクリック。</p>



<p class="wp-block-paragraph">コンテンツの幅を【全幅】に変更する。</p>



<p class="wp-block-paragraph">次に、カラムギャップを【すき間なし】に変更する。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="497" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-1024x497.png" alt="" class="wp-image-855" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-1024x497.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-300x146.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-768x373.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-1536x745.png 1536w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor5-1-2048x994.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="wp-block-paragraph">⑥ウィジェットを選択する画面に戻り、画像ウィジェットを選択。</p>



<p class="wp-block-paragraph">選択できたら、ドラック＆ドロップして灰色の点線の中に画像ウィジェットを入れる</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-1024x313.png" alt="" class="wp-image-859" width="1024" height="313" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-1024x313.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-300x92.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-768x235.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-1536x469.png 1536w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor6-2048x626.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="wp-block-paragraph">⑦画像ウィジェットがカラムの中に入ったら、【画像の選択】から使いたい画像をアップロードする。</p>



<p class="wp-block-paragraph">次に【スタイル】を選択する。</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-1024x521.png" alt="elementor7" class="wp-image-862" width="1024" height="521" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-1024x521.png 1024w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-300x153.png 300w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-768x391.png 768w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-1536x782.png 1536w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor-2048x1042.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<p class="wp-block-paragraph">⑧スタイルを選択出来たら、【幅】を100％に変更する。（PXやVWが選択されていると上手くいかないことがあるので注意！）</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="672" src="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor7.png" alt="" class="wp-image-865" srcset="https://blog.09design-website.net/wp-content/uploads/2022/07/elementor7.png 606w, https://blog.09design-website.net/wp-content/uploads/2022/07/elementor7-271x300.png 271w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



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



<p class="wp-block-paragraph">お疲れ様でした！</p>



<p class="wp-block-paragraph">これで画像をフルスクリーン表示（全画面表示）することが出来ます。</p>



<p class="wp-block-paragraph">ぜひ挑戦してみて下さい。</p>
<p>投稿 <a href="https://blog.09design-website.net/archives/702">【Elementor】エレメンターで画像を全画面にする方法</a> は <a href="https://blog.09design-website.net">09design</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.09design-website.net/archives/702/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
