[Bootstrap 3] 格狀系統 Grid System

其中xs代表裝置寬度小於768px(手機裝置),
sm代表大於768px且小於992px(平板),
md代表大於992px且小於1200px(筆電),
lg代表大於1200px(外接螢幕,桌機)。

其中xs代表裝置寬度小魚768px(手機裝置),sm代表大於768px且小於992px(平板),md代表大於992px且小於1200px(筆電),lg代表大於1200px(外接螢幕)。

內容出處: [Bootstrap 3] 格狀系統 Grid System

[轉貼]WordPress 後台 wp-admin 無限循環 https 302重定向的解决方法

wp-config.php 增加

$_SERVER['HTTPS'] = 'on';
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

 

內容出處: WordPress登录后台wp-admin无限循环https 302重定向的解决方法 − 生活的美

[轉貼]【2021】Woocommerce 教學,不懂程式照樣自架電商網站 | WebLai

WP + Woocommerce 購物車 製作方式

你想架設一個品牌電商網站,但卻不知如何開始嗎?沒有足夠的預算請工程師架設,想要嘗試自己架看看嗎?這篇文章,主要是幫助那些跟我以前一樣,完全不懂程式碼的網路新手,透過 WordPress 上的 Woocommerce 電子商務外掛系統,來架出一個屬於自己的品牌電商網站。

內容出處: 【2021】Woocommerce 教學,不懂程式照樣自架電商網站 | WebLai

使用遠端的 Git 主機 部屬到 Plesk

TortoiseGit 使用 github 配合 plesk

[email protected]:[帳號]/[庫]

使用 ssh-key 做驗證

速度上 真的非常快速 比我上 FTP還要快 真的是發現新世界

 

內容出處: 使用遠端的 Git 主機 | Plesk Onyx documentation

參考資料: https://support.plesk.com/hc/en-us/articles/115002247654-Is-it-possible-to-connect-to-private-Github-repositories-using-Plesk-Git-extension-

[轉貼]WordPress 網域 搬家 網址異動 更新資料庫

wp 網站搬家 需要更新資料庫

UPDATE wp_options
SET option_value = REPLACE(option_value, '舊網址', '新網址')
-- 僅替換與網站相關的條件
WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_postmeta
SET meta_value = REPLACE(meta_value, '舊網址', '新網址');

UPDATE wp_posts
SET post_content = REPLACE(post_content, '舊網址', '新網址');

UPDATE wp_posts
SET guid = REPLACE(guid, '舊網址', '新網址');

 

UPDATE wp_optionsSET option_value = REPLACE(option_value, ‘舊網址’, ‘新網址’)– 僅替換與網站相關的條件WHERE option_name = ‘home’ OR option_name = ‘siteurl’;UPDATE wp_postmetaSET meta_value = REPLACE(meta_value, ‘舊網址’, ‘新網址’);UPDATE wp_postsSET post_content = REPLACE(post_content, ‘舊網址’, ‘新網址’);UPDATE wp_postsSET guid = REPLACE(guid, ‘舊網址’, ‘新網址’);

內容出處: WordPress 網址異動後台設定和更新資料庫 – 腳印網頁資訊設計

取得 youtube 影片縮圖

開啟想要下載的 Youtube 影音連結,將網址「v=」後方的連結複製起來,並根據你想要的圖片畫質、尺寸大小貼到下方網址,取代綠框內容。

Youtube 圖片高清畫質 1280×720:http://img.youtube.com/vi/xxxxxxxxxxx/maxresdefault.jpg

Youtube 封面高清畫質 480×360:https://img.youtube.com/vi/xxxxxxxxxxx/hqdefault.jpg

Youtube 縮圖標準品質 640×480:http://img.youtube.com/vi/xxxxxxxxxxx/sddefault.jpg

播放器背景縮圖 480×360:http://img.youtube.com/vi/xxxxxxxxxxx/0.jpg

影片開始畫面縮圖 120×90:http://img.youtube.com/vi/xxxxxxxxxxx/1.jpg

Youtube 片段縮圖 120×90:http://img.youtube.com/vi/xxxxxxxxxxx/2.jpg

下載影片結束縮圖 120×90:http://img.youtube.com/vi/xxxxxxxxxxx/3.jpg

 

參考資訊:

網址複製到指定連結法開啟想要下載的 Youtube 影音連結,將網址「v=」後方的連結複製起來,並根據你想要的圖片畫質、尺寸大小貼到下方網址,取代綠框內容。 建議直接挑選最高清圖片的 1280×720 原始圖片尺寸,貼上網址後會顯示圖片進行預覽,直接按下滑鼠右鍵另存圖片即可。 Youtube 圖片高清畫質 1280×720:http://img.youtube.com/vi/   /maxresdefault.jpgYoutube 封面高清畫質 480×360:https://img.youtube.com/vi/   /hqdefault.jpgYoutube 縮圖標準品質 640×480:http://img.youtube.com/vi/   /sddefault.jpg播放器背景縮圖 480×360:http://img.youtube.com/vi/   /0.jpg影片開始畫面縮圖 120×90:http://img.youtube.com/vi/   /1.jpgYoutube 片段縮圖 120×90:http://img.youtube.com/vi/   /2.jpg下載影片結束縮圖 120×90:http://img.youtube.com/vi/   /3.jpg

內容出處: [教學] Youtube 縮圖封面下載@免截圖線上另存原始高清圖片方法 – FUNTOP資訊網

[轉貼]【組成事件】比較新舊 GA 的事件追蹤方式,讓你從舊版輕鬆轉移到新版! – Googel Analytics …

GA3 升級 GA4 有做了不少的調整

尤其再 gtm事件 追蹤上 做了維度的調整 未來要改寫程式碼 不然可能追蹤不到

事件類別

內容出處: 【組成事件】比較新舊 GA 的事件追蹤方式,讓你從舊版輕鬆轉移到新版! – Googel Analytics …

[轉貼]快速清除Chrome、Firefox浏览器301重定向缓存 – 火端网络

当我们给网页设置了301重定向,浏览器会缓存下了,下次再访问该页面会直接取缓存转跳,哪怕是取消了301转跳,访问该页面还是会转跳。这时候我们不应该去清除整个浏览器缓存,而是禁用当前页面的缓存,下面火端介绍一下Chrome和Firefox浏览器禁止当前页面缓存的方法。

Google Chrome浏览器禁止缓存

1、打开开发者工具(F12command+option+i

2、切换到Network,勾选Disable cache ,如下图:

Firefox浏览器禁止缓存

1、打开开发者工具(F12command+option+i

2、切换到“网络”,勾选“禁用缓存” ,如下图:

当我们给网页设置了301重定向,浏览器会缓存下了,下次再访问该页面会直接取缓存转跳,哪怕是取消了301转跳,访问该页面还是会转跳。这时候我们不应该去清除整个浏览器缓存,而是禁用当前页面的缓存,下面火端介绍一下Chrome和Firefox浏览器禁止当前页面缓存的方法。

內容出處: 快速清除Chrome、Firefox浏览器301重定向缓存 – 火端网络

[轉貼]Line LIFF 可以做什麼?. LINE LIFF已經是Line… | by Roger Huang | Aiii | Medium

Line LIFF 聊天室窗中的瀏覽器

需要使用line login api 去設定 liff 可設定 高度

避免跳出 可做出一些比較特別的變化 延伸出很多不同的玩法
閱讀全文〈[轉貼]Line LIFF 可以做什麼?. LINE LIFF已經是Line… | by Roger Huang | Aiii | Medium〉

[轉貼]用 PHP 實現 Line Message API 接收系統訊息 (主動發訊息)

用 PHP 實現 Line Message API 接收系統訊息

github: https://github.com/samejack/blog-content/tree/master/line-api

資料來源: https://blog.toright.com/posts/5727/%E7%94%A8-php-%E5%AF%A6%E7%8F%BE-line-message-api-%E6%8E%A5%E6%94%B6%E7%B3%BB%E7%B5%B1%E8%A8%8A%E6%81%AF.html