Thủ thuật

Tạo shortcode trong wordpress

Shortcode là gì? Shortcode dịch theo đúng tiếng Việt nghĩa là Code ngắn hay nói cách khác là một đoạn code ngắn. Đoạn code ngắn này sẽ thực thi những tác vụ gì đó mà bạn đã định sẵn trong lúc tạo shortcode, ví dụ như hiển thị một Loop chẳng [...]

Css khai báo font chữ và cách sử dụng font khác trong wordpress

Thường các theme wordpress đã khai báo sẵn các font để sử dụng, tuy nhiên vì một lý do nào đó bạn muốn khai báo và sử dụng font trong wordpress thì cùng tìm hiểu bài viết này nhé. 1. CÁCH SỬ DỤNG @font-face TRONG CSS @font-face trong CSS giúp [...]

Tạo shortcode cho menu để dùng khắp mọi nơi :>

Menu thông thường chỉ được xài cho Header và Footed tuy nhiên nếu bạn muốn phá cách mang menu đi khắp mọi nơi thì hãy biến em nó thành Shortcode rồi xài nhé! Đoạn code biến menu thành shortcode chỉ bao gồm vài dòng như bên dưới //Codfe.com Tạo shortcode [...]

[CSS] tạo ô khuyến mãi đẹp như hình

[CSS] tạo ô khuyến mãi đẹp như ví dụ bên dưới Mã html <div class="khuyen-mai-hb"> <span class="tieu-de"><i class="icon-gift"></i> Khuyến mãi đặc biệt</span> <ul> <li>Giảm 30% khi đăng ký hosting 3 năm</li> <li>Giảm 10% phí dịch vụ khi like và share website</li> <li>Tặng 1 khóa học viết bài chuẩn SEO online</li> [...]

Css lại blockquote mặt định của Flatsome

Css lại blockquote mặt định của Flatsome như sau blockquote { font-size: 110%; color:#666; margin: 0 auto; border-left:0px; margin-left: 20px; padding-bottom: 50px; } blockquote h1 { font-size: 3rem; } blockquote p { font-style: italic; margin-bottom: 0; } blockquote p::before, blockquote p::after { content: "“"; font-family: Georgia; font-size: 6rem; margin: -3rem [...]

Code thêm Fanpage Facebook vào web

Code thêm Fanpage Facebook vào web, thay link Fanpage để sử dụng nhé! <h4><span style="font-size: 95%;"><strong>Fanpage Codfe</strong></span></h4> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.12&appId=363468484110867&autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-page" data-href="https://www.facebook.com/codfe.net/" data-tabs="timeline" data-width="350" [...]

Nút liên hệ website 200810

Nút liên hệ như sau HTML <div class="echbay-sms-messenger style-for-position-br"> <div class="phonering-alo-alo"> <a href="tel:0903123456" rel="nofollow" class="echbay-phonering-alo-event">.</a> </div> <div class="phonering-alo-sms"> <a href="sms:0903123456" rel="nofollow" class="echbay-phonering-sms-event">.</a> </div> <div class="phonering-alo-zalo"> <a href="https://zalo.me/0903123456" target="_blank" rel="nofollow" class="echbay-phonering-zalo-event">.</a> </div> <div class="phonering-alo-messenger"> <a href="https://www.messenger.com/t/aiken.trung" target="_blank" rel="nofollow" class="echbay-phonering-messenger-event">.</a> </div> </div> CSS .echbay-sms-messenger div.phonering-alo-zalo, .echbay-sms-messenger div.phonering-alo-alo { background-color:#0084ff } .echbay-sms-messenger div.phonering-alo-sms [...]

Xóa toàn bộ comment trên website wordpress

Các comment, bình luận trên web chứng tỏ độ quan tâm của độc giả website tới các chủ đề trong web, tuy nhiên không phải comment nào cũng từ người dùng. Trong quá trình hoạt động website wordpress không tùy chỉnh chống spam, bảo mật sẽ gặp phải trường hợp [...]

Cách thêm code các loại vào website wordpress

Trong quá trình sử dụng website các bạn sẽ có nhu cầu thêm các code nhúng hoặc code theo dõi website vào wordpress. Đối với các bạn rành về code thì sẽ rất dễ dàng tuy nhiên với các bạn không rành vọc vạch code sẽ thấy không quen và [...]

Tạo pupup/Form liên hệ báo giá bằng lightbox trong theme flatsome

Phần 1: Code lightbox của Flatsome thêm vào phần html của theme trong header Phần 2: Code Block form báo giá (tạo trong UXblocks), trong cái block này chúng ta cỏ thể link contact form 7 (như ví dụ bên dưới) hoặc các form khác tùy theo yêu cầu   [...]