<?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>全方位網站設計與SEO服務 &#8211; 台北韌性RWD網頁專家 &#8211; 新視界網頁設計</title>
	<atom:link href="https://www.vf.com.tw/tag/elementor/feed" rel="self" type="application/rss+xml" />
	<link>https://www.vf.com.tw</link>
	<description>Vision Flow</description>
	<lastBuildDate>Mon, 10 Dec 2018 07:57:32 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://www.vf.com.tw/wp-content/uploads/2018/11/vf8-150x150.png</url>
	<title>全方位網站設計與SEO服務 &#8211; 台北韌性RWD網頁專家 &#8211; 新視界網頁設計</title>
	<link>https://www.vf.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>聯絡表單教學</title>
		<link>https://www.vf.com.tw/teaching/getting-started/form-editor.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Mon, 23 Jul 2018 09:31:18 +0000</pubDate>
				<category><![CDATA[企業網站設計流程：HTML與響應式RWD實作技巧]]></category>
		<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[多平台響應式網站設計與行銷優化 | VF網頁建置團隊]]></category>
		<category><![CDATA[專業RWD響應式網站設計｜提升SEO與用戶體驗專家滿足多端裝置訪客需求]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=5998</guid>

					<description><![CDATA[一、表單欄位新增修改教學 進入聯絡我們的頁面，選擇以 Elementor 編輯，然後點選表單區塊。 選擇表單欄 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5998" class="elementor elementor-5998 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-1e177563 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e177563" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59426806" data-id="59426806" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5ead3b9 elementor-widget elementor-widget-heading" data-id="5ead3b9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">一、表單欄位新增修改教學</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-2c502246 elementor-widget elementor-widget-text-editor" data-id="2c502246" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>進入聯絡我們的頁面，選擇以 Elementor 編輯，然後點選表單區塊。</li><li>選擇表單欄位。</li><li>選擇想編輯的項目，直接修改即可。</li><li>如果需要複製，請直接選取複製，複製後再回到上一步驟修改。</li><li>如果不需要該欄位，可直接刪除。</li><li>如果需要新的欄位，可新增新欄位。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-5b5ac4e6 elementor-widget elementor-widget-image" data-id="5b5ac4e6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/07/form-edit.png" data-elementor-open-lightbox="no">
							<img fetchpriority="high" decoding="async" width="1024" height="710" src="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit-1024x710.png" class="attachment-large size-large wp-image-6003" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit-1024x710.png 1024w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit-300x208.png 300w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit-768x532.png 768w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit.png 1262w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5700aad elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5700aad" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2062813" data-id="2062813" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f7f0863 elementor-widget elementor-widget-heading" data-id="f7f0863" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">二、表單聯絡人修改</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3d2f633 elementor-widget elementor-widget-text-editor" data-id="3d2f633" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol start="7"><li>選擇電子郵件，然後直接修改聯絡人郵件即可。</li><li>如果還想寄副本給別人，可在此輸入另一人的 Email。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-36d269e elementor-widget elementor-widget-image" data-id="36d269e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/07/form-edit2.png" data-elementor-open-lightbox="no">
							<img decoding="async" width="1024" height="721" src="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit2-1024x721.png" class="attachment-large size-large wp-image-6004" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit2-1024x721.png 1024w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit2-300x211.png 300w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit2-768x541.png 768w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit2.png 1246w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-e7a114a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e7a114a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f9a1214" data-id="f9a1214" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9d4a232 elementor-widget elementor-widget-heading" data-id="9d4a232" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">三、自訂表單訊息</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-0cb384a elementor-widget elementor-widget-text-editor" data-id="0cb384a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol start="9"><li>選擇其他選項，輸入相關訊息即可。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-3883da7 elementor-widget elementor-widget-image" data-id="3883da7" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/07/form-edit3.png" data-elementor-open-lightbox="no">
							<img decoding="async" width="1024" height="556" src="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit3-1024x556.png" class="attachment-large size-large wp-image-6005" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit3-1024x556.png 1024w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit3-300x163.png 300w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit3-768x417.png 768w, https://www.vf.com.tw/wp-content/uploads/2018/07/form-edit3.png 1246w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何修改首頁標題背景圖片</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/how-to-change-homepage-background.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 13 Mar 2018 03:09:31 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[多平台響應式網站設計與行銷優化 | VF網頁建置團隊]]></category>
		<category><![CDATA[專業RWD響應式網站設計｜提升SEO與用戶體驗專家滿足多端裝置訪客需求]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=5386</guid>

					<description><![CDATA[進入首頁，選擇以 Elementor 編輯，然後點選標題區塊。 選擇左邊編輯功能的樣式。 選擇想新增或置換的圖 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5386" class="elementor elementor-5386 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-1e177563 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e177563" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59426806" data-id="59426806" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2c502246 elementor-widget elementor-widget-text-editor" data-id="2c502246" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>進入首頁，選擇以 Elementor 編輯，然後點選標題區塊。</li><li>選擇左邊編輯功能的樣式。</li><li>選擇想新增或置換的圖片後，儲存即可。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-5b5ac4e6 elementor-widget elementor-widget-image" data-id="5b5ac4e6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/01/box-background.jpg" data-elementor-open-lightbox="no">
							<img loading="lazy" decoding="async" width="1024" height="593" src="https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-1024x593.jpg" class="attachment-large size-large wp-image-4692" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-1024x593.jpg 1024w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-300x174.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-768x445.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background.jpg 1217w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>錨點設定 &#8211; 設定同頁特定區塊的選單連結</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/anchor-setting.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 13 Mar 2018 02:46:42 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[VF網頁設計：企業多語系網站與品牌提升方案]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<category><![CDATA[網站錨點與排版設計：提升導航效率與SEO排名]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=5375</guid>

					<description><![CDATA[錨點設定 &#8211; 設定同頁特定區塊連結 點選想設定錨點的項目。 左方功能表中點選進階。 填入錨點名稱。 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5375" class="elementor elementor-5375 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-476d8831 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="476d8831" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42553a69" data-id="42553a69" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-60d6c03b elementor-invisible elementor-widget elementor-widget-heading" data-id="60d6c03b" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">錨點設定 - 設定同頁特定區塊連結</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5efc25a0 elementor-widget elementor-widget-text-editor" data-id="5efc25a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>點選想設定錨點的項目。</li><li>左方功能表中點選進階。</li><li>填入錨點名稱。</li><li>設定連結為該頁網址後加上 #錨點名稱，如 http://webs.com.tw/web-design-quote.html#webdesign-price</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-7fa6264c elementor-widget elementor-widget-image" data-id="7fa6264c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/03/Anchor-setting.jpg" data-elementor-open-lightbox="no">
							<img loading="lazy" decoding="async" width="1024" height="689" src="https://www.vf.com.tw/wp-content/uploads/2018/03/Anchor-setting-1024x689.jpg" class="attachment-large size-large wp-image-5381" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/03/Anchor-setting-1024x689.jpg 1024w, https://www.vf.com.tw/wp-content/uploads/2018/03/Anchor-setting-300x202.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/03/Anchor-setting-768x517.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/03/Anchor-setting.jpg 1329w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>免費圖片教學</title>
		<link>https://www.vf.com.tw/teaching/free-photo.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Thu, 04 Jan 2018 02:20:08 +0000</pubDate>
				<category><![CDATA[元素小工具簡介]]></category>
		<category><![CDATA[全方位網頁設計服務 - 包含網站架構與品質提升建議]]></category>
		<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4373</guid>

					<description><![CDATA[如何使用 免費圖庫 進入後台，選擇 媒體 中的 Instant Images 請輸入您想搜尋的圖片類型(目前只 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4373" class="elementor elementor-4373 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-6f94dff8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6f94dff8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-300651ba" data-id="300651ba" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-216723da elementor-invisible elementor-widget elementor-widget-heading" data-id="216723da" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">如何使用 免費圖庫</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5a2283bf elementor-widget elementor-widget-text-editor" data-id="5a2283bf" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>進入後台，選擇 <strong>媒體</strong> 中的 <strong>Instant Images</strong></li><li>請輸入您想搜尋的圖片類型(目前只支援英文)，按搜尋即會出現圖庫，如下圖所示。</li><li>點擊選擇的圖片即可匯入圖庫，便能在全站使用。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-37a497f elementor-widget elementor-widget-image" data-id="37a497f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="931" height="500" src="https://www.vf.com.tw/wp-content/uploads/2018/04/freee-image2.jpg" class="attachment-large size-large wp-image-5517" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/04/freee-image2.jpg 931w, https://www.vf.com.tw/wp-content/uploads/2018/04/freee-image2-300x161.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/04/freee-image2-768x412.jpg 768w" sizes="(max-width: 931px) 100vw, 931px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何使用動態效果</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/how-to-use-effect.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:18:14 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4200</guid>

					<description><![CDATA[設定進場動畫 點選想設定動畫的項目，可選整個區段、區塊、或是個別的小工具元素都可以。 左方功能表中點選進階。  [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4200" class="elementor elementor-4200 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-476d8831 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="476d8831" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42553a69" data-id="42553a69" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-60d6c03b elementor-invisible elementor-widget elementor-widget-heading" data-id="60d6c03b" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">設定進場動畫</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5efc25a0 elementor-widget elementor-widget-text-editor" data-id="5efc25a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>點選想設定動畫的項目，可選整個區段、區塊、或是個別的小工具元素都可以。</li><li>左方功能表中點選進階。</li><li>選擇喜歡的動畫即可。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-7fa6264c elementor-widget elementor-widget-image" data-id="7fa6264c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/01/effect1.jpg" data-elementor-open-lightbox="no">
							<img loading="lazy" decoding="async" width="1024" height="617" src="https://www.vf.com.tw/wp-content/uploads/2018/01/effect1-1024x617.jpg" class="attachment-large size-large wp-image-4688" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/effect1-1024x617.jpg 1024w, https://www.vf.com.tw/wp-content/uploads/2018/01/effect1-300x181.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/effect1-768x463.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/01/effect1.jpg 1289w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何新增或修改區塊背景</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/how-to-change-background.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:15:15 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4194</guid>

					<description><![CDATA[點選欲新增或修改的區塊。 選擇左邊編輯功能的樣式。 選擇想新增或置換的圖片後，儲存即可。]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4194" class="elementor elementor-4194 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-1e177563 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e177563" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59426806" data-id="59426806" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2c502246 elementor-widget elementor-widget-text-editor" data-id="2c502246" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>點選欲新增或修改的區塊。</li><li>選擇左邊編輯功能的樣式。</li><li>選擇想新增或置換的圖片後，儲存即可。</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-5b5ac4e6 elementor-widget elementor-widget-image" data-id="5b5ac4e6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="http://webs.com.tw/wp-content/uploads/2018/01/box-background.jpg" data-elementor-open-lightbox="no">
							<img loading="lazy" decoding="async" width="1024" height="593" src="https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-1024x593.jpg" class="attachment-large size-large wp-image-4692" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-1024x593.jpg 1024w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-300x174.jpg 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background-768x445.jpg 768w, https://www.vf.com.tw/wp-content/uploads/2018/01/box-background.jpg 1217w" sizes="(max-width: 1024px) 100vw, 1024px" />								</a>
															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何修改字型</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/how-to-change-font.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:12:49 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4190</guid>

					<description><![CDATA[修改字型有兩種，一個是使用 Elementor 元素專業編輯器建立的頁面中字型，一個是主題字型，主題字型包含頁 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4190" class="elementor elementor-4190 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-69ec762 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69ec762" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75d786d" data-id="75d786d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-60e3d47 elementor-widget elementor-widget-text-editor" data-id="60e3d47" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>修改字型有兩種，一個是使用 Elementor 元素專業編輯器建立的頁面中字型，一個是主題字型，主題字型包含頁首、選單、頁尾、小工具等，如欲了解如何修改主題字型，請由下方按鈕進入該頁。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-7dcb60b elementor-align-center elementor-widget elementor-widget-button" data-id="7dcb60b" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-md" href="http://how-to-change-theme-font.html">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">主題字型修改教學</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-2e46e29 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2e46e29" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-26ae9b3 elementor-widget elementor-widget-heading" data-id="26ae9b3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">字型概念</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-32ed3f3 elementor-widget elementor-widget-text-editor" data-id="32ed3f3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>請注意，網站的字型只能使用電腦有的字型，才能讓所有客戶看到，如標楷體、新細明體、微軟正黑體等，如果您設定的字型是您自行購買的字體，則只有您自己的電腦才能看到，請不要設定這種字體，以防止別人無法觀看。</p><p>請參考下圖：</p><ol><li>進入後台，點選 Elementor 中的 設定。</li><li>點選 Elementor 設定頁面中的 &#8220;樣式&#8221; 頁籤</li><li>將 &#8220;預設通用字型&#8221; 填入您想設定的字型</li></ol>								</div>
				</div>
				<div class="elementor-element elementor-element-20b4dd8 elementor-widget elementor-widget-image" data-id="20b4dd8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="778" height="693" src="https://www.vf.com.tw/wp-content/uploads/2018/01/elementor-font-setting.gif" class="attachment-full size-full wp-image-4448" alt="" />															</div>
				</div>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-2743506 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2743506" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c646b17" data-id="c646b17" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3829153 elementor-widget elementor-widget-spacer" data-id="3829153" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c996ad0 elementor-widget elementor-widget-text-editor" data-id="c996ad0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;">如果您在前台，也可由編輯器的設定中進入，如右圖</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f87d216" data-id="f87d216" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-fc671e9 elementor-widget elementor-widget-image" data-id="fc671e9" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="274" height="442" src="https://www.vf.com.tw/wp-content/uploads/2018/01/font-setting.gif" class="attachment-large size-large wp-image-4449" alt="" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>網頁設計教學</title>
		<link>https://www.vf.com.tw/teaching/web-design-teacher.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:04:00 +0000</pubDate>
				<category><![CDATA[全方位網頁設計服務 - 包含網站架構與品質提升建議]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4185</guid>

					<description><![CDATA[網頁設計教學入門 網頁編輯器教學 佈景主題設計教學 購物網站教學 網頁設計功能介紹]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4185" class="elementor elementor-4185 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-342e827 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="342e827" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66b43f5" data-id="66b43f5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-89bda2b elementor-widget elementor-widget-heading" data-id="89bda2b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網頁設計教學入門</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b5f0d73 elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts" data-id="b5f0d73" data-element_type="widget" data-e-type="widget" data-settings="{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.classic">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-966 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-teaching category-elementor-started tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/webdesign-start.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/browser-1.svg" class="attachment-full size-full wp-image-8632" alt="網頁設計-RWD響應式網頁設計2" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/webdesign-start.html" >
				專業網頁編輯入門教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-975 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-teaching category-theme-design tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/webdesign-edit.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/computer.svg" class="attachment-full size-full wp-image-8476" alt="網頁設計-RWD響應式網頁設計153" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/webdesign-edit.html" >
				網站佈景主題設計入門教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4121 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/web-design-front-vs-back.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/stats.svg" class="attachment-full size-full wp-image-8576" alt="網頁設計-RWD響應式網頁設計55" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/web-design-front-vs-back.html" >
				網頁設計前台與後台介紹			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4123 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started tag-27 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-edit.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/computer-1.svg" class="attachment-full size-full wp-image-8477" alt="網頁設計-RWD響應式網頁設計151" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-edit.html" >
				如何編輯網頁			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4154 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-add-post-page.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/edit.svg" class="attachment-full size-full wp-image-8488" alt="網頁設計-RWD響應式網頁設計141" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-add-post-page.html" >
				如何新增文章			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4207 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/sitemap.svg" class="attachment-full size-full wp-image-8565" alt="網頁設計-RWD響應式網頁設計66" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu.html" >
				如何修改選單或設置子選單			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5992 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-hide-website.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/online-shop-9.svg" class="attachment-full size-full wp-image-8524" alt="網頁設計-RWD響應式網頁設計107" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-hide-website.html" >
				如何隱藏我的網站			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5985 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started tag-46 tag-36 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu-text.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/sitemap.svg" class="attachment-full size-full wp-image-8565" alt="網頁設計-RWD響應式網頁設計66" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu-text.html" >
				如何修改選單名稱			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5998 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-elementor-started tag-elementor tag-30 tag-36 tag-32 tag-48 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/form-editor.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/email-1.svg" class="attachment-full size-full wp-image-8490" alt="網頁設計-RWD響應式網頁設計140" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/form-editor.html" >
				聯絡表單教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5648 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-add.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img decoding="async" src="https://www.vf.com.tw/wp-content/uploads/2018/12/browser-2.svg" class="attachment-full size-full wp-image-8633" alt="網頁設計-RWD響應式網頁設計1" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-add.html" >
				如何新增頁面至選單			</a>
		</h3>
				</div>
				</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-65f62c0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="65f62c0" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a328259 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a328259" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d0ef01" data-id="6d0ef01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-26d5454 elementor-widget elementor-widget-heading" data-id="26d5454" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網頁編輯器教學</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7bef71c elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts" data-id="7bef71c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.classic">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-966 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-teaching category-elementor-started tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/webdesign-start.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/browser-1.svg" class="attachment-medium size-medium wp-image-8632" alt="網頁設計-RWD響應式網頁設計2" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/webdesign-start.html" >
				專業網頁編輯入門教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4181 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/browser-support.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/edge.svg" class="attachment-medium size-medium wp-image-8487" alt="網頁設計-RWD響應式網頁設計143" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/browser-support.html" >
				不支援的瀏覽器			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4183 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/how-to-edit-section.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/tap.svg" class="attachment-medium size-medium wp-image-8583" alt="網頁設計-RWD響應式網頁設計49" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/how-to-edit-section.html" >
				如何新增、移動、複製、刪除區塊			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4184 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-widgets category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/web-editor-elementor.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/computer.svg" class="attachment-medium size-medium wp-image-8476" alt="網頁設計-RWD響應式網頁設計153" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/web-editor-elementor.html" >
				網頁編輯器功能總覽			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4190 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-font.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/text-edit.svg" class="attachment-medium size-medium wp-image-8593" alt="網頁設計-RWD響應式網頁設計39" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-font.html" >
				如何修改字型			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4194 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-background.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/image-1.svg" class="attachment-medium size-medium wp-image-8496" alt="網頁設計-RWD響應式網頁設計133" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-background.html" >
				如何新增或修改區塊背景			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4200 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/how-to-use-effect.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/rocket.svg" class="attachment-medium size-medium wp-image-8548" alt="網頁設計-RWD響應式網頁設計83" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/how-to-use-effect.html" >
				如何使用動態效果			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4373 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-widgets category-teaching category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/free-photo.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/image.svg" class="attachment-medium size-medium wp-image-8495" alt="網頁設計-RWD響應式網頁設計136" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/free-photo.html" >
				免費圖片教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5375 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-46 tag-elementor tag-30 tag-36 tag-38 tag-47 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/anchor-setting.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/anchor2.svg" class="attachment-medium size-medium wp-image-8626" alt="網頁設計-RWD響應式網頁設計9" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/anchor-setting.html" >
				錨點設定 &#8211; 設定同頁特定區塊的選單連結			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5386 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-started tag-elementor tag-30 tag-36 tag-32 tag-48 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-homepage-background.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/136-house.svg" class="attachment-medium size-medium wp-image-8615" alt="網頁設計-RWD響應式網頁設計18" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/how-to-change-homepage-background.html" >
				如何修改首頁標題背景圖片			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5998 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-elementor-started tag-elementor tag-30 tag-36 tag-32 tag-48 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/form-editor.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/email-1.svg" class="attachment-medium size-medium wp-image-8490" alt="網頁設計-RWD響應式網頁設計140" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/form-editor.html" >
				聯絡表單教學			</a>
		</h3>
				</div>
				</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-3856a11 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="3856a11" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ad0e65f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ad0e65f" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3c201d" data-id="b3c201d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c359278 elementor-widget elementor-widget-heading" data-id="c359278" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">佈景主題設計教學</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c0d00d6 elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts" data-id="c0d00d6" data-element_type="widget" data-e-type="widget" data-settings="{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.classic">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-975 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-teaching category-theme-design tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/webdesign-edit.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/computer.svg" class="attachment-medium size-medium wp-image-8476" alt="網頁設計-RWD響應式網頁設計153" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/webdesign-edit.html" >
				網站佈景主題設計入門教學			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4179 post type-post status-publish format-standard has-post-thumbnail hentry category-theme-design tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/theme-design/how-to-change-theme-font.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/text-edit.svg" class="attachment-medium size-medium wp-image-8593" alt="網頁設計-RWD響應式網頁設計39" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/theme-design/how-to-change-theme-font.html" >
				如何修改主題字型			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4207 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/sitemap.svg" class="attachment-medium size-medium wp-image-8565" alt="網頁設計-RWD響應式網頁設計66" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-edit-menu.html" >
				如何修改選單或設置子選單			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5992 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-hide-website.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/online-shop-9.svg" class="attachment-medium size-medium wp-image-8524" alt="網頁設計-RWD響應式網頁設計107" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-hide-website.html" >
				如何隱藏我的網站			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5648 post type-post status-publish format-standard has-post-thumbnail hentry category-getting-started category-theme-design tag-46 tag-25 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/getting-started/how-to-add.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/browser-2.svg" class="attachment-medium size-medium wp-image-8633" alt="網頁設計-RWD響應式網頁設計1" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/getting-started/how-to-add.html" >
				如何新增頁面至選單			</a>
		</h3>
				</div>
				</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-7aaf5a0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="7aaf5a0" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-bf236d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bf236d5" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-965f8eb" data-id="965f8eb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6c83f8e elementor-widget elementor-widget-heading" data-id="6c83f8e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">購物網站教學</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-242a7aa elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts" data-id="242a7aa" data-element_type="widget" data-e-type="widget" data-settings="{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.classic">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-4511 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-40 tag-36 tag-38 tag-44 tag-33 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/add-product.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/online-shop-7.svg" class="attachment-medium size-medium wp-image-8522" alt="網頁設計-RWD響應式網頁設計109" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/add-product.html" >
				新增和管理商品			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4180 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-30 tag-36 tag-38 tag-44 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/how-to-setting-payment.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/payment-method-1.svg" class="attachment-medium size-medium wp-image-8530" alt="網頁設計-RWD響應式網頁設計101" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/how-to-setting-payment.html" >
				如何設定付款機制			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4182 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-40 tag-36 tag-38 tag-44 tag-33 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/ship-setting.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/delivery-truck-1.svg" class="attachment-medium size-medium wp-image-8484" alt="網頁設計-RWD響應式網頁設計146" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/ship-setting.html" >
				如何設定運費			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4501 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-40 tag-36 tag-38 tag-44 tag-33 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/free-ship-setting.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/free.svg" class="attachment-medium size-medium wp-image-8492" alt="網頁設計-RWD響應式網頁設計139" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/free-ship-setting.html" >
				如何設定滿額免運			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4552 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-40 tag-36 tag-38 tag-44 tag-33 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/v-product.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/online-shop-4.svg" class="attachment-medium size-medium wp-image-8519" alt="網頁設計-RWD響應式網頁設計112" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/v-product.html" >
				新增可變商品-顏色、尺寸等選擇			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5595 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-29 tag-30 tag-41 tag-36 tag-26 tag-woocommerce tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/051-tag.svg" class="attachment-medium size-medium wp-image-8611" alt="網頁設計-RWD響應式網頁設計23" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon.html" >
				如何使用優惠卷功能			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-5621 post type-post status-publish format-standard has-post-thumbnail hentry category-shopping-cart-teaching tag-29 tag-30 tag-41 tag-36 tag-26 tag-woocommerce tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon-2.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/048-tag-1.svg" class="attachment-medium size-medium wp-image-8606" alt="網頁設計-RWD響應式網頁設計28" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/shopping-cart-teaching/coupon-2.html" >
				滿千送百優惠教學			</a>
		</h3>
				</div>
				</article>
				</div>
		
						</div>
				</div>
				<div class="elementor-element elementor-element-fd3fe93 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="fd3fe93" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-15ce57d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="15ce57d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5eff563" data-id="5eff563" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5463aa0 elementor-widget elementor-widget-heading" data-id="5463aa0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網頁設計功能介紹</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-3e6c0c2 elementor-posts--align-center elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts" data-id="3e6c0c2" data-element_type="widget" data-e-type="widget" data-settings="{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="posts.classic">
				<div class="elementor-widget-container">
							<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
				<article class="elementor-post elementor-grid-item post-4184 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-widgets category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/elementor-started/web-editor-elementor.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/computer.svg" class="attachment-medium size-medium wp-image-8476" alt="網頁設計-RWD響應式網頁設計153" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/elementor-started/web-editor-elementor.html" >
				網頁編輯器功能總覽			</a>
		</h3>
				</div>
				</article>
				<article class="elementor-post elementor-grid-item post-4373 post type-post status-publish format-standard has-post-thumbnail hentry category-elementor-widgets category-teaching category-elementor-started tag-elementor tag-30 tag-36 tag-38 entry has-media" role="listitem">
				<a class="elementor-post__thumbnail__link" href="https://www.vf.com.tw/teaching/free-photo.html" tabindex="-1" >
			<div class="elementor-post__thumbnail"><img loading="lazy" decoding="async" width="1" height="1" src="https://www.vf.com.tw/wp-content/uploads/2018/12/image.svg" class="attachment-medium size-medium wp-image-8495" alt="網頁設計-RWD響應式網頁設計136" /></div>
		</a>
				<div class="elementor-post__text">
				<h3 class="elementor-post__title">
			<a href="https://www.vf.com.tw/teaching/free-photo.html" >
				免費圖片教學			</a>
		</h3>
				</div>
				</article>
				</div>
		
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>網頁編輯器功能總覽</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/web-editor-elementor.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:03:48 +0000</pubDate>
				<category><![CDATA[元素小工具簡介]]></category>
		<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4184</guid>

					<description><![CDATA[網站編輯器小工具功能清單 目前公認網頁設計最先進的]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4184" class="elementor elementor-4184 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-57a2146 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="57a2146" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-988531d" data-id="988531d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d2b7ceb elementor-widget elementor-widget-heading" data-id="d2b7ceb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網站編輯器小工具功能清單</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-7fd510e elementor-widget elementor-widget-text-editor" data-id="7fd510e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>目前公認網頁設計最先進的方式，就是直接將與先設計好的功能，直接拖曳至網頁中想放的位置，我們提供的功能幾乎涵蓋所有網頁設計所需，可以有無限種組合頁面，讓您無須任何程式基礎，就能快速設計出令人驚豔的先進網站！</p><p>我們會陸續一一將功能內容介紹給大家，敬請期待！</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b3bd5ea elementor-widget elementor-widget-image" data-id="b3bd5ea" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="891" height="755" src="https://www.vf.com.tw/wp-content/uploads/2017/11/elementor.gif" class="attachment-full size-full wp-image-2836" alt="" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何新增、移動、複製、刪除區塊</title>
		<link>https://www.vf.com.tw/teaching/elementor-started/how-to-edit-section.html</link>
		
		<dc:creator><![CDATA[sonice]]></dc:creator>
		<pubDate>Tue, 26 Dec 2017 02:03:37 +0000</pubDate>
				<category><![CDATA[專業網頁設計與優化技巧：提升網站性能與SEO排名]]></category>
		<category><![CDATA[全方位網站設計與SEO服務 - 台北韌性RWD網頁專家]]></category>
		<category><![CDATA[全方位網頁設計服務：響應式排版與多平台優化方案]]></category>
		<category><![CDATA[台灣專業網站設計及站台架構—快速響應與行銷]]></category>
		<category><![CDATA[網站設計與建構指南：提升搜尋引擎排名及用戶體驗]]></category>
		<guid isPermaLink="false">https://www.webs.com.tw/?p=4183</guid>

					<description><![CDATA[網頁元素新增與移動介紹 請按住左邊的元素，或是頁面]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4183" class="elementor elementor-4183 elementor-bc-flex-widget" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-cd239a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="cd239a4" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cfaf067" data-id="cfaf067" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-df057ef elementor-widget elementor-widget-heading" data-id="df057ef" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">網頁元素新增與移動介紹</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-c8dceb7 elementor-widget elementor-widget-image" data-id="c8dceb7" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="780" height="438" src="https://www.vf.com.tw/wp-content/uploads/2017/11/source.gif" class="attachment-full size-full wp-image-2502" alt="" />															</div>
				</div>
				<div class="elementor-element elementor-element-55e62f2 elementor-widget elementor-widget-text-editor" data-id="55e62f2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>請按住左邊的元素，或是頁面中的元素，拖曳到想放置的地方，待出現淺藍色的區域時，即是可以放置的位置，然後放開滑鼠，即可完成新增或移動。請注意，IE 與 Edge 瀏覽器不支援拖曳功能，請改用 Google Chrome。</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-68ad6c1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="68ad6c1" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f4d5a9" data-id="7f4d5a9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-206ac7d elementor-widget elementor-widget-heading" data-id="206ac7d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">區塊管理</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-16fde50 elementor-widget elementor-widget-image" data-id="16fde50" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1002" height="411" src="https://www.vf.com.tw/wp-content/uploads/2018/01/file-puELXr5ojv.png" class="attachment-full size-full wp-image-4435" alt="" srcset="https://www.vf.com.tw/wp-content/uploads/2018/01/file-puELXr5ojv.png 1002w, https://www.vf.com.tw/wp-content/uploads/2018/01/file-puELXr5ojv-300x123.png 300w, https://www.vf.com.tw/wp-content/uploads/2018/01/file-puELXr5ojv-768x315.png 768w" sizes="(max-width: 1002px) 100vw, 1002px" />															</div>
				</div>
				<div class="elementor-element elementor-element-9a08fd3 elementor-widget elementor-widget-text-editor" data-id="9a08fd3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<ol><li>管理整個區段，X為刪除，磁碟為儲存區段，+為新增區段，兩個頁面的圖為複製，可複製整個區段，三為移動整個區段。</li><li>黑色選單為管理該區塊，X為刪除，+為新增區段，兩個頁面的圖為複製，可複製整個區塊，頁面圖可移動整個區段。</li><li>淡藍色選單為管理該元素功能，X為刪除，磁碟為儲存區段， 兩個頁面的圖為複製元素，可複製整個區塊，頁面圖可移動整個區段。</li><li>按住區塊邊界虛線可移動區塊尺寸大小。</li><li>新增元素</li></ol>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
