網路創業課程: wordpress

顯示具有 wordpress 標籤的文章。顯示所有文章

WORDPRESS SEO PERMALINK中文網址優化技巧

jack kuo 星期二, 12月 20, 2016

<div class="entry-featured" style="background-color: #f3f3f3; border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; position: relative; transform: translate3d(0px, 0px, 0px);">
<div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;">
<img alt="Wordpress Seo Permalink中文網址優化技巧 1" class="attachment-large size-large wp-post-image" height="372" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/wordpress-seo-permalink%E4%B8%AD%E6%96%87%E7%B6%B2%E5%9D%80%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7-1-1024x514.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="742" /></div>
</div>
<div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 60px;">
<header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;">
wordpress seo permalink中文網址優化技巧</h1>
<div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;">
<span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-11-08T06:25:22+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-11-08</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a>, <a href="https://jackteacher.cc/category/%e7%b6%b2%e8%b7%af%e5%89%b5%e6%a5%ad%e8%aa%b2%e7%a8%8b/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “網路創業課程”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 網路創業課程</a>, <a href="https://jackteacher.cc/category/%e7%b6%b2%e8%b7%af%e8%a1%8c%e9%8a%b7%e8%aa%b2%e7%a8%8b/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “網路行銷課程”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 網路行銷課程</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/3026/wordpress-seo-permalink%e4%b8%ad%e6%96%87%e7%b6%b2%e5%9d%80%e5%84%aa%e5%8c%96%e6%8a%80%e5%b7%a7/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “wordpress seo permalink中文網址優化技巧”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div>
</header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;">
<blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;">
<div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;">
讓自已的網站擁有比較強的搜尋行銷SEO能力，是件非常重要的事，因為可以讓我們在網路行銷上事半功倍，藉由過搜尋引擎將更多潛在客戶吸引到我們的網站。</div>
</blockquote>
<div class="wp-caption alignnone" id="attachment_3045" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; float: none; margin: 0px 0px 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress Seo Permalink中文網址優化技巧 5" class="size-large wp-image-3045" height="533" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/wordpress-seo-permalink%E4%B8%AD%E6%96%87%E7%B6%B2%E5%9D%80%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7-5-1024x736.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 30.3125px; text-transform: uppercase;">
WORDPRESS SEO PERMALINK中文網址優化技巧 – 英文網站SEO技巧</div>
</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
跟隨國外網站，讓網址含有中文關鍵字，通常可以讓我們的網站或部落格擁有相對比較強一點點的SEO能力。</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
<a href="https://jackteacher.cc/3026/wordpress-seo-permalink%E4%B8%AD%E6%96%87%E7%B6%B2%E5%9D%80%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7/" target="_blank">查看詳細內容</a></div>
</div>
</div>

wordpress seo permalink中文網址優化技巧傑克老師 2016-11-08 WORDPRESS , 網路創業課程 , 網路行銷課程 0 COMMENTS 讓自已的網站擁有比較強的搜尋行銷SEO能力，是件非常重要的事，因為...

網路行銷課程網路創業課程 wordpress

Tweet Share Share Share Share Share

WordPress速度太慢嗎？優化的第一步，用cache plugin快取外掛提昇速度，讓它馬上飛快

jack kuo 星期六, 12月 17, 2016

<div class="entry-featured" style="border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; position: relative; transform: translate3d(0px, 0px, 0px);">
<div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;">
<img alt="Wordpress速度太慢嗎？優化的第一步，用快取提昇速度，讓它馬上飛快 3" class="attachment-large size-large wp-post-image" height="314" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/Wordpress%E9%80%9F%E5%BA%A6%E5%A4%AA%E6%85%A2%E5%97%8E%EF%BC%9F%E5%84%AA%E5%8C%96%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AD%A5%EF%BC%8C%E7%94%A8%E5%BF%AB%E5%8F%96%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%EF%BC%8C%E8%AE%93%E5%AE%83%E9%A6%AC%E4%B8%8A%E9%A3%9B%E5%BF%AB-3-1024x433.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="742" /></div>
</div>
<div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; padding: 60px;">
<header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-family: "Open Sans", sans-serif; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;">
WordPress速度太慢嗎？優化的第一步，用cache plugin快取外掛提昇速度，讓它馬上飛快</h1>
<div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;">
<span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-11-04T06:33:30+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-11-04</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2412/wordpress%e9%80%9f%e5%ba%a6%e5%a4%aa%e6%85%a2%e5%97%8e%ef%bc%9f%e5%84%aa%e5%8c%96%e7%9a%84%e7%ac%ac%e4%b8%80%e6%ad%a5%ef%bc%8c%e7%94%a8cache-plugin%e5%bf%ab%e5%8f%96%e5%a4%96%e6%8e%9b%e6%8f%90/#comments" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “WordPress速度太慢嗎？優化的第一步，用cache plugin快取外掛提昇速度，讓它馬上飛快”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 1 COMMENT</a></span></div>
</header><div class="entry-content content" style="box-sizing: border-box; margin: 10px 30px;">
<blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;">
<div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;">
網站速度，除了是影響使用者的舒適度最大的因素之一，還是搜尋引擎SEO的因素；別跟我說你不在意這件事，仔細回想一下，每當你點進一個網站後卻要等個3秒鐘，第一時間你是不是直覺想關掉呢！</div>
</blockquote>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 1.313em;">
經營一個網站，除了網站的美觀之外，網站的使用者「體驗」有時更重要，這個體驗最重要的基本要素之一就是「速度」，沒有了速度，其他功能再強，畫面再漂亮都沒有用，因為使用者沒有耐心等待。</div>
<div class="wp-caption alignnone" id="attachment_2971" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; color: #333333; float: none; font-family: "Open Sans", sans-serif; font-size: 18px; margin: 0px 0px 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress速度太慢嗎？優化的第一步，用快取提昇速度，讓它馬上飛快 7" class="size-large wp-image-2971" height="243" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/Wordpress%E9%80%9F%E5%BA%A6%E5%A4%AA%E6%85%A2%E5%97%8E%EF%BC%9F%E5%84%AA%E5%8C%96%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AD%A5%EF%BC%8C%E7%94%A8%E5%BF%AB%E5%8F%96%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%EF%BC%8C%E8%AE%93%E5%AE%83%E9%A6%AC%E4%B8%8A%E9%A3%9B%E5%BF%AB-7-1024x336.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 30.3125px; text-transform: uppercase;">
WORDPRESS速度太慢嗎？優化的第一步，用快取提昇速度，讓它馬上飛快 – 如何挑選外掛？</div>
</div>
<h3 style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 1.4em; letter-spacing: -0.026em; line-height: 1.3; margin: 2em 0em 1em; text-rendering: optimizeLegibility;">
如何挑選外掛？</h3>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 1.313em;">
當選定一個wordpress plugin外掛後，要不要使用呢？我最常參考的指標有底下幾個</div>
<ul style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 18px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.313em 1.655em; padding: 0px;">
<li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">活躍安裝數目：安裝及使用的人越多越好，代表著認同的人越多。</li>
<li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">最近更新：更新日期越近越好，表示這個外掛有人在不斷的維護。</li>
</ul>
<div>
<span style="color: #333333; font-family: Open Sans, sans-serif;"><span style="font-size: 20px;"><a href="https://jackteacher.cc/2412/wordpress%E9%80%9F%E5%BA%A6%E5%A4%AA%E6%85%A2%E5%97%8E%EF%BC%9F%E5%84%AA%E5%8C%96%E7%9A%84%E7%AC%AC%E4%B8%80%E6%AD%A5%EF%BC%8C%E7%94%A8cache-plugin%E5%BF%AB%E5%8F%96%E5%A4%96%E6%8E%9B%E6%8F%90/" target="_blank">查看詳細內容</a></span></span></div>
</div>
</div>

WordPress速度太慢嗎？優化的第一步，用cache plugin快取外掛提昇速度，讓它馬上飛快傑克老師 2016-11-04 WORDPRESS 1 COMMENT 網站速度，除了是影響使用者的舒適度最大的因素之一，還是搜尋引擎SEO的因素...

wordpress

Tweet Share Share Share Share Share

WordPress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分

jack kuo 星期六, 12月 10, 2016

<div class="entry-featured" style="border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; position: relative; transform: translate3d(0px, 0px, 0px);">
<div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;">
<img alt="Wordpress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分 3" class="attachment-large size-large wp-post-image" height="588" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%E7%9A%84%E7%A7%98%E8%A8%A3%EF%BC%8C%E9%A6%AC%E4%B8%8A%E8%AE%93Google-Pagespeed-Insights%E5%BE%9E58%E5%88%86%E5%88%B088%E5%88%86-3-1024x811.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="742" /></div>
</div>
<div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; padding: 60px;">
<header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-family: "Open Sans", sans-serif; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;">
WordPress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分</h1>
<div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;">
<span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-11-03T06:06:59+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-11-03</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2941/wordpress%e6%8f%90%e6%98%87%e9%80%9f%e5%ba%a6%e7%9a%84%e7%a7%98%e8%a8%a3%ef%bc%8c%e9%a6%ac%e4%b8%8a%e8%ae%93google-pagespeed-insights%e5%be%9e58%e5%88%86%e5%88%b088%e5%88%86/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “WordPress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div>
</header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;">
<blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;">
<div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;">
記得郭台銘郭董曾說「魔鬼藏在細節裡」，Wordpress的優化也是一樣，一個小細節不注意，和對手的距離就是十萬八千里。</div>
</blockquote>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; margin-bottom: 1.313em;">
會這一招，讓你的wordpress頁面速度Google Pagespeed Insights從58分不及格升級到88分的優等生。</div>
<div class="wp-caption alignnone" id="attachment_2986" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; color: #333333; float: none; font-family: "Open Sans", sans-serif; margin: 0px 0px 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分 12" class="size-large wp-image-2986" height="514" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%E7%9A%84%E7%A7%98%E8%A8%A3%EF%BC%8C%E9%A6%AC%E4%B8%8A%E8%AE%93Google-Pagespeed-Insights%E5%BE%9E58%E5%88%86%E5%88%B088%E5%88%86-12-1024x710.gif" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 32.1094px; text-transform: uppercase;">
WORDPRESS提昇速度的秘訣，馬上讓GOOGLE PAGESPEED INSIGHTS從58分到88分 – 速度直接提昇30分</div>
</div>
<h3 style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 1.4em; letter-spacing: -0.026em; line-height: 1.3; margin: 2em 0em 1em; text-rendering: optimizeLegibility;">
速度大副提昇秘訣</h3>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; margin-bottom: 1.313em;">
這裡面的秘訣，包括兩個：</div>
<ul style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.313em 1.655em; padding: 0px;">
<li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">照片優化</li>
<li style="box-sizing: border-box; font-size: 20px; line-height: 1.7; margin: 8px 0px 8px 26px;">頁面顯示優化</li>
</ul>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; margin-bottom: 1.313em;">
首先看看底下2張照片，你看出什麼不一樣了嗎？</div>
<div class="wp-caption alignnone" id="attachment_2980" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; color: #333333; float: none; font-family: "Open Sans", sans-serif; margin: 0px 0px 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分 6" class="size-large wp-image-2980" height="477" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%E7%9A%84%E7%A7%98%E8%A8%A3%EF%BC%8C%E9%A6%AC%E4%B8%8A%E8%AE%93Google-Pagespeed-Insights%E5%BE%9E58%E5%88%86%E5%88%B088%E5%88%86-6-1024x658.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 32.1094px; text-transform: uppercase;">
WORDPRESS提昇速度的秘訣，馬上讓GOOGLE PAGESPEED INSIGHTS從58分到88分 – 圖1</div>
</div>
<div class="wp-caption alignnone" id="attachment_2981" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; color: #333333; float: none; font-family: "Open Sans", sans-serif; margin: 0px 0px 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分 7" class="size-large wp-image-2981" height="467" src="https://jackteacher.cc/wp/wp-content/uploads/2016/11/Wordpress%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%E7%9A%84%E7%A7%98%E8%A8%A3%EF%BC%8C%E9%A6%AC%E4%B8%8A%E8%AE%93Google-Pagespeed-Insights%E5%BE%9E58%E5%88%86%E5%88%B088%E5%88%86-7-1024x645.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 32.1094px; text-transform: uppercase;">
WORDPRESS提昇速度的秘訣，馬上讓GOOGLE PAGESPEED INSIGHTS從58分到88分 – 圖2</div>
</div>
<div style="box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; margin-bottom: 1.313em;">
如果你仔細來看，會發現有些細微的差異，圖片的解析度不一樣，圖1的解析度似乎比較差一點，照片不清晰一點點(當然因為我用的螢幕是5K所以會更明顯一點)。</div>
<div>
<a href="https://jackteacher.cc/2941/wordpress%E6%8F%90%E6%98%87%E9%80%9F%E5%BA%A6%E7%9A%84%E7%A7%98%E8%A8%A3%EF%BC%8C%E9%A6%AC%E4%B8%8A%E8%AE%93google-pagespeed-insights%E5%BE%9E58%E5%88%86%E5%88%B088%E5%88%86/" target="_blank">詳細文章</a></div>
</div>
</div>

WordPress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分傑克老師 2016-11-03 WORDPRESS 0 COMMENTS 記得郭台銘郭董曾說「魔鬼藏在細節裡」，Wordpress的優化也是...

wordpress

Tweet Share Share Share Share Share

WORDPRESS圖片SEO優化技巧，自動幫圖片替代文字(ALT)填入檔案名稱的網路行銷工具

jack kuo 星期六, 11月 26, 2016

<div class="entry-featured" style="background-color: #f3f3f3; border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; position: relative; transform: translate3d(0px, 0px, 0px);">
<div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;">
<img alt="Wordpress圖片SEO優化技巧，自動幫圖片替代文字 1" class="attachment-large size-large wp-post-image" height="401" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress%E5%9C%96%E7%89%87SEO%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7%EF%BC%8C%E8%87%AA%E5%8B%95%E5%B9%AB%E5%9C%96%E7%89%87%E6%9B%BF%E4%BB%A3%E6%96%87%E5%AD%97-1-1024x553.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="742" /></div>
</div>
<div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 60px;">
<header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;">
wordpress圖片SEO優化技巧，自動幫圖片替代文字(Alt)填入檔案名稱的網路行銷工具</h1>
<div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;">
<span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-10-24T06:13:13+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-10-24</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a>, <a href="https://jackteacher.cc/category/%e7%b6%b2%e8%b7%af%e5%89%b5%e6%a5%ad%e8%aa%b2%e7%a8%8b/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “網路創業課程”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 網路創業課程</a>, <a href="https://jackteacher.cc/category/%e7%b6%b2%e8%b7%af%e8%a1%8c%e9%8a%b7%e8%aa%b2%e7%a8%8b/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “網路行銷課程”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 網路行銷課程</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2851/wordpress%e5%9c%96%e7%89%87seo%e5%84%aa%e5%8c%96%e6%8a%80%e5%b7%a7%ef%bc%8c%e8%87%aa%e5%8b%95%e5%b9%ab%e5%9c%96%e7%89%87%e6%9b%bf%e4%bb%a3%e6%96%87%e5%ad%97alt%e5%a1%ab%e5%85%a5%e6%aa%94%e6%a1%88/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “wordpress圖片SEO優化技巧，自動幫圖片替代文字(Alt)填入檔案名稱的網路行銷工具”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div>
</header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;">
<blockquote style="background-color: #f3f3f3; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-width: 1px 0px; box-sizing: border-box; color: #444444; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-style: italic; line-height: 1.3; margin: 30px 0px; padding: 40px 60px;">
<div style="box-sizing: border-box; margin-bottom: 1.313em; padding: 12px;">
網路行銷這件事，嚴格來說有時候是個重覆性很高又枯燥乏味的一連串動作；而且這些動作基本上很不符合人性，因此如果可以擅用行銷工具來節省時間和精力，簡直比賺到錢更棒。</div>
</blockquote>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
Google SEO文件</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
網路上有關搜尋引擎優化的文件非常多，不管是官方或是非官方，Google一下會找到一大堆，包括這份<a class="external" href="http://static.googleusercontent.com/media/www.google.com/en/us/intl/zh-tw/webmasters/docs/search-engine-optimization-starter-guide-zh-tw.pdf" rel="nofollow" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;" target="_blank">Google提供的官方文件</a>，雖然不新，但是仍然有參考價值。</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
<img alt="Wordpress圖片SEO優化技巧，自動幫圖片替代文字 4" class="size-full wp-image-2907 aligncenter" height="403" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress%E5%9C%96%E7%89%87SEO%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7%EF%BC%8C%E8%87%AA%E5%8B%95%E5%B9%AB%E5%9C%96%E7%89%87%E6%9B%BF%E4%BB%A3%E6%96%87%E5%AD%97-4.jpg" style="border: 0px; box-sizing: border-box; display: block; height: auto; margin: 0px auto 1.313em; max-width: 100%; vertical-align: middle;" width="1024" />WordPress圖片SEO優化技巧，自動幫圖片替代文字 – alt</div>
<div class="wp-caption aligncenter" id="attachment_2897" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; margin: 0px auto 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 1034px;">
<img alt="Wordpress圖片SEO優化技巧，自動幫圖片替代文字 2" class="size-full wp-image-2897" height="761" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress%E5%9C%96%E7%89%87SEO%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7%EF%BC%8C%E8%87%AA%E5%8B%95%E5%B9%AB%E5%9C%96%E7%89%87%E6%9B%BF%E4%BB%A3%E6%96%87%E5%AD%97-2.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="1024" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 30.7188px; text-transform: uppercase;">
WORDPRESS圖片SEO優化技巧，自動幫圖片替代文字 – 檔案名稱和替代文字</div>
</div>
<h3 style="box-sizing: border-box; font-size: 1.4em; letter-spacing: -0.026em; line-height: 1.3; margin: 2em 0px 1em; text-rendering: optimizeLegibility;">
Google提供的圖片優化技巧</h3>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
其中有關圖片優化的部份，也提到不少可以參考的部份，像「alt」及「檔案名稱」…等；因為搜尋引擎還不夠聰明到可以100%「正確」辨識出圖片中的東西是什麼；所以還是需要靠文字來幫助，而且這個文字參考的其中一部份是檔名、alt或文章中週圍的文字。</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
<a href="https://jackteacher.cc/2851/wordpress%E5%9C%96%E7%89%87seo%E5%84%AA%E5%8C%96%E6%8A%80%E5%B7%A7%EF%BC%8C%E8%87%AA%E5%8B%95%E5%B9%AB%E5%9C%96%E7%89%87%E6%9B%BF%E4%BB%A3%E6%96%87%E5%AD%97alt%E5%A1%AB%E5%85%A5%E6%AA%94%E6%A1%88/" target="_blank">詳細內容</a></div>
</div>
</div>

wordpress圖片SEO優化技巧，自動幫圖片替代文字(Alt)填入檔案名稱的網路行銷工具傑克老師 2016-10-24 WORDPRESS , 網路創業課程 , 網路行銷課程 0 COMMENTS 網路行銷這件事，嚴格來說有時候是個重...

網路行銷課程網路創業課程 wordpress

Tweet Share Share Share Share Share

wordpress圖片SEO優化技巧，讓Google出來的圖片直接連到我們的網站文章

jack kuo 星期日, 10月 30, 2016

wordpress圖片SEO優化技巧，讓Google出來的圖片直接連到我們的網站文章傑克老師 2016-10-11 網路行銷課程 0 COMMENTS 圖片網路行銷行銷的知識無所不在，隨著時代的進步也會不斷的更新工具和方法因此讓我們想像一個...

圖片seo 網路行銷課程 wordpress

Tweet Share Share Share Share Share

wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)

jack kuo 星期三, 10月 12, 2016

<div class="entry-featured" style="background-color: #f3f3f3; border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; position: relative; transform: translate3d(0px, 0px, 0px);">
<div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;">
<img alt="Wordpress Contact 7 如何新增一個上傳檔案欄位" class="attachment-entry size-entry wp-post-image" height="705" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress-contact-7-%E5%A6%82%E4%BD%95%E6%96%B0%E5%A2%9E%E4%B8%80%E5%80%8B%E4%B8%8A%E5%82%B3%E6%AA%94%E6%A1%88%E6%AC%84%E4%BD%8D-862x705.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="862" /></div>
</div>
<div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 60px;">
<header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;">
wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)</h1>
<div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;">
<span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-10-07T08:01:03+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-10-07</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2636/wordpress-contact-7%e8%a1%a8%e5%96%ae%e5%a6%82%e4%bd%95%e6%96%b0%e5%a2%9e%e4%b8%80%e5%80%8b%e4%b8%8a%e5%82%b3%e9%99%84%e4%bb%b6%e6%aa%94%e6%a1%88%e6%ac%84%e4%bd%8dupload-file/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div>
</header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;">
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
在wordpress中，有一個plugin使用率非常高，那就是contact 7這個表單插件，在使用的過程中，就有一個特殊需求，能不能上傳附件呢？</div>
<div class="wp-caption aligncenter" id="attachment_2656" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; margin: 0px auto 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;">
<img alt="Wordpress Contact 7 如何新增一個上傳檔案欄位" class="size-large wp-image-2656" height="607" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress-contact-7-%E5%A6%82%E4%BD%95%E6%96%B0%E5%A2%9E%E4%B8%80%E5%80%8B%E4%B8%8A%E5%82%B3%E6%AA%94%E6%A1%88%E6%AC%84%E4%BD%8D-1024x838.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 32.1094px; text-transform: uppercase;">
WORDPRESS CONTACT 7 如何新增一個上傳檔案欄位</div>
</div>
<div style="box-sizing: border-box; margin-bottom: 1.313em;">
答案是可以的，只要使用底下的程式碼</div>
<div class="crayon-syntax crayon-theme-default crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-57fc5f8514bb6765873309" style="background: rgb(253, 253, 253) !important; border-color: rgb(153, 153, 153) !important; border-style: solid !important; border-width: 1px !important; box-sizing: border-box; direction: ltr !important; font-family: Monaco, MonacoRegular, "Courier New", monospace; font-size: 12px !important; height: auto; line-height: 15px !important; margin: 12px 0px; overflow: hidden !important; padding: 0px; position: relative !important; text-shadow: none !important; text-size-adjust: none; width: 654.438px;">
<div class="crayon-plain-wrap" style="background: 0px center; border: 0px; box-sizing: border-box; height: auto !important; margin: 0px !important; padding: 0px !important;">
<textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border-style: initial; border-width: 0px; box-shadow: none; color: black; cursor: not-allowed; font-family: Monaco, MonacoRegular, "Courier New", monospace !important; font-size: 12px !important; height: 15px; line-height: 15px !important; margin: 0px; opacity: 0; overflow: hidden; padding: 0px 5px; position: absolute; resize: none; tab-size: 4; transition: border 0.2s linear, box-shadow 0.2s linear; vertical-align: top; white-space: pre; width: 652.438px; word-wrap: normal; z-index: 0;" wrap="soft">

1	[file your-file filetypes:pdf\|txt\|doc\|docx\|xls\|xlsx\|ppt\|pptx\|jpg\|jpeg\|png limit:2mb]

filetypes：指的是上傳文件的格式

limit：指的是文件的大小

你成功了嗎？

覺得好用，記得分享給朋友喔！

wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file) 傑克老師 2016-10-07 WORDPRESS 0 COMMENTS 在wordpress中，有一個plugin使用率非常高，那就是contact ...

網路創業課程

Breaking News

推薦連結

數位生活

焦點

WORDPRESS SEO PERMALINK中文網址優化技巧

WordPress速度太慢嗎？優化的第一步，用cache plugin快取外掛提昇速度，讓它馬上飛快

WordPress提昇速度的秘訣，馬上讓Google Pagespeed Insights從58分到88分

WORDPRESS圖片SEO優化技巧，自動幫圖片替代文字(ALT)填入檔案名稱的網路行銷工具

wordpress圖片SEO優化技巧，讓Google出來的圖片直接連到我們的網站文章

wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)

wordpress表單系統(contact form 7)真的萬無一失了嗎？

想得到最新的消息嗎？
請到傑克老師的新網站
或加入粉絲頁。
▼
==>網路行銷策略規劃<==
https://jackteacher.cc

Breaking News

推薦連結

數位生活

焦 點

想得到最新的消息嗎？請到傑克老師的新網站或加入粉絲頁。▼==>網路行銷策略規劃<==https://jackteacher.cc

焦點

想得到最新的消息嗎？
請到傑克老師的新網站
或加入粉絲頁。
▼
==>網路行銷策略規劃<==
https://jackteacher.cc