網頁設計 – 第 2 頁

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

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

WordPress 後台 wp-admin 無限循環 https 302重定向或 cloudflare 無限循環 301 的解决方法

wp-config.php 增加

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

如果有使用 cloudflare ssl 要設定

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

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

WP + Woocommerce 購物車製作方式

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

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

[轉貼]想在中國大陸擁有一個網站，你需要知道

內容出處: 想在中國大陸擁有一個網站，你需要知道 ICP… – 要改的地方太多了，那就改天吧

[轉貼][jQuery] .parent() 與 .parents() 與 .closest() 的差異

<div class="selected">
123
<div class="selected">
<div>
Hello Again
</div>
</div>
</div>

閱讀全文〈[轉貼][jQuery] .parent() 與 .parents() 與 .closest() 的差異〉

[轉貼]清除 LINE 快取，強制重新抓取分享連結縮圖與文字

LINE清除快取

連結網址：https://poker.line.naver.jp/

內容出處: 清除 LINE 快取，強制重新抓取分享連結縮圖與文字 | 梅問題．教學網

sketchup 醒吾技術學院

10年前的作品囉… sketchup 已經進步到可以崁入網站了很棒

https://3dwarehouse.sketchup.com/user/1364223698643580152864504/%E5%AD%AB%E6%9C%9D%E8%A3%95%E5%B0%8F%E6%AF%9B

小毛的EZS教學網,小毛的VB教學網,小毛教學網

內容出處: 小毛的EZS教學網

使用遠端的 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-

範例 Namespaces 命名空間與 Class Autoloading 自動加載

閱讀全文〈範例 Namespaces 命名空間與 Class Autoloading 自動加載〉

[轉貼]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資訊網