【WordPress教學】使用shortcode在文章內加入LINE分享按鈕

【WordPress教學】使用shortcode在文章內加入LINE分享按鈕

LINE分享圖片icon shortcode 方式 外觀 > 佈景主題檔案編輯器 > functions.php,將以下程式碼貼上,這邊要注意的是圖片的位置src="請使用自行上傳圖片位置",請上傳在媒體庫內自行新增上傳一張icon圖片,使用顯示LINE分享按鈕ICON。 add_shortcode( 'line_share', 'LineShare_shortcode' ); function LineShare_shortcode( $atts ) {...

提高檔案與資料建立效率的神器:VSCode new-file 外掛

提高檔案與資料建立效率的神器:VSCode new-file 外掛

在使用VSCode建立專案時,或是想快速新增檔案在某個資料夾內,一般都是在側邊欄資料夾選單,一個個階層展開資料夾目錄,找到你要到達的目錄在按下右鍵新增檔案,這樣的方式新增新檔案呢? 但若今天不只是要新增檔案,若該目錄沒有資料夾,還要連同資料夾一起創建下去,這個過程就會更繁瑣,於是就會想到若可以使用指令的方式新增資料,並創建資料夾,那就會輕鬆很多,今天就來介紹叫做「new-file」的外掛,一個簡單且快速實現以上方法建立資料夾與文件檔案。 指令輸入自動創建資料與檔案 安裝和啟用這個擴展非常簡單。在 VS Code...

使用Google Web Designer軟體做HTML5 CSS動畫

使用Google Web Designer軟體做HTML5 CSS動畫

專案需要做如上的動畫效果按鈕,因為不想要自己手寫HTML + CSS,想說有沒有更快速且有效率的方法,使用介面化動畫工具,像做Flash動畫一樣,現在Adobe 把它改名了,應該叫Adobe Animate,但是因為礙於Adobe Animate並不是免費開源軟體,感覺上產生出的應當是HTML5 Canvas,加上我只需要做個簡單的動畫按鈕,且最好是online edit 線上編輯工具,幫助我產生HTML動畫所需要的HTML + CSS Code,這樣就真的太棒了。 就在當下google了一下,發現Google Web...

jQuery + CSS 動畫背景擴展效果按鈕animation @keyframes

jQuery + CSS 動畫背景擴展效果按鈕animation @keyframes

使用jQuery + CSS animation 關鍵影格@keyframes,定義設定動畫漸變,達到按鈕hover後背景從中間展開,擴展到填充整個背景按鈕效果。 開始前先將HTML <button> 先寫好,class為elementor-button ,並再多加入四個同樣的<button>在後面,分別給這四個class加入不同顏色名稱green 、blue、red、orange。 <button class="elementor-button"> Effect...

如何在WordPress中上傳.svg圖檔

如何在WordPress中上傳.svg圖檔

WordPress 是最受歡迎的CSM 平台,提供各種圖像類型的上傳,包括 jpg 和 png。但是,對於 SVG、可縮放矢量圖形,情況並非如此,因為 WordPress 本身並不支持它們的上傳。SVG 文件通常更適合設計人員,因為它們是可擴展的圖像格式,它們不會在視網膜屏幕上像素化,而且文件大小通常更小。SVG 已成為 Web 上廣泛使用的圖像格式。 儘管像上面提到的傳統圖像文件格式可以完美地用於圖像和復雜的照片,但 SVG 是滿足當今開發要求(如可伸縮性、可編程性、響應性、交互性、性能和可訪問性)需求的一種格式。...

如何取得臉書facebook粉絲專頁Messenger網址連結

如何取得臉書facebook粉絲專頁Messenger網址連結

取得FB 發送私訊的網址 想要在網頁上貼上自己的臉書facebook粉絲專頁Messenger網址連結嗎?還是個人用戶的1對1聊天室網址呢? 只需要將你的粉絲專頁ID或是個人Facebook ID + 下列網址,就可以得到Messenger粉專、私人的1對1Messenger聊天室網址,很簡單吧! https://m.me/+Facebook ID https://m.me/+粉絲專頁ID 如何取得粉絲專頁ID 與 Facebook ID 粉絲專頁頁面選擇 > 關於 > 紛絲專頁編號 取得紛絲專頁編號...

macOS 外接2k螢幕開啟HiDPI字體不模糊

macOS 外接2k螢幕開啟HiDPI字體不模糊

一、開啟HiDPI 首先需要打開系統HiDPI (在終端運行) sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled -bool YES 如果使用4K 或更高分辨率的顯示器,macOS 很可能原生支持HiDPI,建議直接從 如無法啟用或沒有合適的分辨率,再使用配置文件。 二、螢幕製造商ID 和產品ID 獲得顯示器的VendorID 和ProductID (製造商ID 和產品ID),在終端運行: ioreg...