<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:media="http://search.yahoo.com/mrss/"
	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>blocksy &#8211; 馬修 IT</title>
	<atom:link href="https://blog.ocam.live/archives/tag/blocksy/feed" rel="self" type="application/rss+xml" />
	<link>https://blog.ocam.live</link>
	<description>生活中所接觸各種電腦及網路問題與懷舊模擬器的專業問題解決與新資訊介紹的網站</description>
	<lastBuildDate>Wed, 23 Apr 2025 01:27:48 +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://blog.ocam.live/wp-content/uploads/2025/03/cropped-logo-1-300x300.png</url>
	<title>blocksy &#8211; 馬修 IT</title>
	<link>https://blog.ocam.live</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>如何在 Blocksy Theme 安裝 Google Analytics 4 追蹤碼</title>
		<link>https://blog.ocam.live/archives/3534</link>
		
		<dc:creator><![CDATA[blog.ocam.live]]></dc:creator>
		<pubDate>Wed, 16 Apr 2025 01:58:46 +0000</pubDate>
				<category><![CDATA[IT 日常]]></category>
		<category><![CDATA[blocksy]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://blog.ocam.live/?p=3534</guid>

					<description><![CDATA[要在 Blocksy theme 按裝 GA4 首先你需要先去取得 Google Analytics 4 的追 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-toy1wbs" id="要在-blocksy-theme-按裝-ga-4-首先你需要先去取得-google-analytics-4-的追蹤碼" data-block-id="toy1wbs"><h2 class="stk-block-heading__text">要在 Blocksy theme 按裝 GA4 首先你需要先去取得 Google Analytics 4 的追蹤碼</h2></div>



<p class="wp-block-paragraph">我這邊是用本站的 Google Analytics 4 追蹤碼當範例『G-DRCZ097PL0』</p>



<div class="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-emrcq69" id="登入-blocksy-theme-網站的-wordpress-後台" data-block-id="emrcq69"><h2 class="stk-block-heading__text">登入 Blocksy Theme 網站的 WordPress 後台</h2></div>



<p class="wp-block-paragraph">1：登進 wordpress 後台，選擇外觀-&gt;自定</p>



<p class="wp-block-paragraph">2：選擇一般-&gt;訪客互動。在 Google Analytics 4 的欄位上填上你網站的 GA4 追蹤碼之後並存檔即可</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="339" height="490" src="https://blog.ocam.live/wp-content/uploads/2025/04/blocksy_theme_ga4_input.png" alt="Blocksy theme Google Analytics 4 setting " class="wp-image-3538" title="如何在 Blocksy Theme 安裝 Google Analytics 4 追蹤碼"></figure>
]]></content:encoded>
					
		
		
		<media:content url="https://blog.ocam.live/wp-content/uploads/2025/04/blocksy_theme_logo.png" medium="image"></media:content>
            	</item>
		<item>
		<title>如何在 Blocksy Free 的版本使用自定字型</title>
		<link>https://blog.ocam.live/archives/3403</link>
		
		<dc:creator><![CDATA[blog.ocam.live]]></dc:creator>
		<pubDate>Mon, 14 Apr 2025 07:02:38 +0000</pubDate>
				<category><![CDATA[IT 日常]]></category>
		<category><![CDATA[程式設言]]></category>
		<category><![CDATA[blocksy]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://blog.ocam.live/?p=3403</guid>

					<description><![CDATA[為什麼要在 Blocksy Free 使用自定字型。除了版型美觀外還有其它我個人認為的重要原因 網站載入會較快 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">為什麼要在 Blocksy Free 使用自定字型。除了版型美觀外還有其它我個人認為的重要原因</p>



<ul class="wp-block-list">
<li>1：網站載入會較快</li>



<li>2：GDPR</li>
</ul>



<p class="wp-block-paragraph">網站載入會較快<br>通常使用本地字型會比使用 Google cloud 的字型還要快。</p>



<p class="wp-block-paragraph">GDPR<br>在歐盟區裡為了保護個資通常不允許使用外部字型。為了避免違規申訴，您需要將字體保存在本地，然後再在您的網站中使用這些字體。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="768" src="https://blog.ocam.live/wp-content/uploads/2025/04/GDPR-警告圖.jpg" alt="GDPR 警告圖" class="wp-image-3466" title="如何在 Blocksy Free 的版本使用自定字型" srcset="https://blog.ocam.live/wp-content/uploads/2025/04/GDPR-警告圖.jpg 1024w, https://blog.ocam.live/wp-content/uploads/2025/04/GDPR-警告圖-600x450.jpg 600w, https://blog.ocam.live/wp-content/uploads/2025/04/GDPR-警告圖-860x645.jpg 860w, https://blog.ocam.live/wp-content/uploads/2025/04/GDPR-警告圖-768x576.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">如何把 Google Font 加至網站的 WordPress 裡</p>



<p class="has-medium-font-size wp-block-paragraph">1：請至 <a href="http://fonts.google.com" target="_blank" rel="noreferrer noopener nofollow">fonts.google.com</a> and 下載你想要使用的字型. 這邊我下載 Noto_Sans_TC 作示範。記得按右上角的 Get Font 下載。壓縮包裡會有許多的檔案。我選的是 NotoSansTC-Regular 。各位可依自已喜好選擇自已想要的字型檔案，不同的檔案通常是字體的粗細不同。</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://blog.ocam.live/wp-content/uploads/2025/04/download_font-1024x426.png" alt="Google Font Download" class="wp-image-3468" title="如何在 Blocksy Free 的版本使用自定字型"></figure>



<p class="wp-block-paragraph">2：把你想要用的字型檔案上傳至 <a href="https://www.fontsquirrel.com/tools/webfont-generator" target="_blank" rel="noreferrer noopener nofollow">fontsquirrel.com</a> 轉成 WOFF。</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://blog.ocam.live/wp-content/uploads/2025/04/fontsquirrel-1024x528.png" alt="fontsquirrel 上傳檔案" class="wp-image-3469" title="如何在 Blocksy Free 的版本使用自定字型"></figure>



<p class="wp-block-paragraph">3：把 ttf 跟 woff 兩個檔案上傳主機上. </p>



<p class="wp-block-paragraph">通常上傳的目錄可隨意。我個人是會上傳到子主題的目錄下。當然你也可以在 wp-content 下建立目錄然後把兩個檔案上傳進去。目錄名稱是沒有限制的。隨意就好。</p>



<p class="wp-block-paragraph">4：在子主題的目錄下新增 <strong>Costomfont.css</strong></p>



<pre class="wp-block-code"><code>@font-face {
    font-family: 'CustomFont';
    src: url('NotoSansTC-Regular.ttf') format('ttf'),
         url('NotoSansTC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}</code></pre>



<p class="wp-block-paragraph">NotoSansTC-Regular 是我這邊選用的檔案。請自行更改成你選用的檔案檔名。</p>



<p class="wp-block-paragraph">5：把 <strong>Costomfont.css</strong> 加自子主題的 function.php 裡</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://blog.ocam.live/wp-content/uploads/2025/04/blocksy_font_function-1024x265.png" alt="blocksy font function" class="wp-image-3474" title="如何在 Blocksy Free 的版本使用自定字型"></figure>



<pre class="wp-block-code"><code>function add_custom_fonts() {
    wp_enqueue_style( 'my-styles', WP_CONTENT_URL . '/themes/blocksy-child/<strong>Costomfont</strong>.css', array(), '1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'add_custom_fonts' );</code></pre>



<p class="wp-block-paragraph">6：在文章內導入自定字型</p>



<p class="wp-block-paragraph">修改 外觀-&gt;自定-&gt;附加的 CSS 增加你想要變更字型的 CSS . 這邊有幾個範例可參考。</p>



<pre class="wp-block-code"><code>本文
body {
    font-family: 'CustomFont';
}
標題
.page-title{
    font-family: 'CustomFont';
}
Menu
.menu&gt;li&gt;.ct-menu-link{
    font-family: 'CustomFont';
}
按鈕
.ct-button {
    font-family: 'CustomFont';
}

h2 {
    font-family: 'CustomFont';
}

.entry-excerpt {
    font-family: 'CustomFont';
}</code></pre>



<p class="wp-block-paragraph">以上就是 Blocksy Free 主題增加字型的方式。當然最簡單的方式還是去付費購買 PRO 版，可免除這些步驟。</p>
]]></content:encoded>
					
		
		
		<media:content url="https://blog.ocam.live/wp-content/uploads/2025/04/Blocksy-Free-1.jpg" medium="image"></media:content>
            	</item>
	</channel>
</rss>
