Sáng ngày chủ nhật 20/12/2020, trong một ngày mà thời tiết chớm đông se lạnh rất đẹp, Nha Trang WordPress 12/2020 đã được diễn ra tại Viva Star Coffee Nha Trang với hơn 30 người tham dự. Chương trình đã giới thiệu cho các anh chị mới tham dự lần đầu về quá trình hình thành Nha Trang WordPress và định hướng hoạt động của Nha Trang WordPress từ trước đến giờ và sau này ⭐ Ban tổ chức rất cám ơn các anh chị diễn giả đã dành thời gian đến chia sẻ cùng mọi người các topic rất HAY và BỔ ÍCH ⭐ Xin cám ơn tất cả các anh…
-
-
WooCommerce My Account Menu
This is how “My Account” menu looks by default. How to Remove Tabs from My Account menu. How to Remove their Endpoints as well and Make the Appropriate Pages to Return 404. Probably, it is the most easiest part of this tutorial. For example let’s imagine that our e-commerce shop doesn’t sell physical goods – and in that case maybe we do not need Addresses section (yes, I know that Billing Address details are also there, but we’re just learning now). Or maybe you want to remove Downloads from WooCommerce my account menu. Both are possible. I hope you know where to insert all the code from this post, if not –…
-
WordPress 5.5 và vài code bỏ lazy load, sitemap
Khuyến mãi hai đoạn code có thể có ích trên WordPress 5.5 1 – Tắt lazyload mặc định của WordPress 5.5 function disable_template_image_lazy_loading( $default, $tag_name, $context ) { if ( ‘img’ === $tag_name && ‘wp_get_attachment_image’ === $context ) { return false; } return $default; } add_filter( ‘wp_lazy_loading_enabled’, ‘disable_template_image_lazy_loading’, 10, 3 ); Hoặc add_filter(‘wp_lazy_loading_enabled’, ‘__return_false’); 2 – Tắt chức năng site map của WordPress 5.5 add_filter( ‘wp_sitemaps_enabled’, ‘__return_false’ ); Hoặc remove_action( ‘init’, ‘wp_sitemaps_get_server’ );
-
Create a Sticky Bottom Menu for Mobile
Boost your visitor mobile experience with this sticky menu navigation custom made for your Flatsome theme. No plugin needed, just import the pre-made UX Builder shortcode and CSS and modify the icons & links. UX Shortcode [section label=”Sticky Mobile Menu” bg_color=”rgb(72, 72, 72)” dark=”true” padding=”5px” video_visibility=”visible” class=”sticky-mobile-menu”] [row style=”collapse” width=”custom” custom_width=”95%” v_align=”equal” padding=”10px 0px 10px 0px” depth_hover=”4″] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/shopping.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Shop [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/discount-badge.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Sale [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/menu.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Cart [/featured_box] [/col] [col span=”3″ span__sm=”3″] [featured_box img=”https://www.sebdelaweb.com/wp-content/uploads/avatar.png” img_width=”25″ pos=”center” font_size=”small” link=”#”] Account [/featured_box] [/col] [/row] [/section] CSS /*************** STICKY…
-
Custom Dropdown Menu for Flatsome
Learn how to use the UX Builder to fully customise your Flatsome dropdown menu. Organise your link hierarchy and improve the general user experience. PLUGIN Shortcode in Menus Shortcode in Menus CSS /*************** UX MENU ***************/ .ux-menu .nav-dropdown { min-width: 600px; padding: 0px; } .ux-megamenu .nav-dropdown { min-width: 100vw; padding: 0px; } .ux-megamenu li.menu-item { width:100%; } .container .ux-megamenu .row:not(.row-collapse) { margin-left: auto; margin-right: auto; } /*************** UX MENU – CALLOUT ***************/ .ux-menu-callout a { color:#000; /* Change nav color */ } .ux-menu-callout a:hover, .ux-menu-callout a:hover h4 { color:#000; /* Change nav hover color */ } .ux-menu-callout .icon-box .has-icon-bg .icon .icon-inner { background-color: currentColor; /* Auto fill background with icon…
-
Tự động thêm NEW badge trong X ngày với Flatsome
Flatsome có một chức năng là thêm badge cho sản phẩm như ảnh, các badge có thể là New, Sale… Mặc định chúng ta có thể tự thêm vào trong admin, tuy nhiên với sản phẩm mới đăng chúng ta có thể thêm badge NEW tự động trong X ngày bằng cách thêm đoạn code sau vào functions.php của giao diện. Thay đổi $days = 250; bằng số ngày muốn hiển thị của bạn Chúc các bạn thành công Nguồn
-
Nginx Rule Cho Plugin WebP Express
WebP Express là một plugin miễn phí dùng để chuyển hình ảnh trên website WordPress sang định dạng webp để có thể load trang nhanh hơn và tăng điểm số trên Google Page Speed. Mặc định WebP Express hỗ trợ webserver Apache, nếu bạn chạy webserver NGINX thì cần thêm đoạn rule sau vào file vhost tương ứng để plugin có thể hoạt động tốt trên NGINX.
-
Rename and clean WordPress media filenames
For the most part WordPress does a decent job of renaming and cleaning up attachment media filenames, but sometimes it’s just not quite good enough. When it comes to UTF8 characters or accents it tends to just ignore them as they’re (mostly) considered web safe. This can become an issue when third party services crawl your site and struggle with the encoding e.g. Facebook’s Sharing Debugger which is where I had trouble. Of course it’s also not great for SEO. In an Ideal world you want the featured image filename to closely mirror the post title, not be “Screenshot 2016-08-05T22:03:22.jpg”. Cleaner Filenames If all you want to do is clean…
-
Xoá thẻ H3 tại mục reply bình luận của WordPress
How do we remove the H3 tag for the reply-title I.D add_filter( ‘comment_form_defaults’, ‘custom_reply_title’ ); function custom_reply_title( $defaults ){ $defaults[‘title_reply_before’] = ‘<span id=”reply-title” class=”comment-reply-title”>’; $defaults[‘title_reply_after’] = ‘</span>’; return $defaults; }
-
Fix lỗi chiều ngang phiên bản trên điện thoại của theme Flatsome
Cách giải quyết, bạn hãy chèn vào Custom CSS dành cho Mobile chỉ với 1 dòng code nhỏ như sau: body {overflow-x:hidden;}