使用JS語法讓checkbox的勾選控制CSS
範例：勾選同意後，則顯示物件 <input type="checkbox" id="myCheck" onclick="myFunction()"> <label for="myCh...
0 Comments
2024 年 6 月 4 日
Hover物件並顯示其他物件語法
.item1:hover item2{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0...
2024 年 5 月 31 日
使用ACF可視化編輯器，以Elementor代入無法顯示iframe問題
使用ACF可視化編輯器，以Elementor代入無法顯示iframe問題 1.用Elementor 【html】工具 2.輸入ACF欄位代碼 [acf field="欄位名稱"]
2024 年 3 月 5 日
將elementor的圖片輪播功能carousel，dot部分更換為縮圖方式
將elementor的圖片輪播功能carousel，dot部分更換為縮圖方式 佈景主題function中加入以下代碼： add_filter( 'elementor/widget/render_con...
2024 年 2 月 27 日
在文章分類自訂CSS
CSS開頭加上 .category-slug 應用：讓置頂文章不要出現在其他分類頁內 .category-case .blog-entry.large-entry.sticky { display: ...
2024 年 2 月 23 日
自訂文章排序
function custom_sort_order( $query ) { if( $query->is_main_query() && ! is_admin() &&...
2024 年 1 月 24 日
如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數？
CSS用法 首先設定區塊的大小 .box { width: 300px; padding: 10px; border: #ef5c28 2px solid; } 接著在文字的區塊使用 text-ove...
2024 年 1 月 19 日
HTML語法+Float chat
<div class="floating-cta"> <p> <a href="LINKS"> <img src="ICON-URL" alt="加LINE"...
2024 年 1 月 16 日
CSS語法：縱橫比屬性：aspect-ratio
Example： .item { width: 100% aspect-ratio: 2 / 3;} 這樣就可以直接維持一個比例為 2：3 的矩形。
2023 年 12 月 6 日