<?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>按鈕 標籤 - Let&#039;s Write</title>
	<atom:link href="https://www.letswrite.tw/tag/%E6%8C%89%E9%88%95/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.letswrite.tw/tag/按鈕/</link>
	<description>前端工程師 August 的學習筆記 -- solving problems, in simple ways.</description>
	<lastBuildDate>Sun, 30 Mar 2025 12:40:33 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://res.cloudinary.com/let-s-write/images/w_32,h_32,c_fill,g_auto/f_auto,q_auto/v1746103360/cropped-logo_2025/cropped-logo_2025.png?_i=AA</url>
	<title>按鈕 標籤 - Let&#039;s Write</title>
	<link>https://www.letswrite.tw/tag/按鈕/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">186153126</site>	<item>
		<title>用原生 JavaScript 做一個簡單的抽獎功能頁面</title>
		<link>https://www.letswrite.tw/simple-lottery/</link>
					<comments>https://www.letswrite.tw/simple-lottery/#comments</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Mon, 20 Jun 2022 14:20:21 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[抽獎]]></category>
		<category><![CDATA[按鈕]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=461</guid>

					<description><![CDATA[<p>本篇大綱：本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎，就自己動手寫了一個出來。把抽獎的名單換成店家名稱，順便再加上Google Map進去，就解決不知道午餐要吃什麼的煩惱啦~</p>
<p>這篇文章 <a href="https://www.letswrite.tw/simple-lottery/">用原生 JavaScript 做一個簡單的抽獎功能頁面</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/simple-lottery/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">461</post-id>	</item>
		<item>
		<title>用 Auth0 在 WordPress 上做會員註冊、登入功能</title>
		<link>https://www.letswrite.tw/auth0-wordpress/</link>
					<comments>https://www.letswrite.tw/auth0-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Wed, 15 Apr 2020 08:36:27 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Auth0]]></category>
		<category><![CDATA[Cookies]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Token]]></category>
		<category><![CDATA[按鈕]]></category>
		<category><![CDATA[登入]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=1115</guid>

					<description><![CDATA[<p>探索如何在 WordPress 上使用 Auth0 實現會員註冊和登入功能。本文詳細介紹了從頁面上添加登入按鈕、設置登入按鈕的點擊事件，到用戶登入後捕獲用戶資訊並在頁面上顯示的過程。還提供了完成的 JavaScript 檔案放置方法。</p>
<p>這篇文章 <a href="https://www.letswrite.tw/auth0-wordpress/">用 Auth0 在 WordPress 上做會員註冊、登入功能</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/auth0-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1115</post-id>	</item>
		<item>
		<title>用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）</title>
		<link>https://www.letswrite.tw/wordpress-share-buttons/</link>
					<comments>https://www.letswrite.tw/wordpress-share-buttons/#comments</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Sun, 08 Mar 2020 05:58:49 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[LINE]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[分享]]></category>
		<category><![CDATA[按鈕]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=1041</guid>

					<description><![CDATA[<p>學習如何在 WordPress 上使用原生 JavaScript 製作 FB、LINE 和 Twitter 的社群分享按鈕。本文提供了詳細的步驟指南和完整程式碼，助你輕鬆實現社群分享功能。</p>
<p>這篇文章 <a href="https://www.letswrite.tw/wordpress-share-buttons/">用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/wordpress-share-buttons/feed/</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1041</post-id>	</item>
		<item>
		<title>用 Firebase、Google Apps Script、GTM 自己做一個讚按鈕</title>
		<link>https://www.letswrite.tw/helpful-btn/</link>
					<comments>https://www.letswrite.tw/helpful-btn/#respond</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Mon, 19 Aug 2019 14:19:03 +0000</pubDate>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Others]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[GTM]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[按鈕]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=340</guid>

					<description><![CDATA[<p>本篇大綱：為什麼要自己開發一個按鈕、按鈕樣式部份、按鈕功能部份、判斷使用者語系、在 Google Apps Script 上寫 API、cookies、發 Google Analytics 事件、埋程式碼HTML、CSS、JS、結論。</p>
<p>這篇文章 <a href="https://www.letswrite.tw/helpful-btn/">用 Firebase、Google Apps Script、GTM 自己做一個讚按鈕</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/helpful-btn/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">340</post-id>	</item>
		<item>
		<title>漸層色按鈕 Hover 效果</title>
		<link>https://www.letswrite.tw/gradient-button-css/</link>
					<comments>https://www.letswrite.tw/gradient-button-css/#respond</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Wed, 31 Jul 2019 05:57:23 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[CodePen]]></category>
		<category><![CDATA[按鈕]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=80</guid>

					<description><![CDATA[<p>本篇大綱：本篇要解決的問題、寫code前的原理思考、實作程式碼部份。今天在看Google AMP的文件時，看見他們頁面上的按鈕，就是非漸色轉到漸層色，並且還能帶有transition的過渡。看了一下他們的寫法，發現原理很簡單，就寫了一個在CodePen上，方便以後取用。</p>
<p>這篇文章 <a href="https://www.letswrite.tw/gradient-button-css/">漸層色按鈕 Hover 效果</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/gradient-button-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">80</post-id>	</item>
		<item>
		<title>一個簡單的卡片樣式 Simple Card UI</title>
		<link>https://www.letswrite.tw/simple-card-ui/</link>
					<comments>https://www.letswrite.tw/simple-card-ui/#respond</comments>
		
		<dc:creator><![CDATA[August]]></dc:creator>
		<pubDate>Wed, 31 Jul 2019 05:40:34 +0000</pubDate>
				<category><![CDATA[Front-End]]></category>
		<category><![CDATA[CodePen]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[圖片]]></category>
		<category><![CDATA[按鈕]]></category>
		<category><![CDATA[設計]]></category>
		<guid isPermaLink="false">http://localhost:3001/?p=75</guid>

					<description><![CDATA[<p>從Google Material Design問世以後，愈來愈多網站設計出了卡片的ui。卡片樣式大同小異，大部份包含：頭(大圖)、身體(內文)、尾巴(連結)。今天設計了一個簡單造形的卡片，歡迎大家取用。以下講一下設計上的思考，跟一些最近常用的方法。</p>
<p>這篇文章 <a href="https://www.letswrite.tw/simple-card-ui/">一個簡單的卡片樣式 Simple Card UI</a> 最早出現於 <a href="https://www.letswrite.tw">Let&#039;s Write</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.letswrite.tw/simple-card-ui/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">75</post-id>	</item>
	</channel>
</rss>
