Blog cá nhân
Bài viết mới nhất
Chia sẻ kinh nghiệm thực tế về WordPress, lập trình và phát triển web.
Trang 8 / 12 — 111 bài viết
Hướng dẫn tạo trường tự động điền địa chỉ Place Autocomplete Maps JavaScript API
Để tạo trường tự động điền địa chỉ từ API Google Map, các bạn làm theo các bước sau: B1/ Đăng ký một API Key Truy cập vào link đăng ký API Key Google Map Nhấn tạo 1 Project mới, sau đó điền đầy đủ các thông tin theo các bước mà popup hiện lên […]
Hướng dẫn bảo mật website WordPress tới 98%
Bài viết là tổng hợp các kiến thức mình tìm hiểu được về bảo mật WordPress. Các bước cần làm để bảo mật website WordPress của bạn: Xoá các plugin hoặc theme không sử dụng Việc xoác các plugin hoặc theme không sử dụng để giảm dung lượng cho hosting đồng thời cũng trách việc […]
Giới hạn hoặc thêm định dạng file upload trong WordPress để bảo mật
Tại sao phải giới hạn upload trong quản trị WordPress Giả định khi một ai đó có ý đồ xấu đã đăng nhập vào quản trị website của bạn, và họ muốn có nhiều quyền kiềm kiểm soát hơn như: chỉnh sửa các file php, chèn quảng cáo trong các bài viết, kiểm soát dữ […]
Thu gọn thanh cuộn scroll bar trong website
Để thu gọn thanh cuộn scroll bar bạn thêm các thẻ style sau ::-webkit-scrollbar { width: 2px; height: 2px } ::-webkit-scrollbar-track { background: 0 0 } ::-webkit-scrollbar-thumb { background: #ebebeb; border-radius: 2px; transition: background .2s ease-in; -webkit-transition: background .2s ease-in; -o-transition: background .2s ease-in; -moz-transition: background .2s ease-in } ::-webkit-scrollbar-thumb:hover { background: #adadad }
Công cụ check lỗi javascript online
JSHint là một công cụ kiểm tra code js. 1/ Kiểm tra code js online sử dụng JSHint Để kiểm tra code js online bạn chỉ cần truy cập vào trang: JSHint và dãn mã js của bạn vào ô bên trái và các thông báo lỗi sẽ hiển thị ở ô bên phải. 2/ Kiểm tra […]
Công cụ Autoprefixer CSS online
Để tránh phải gõ nhiều các đoạn code tương tích cho nhiều trình duyệt web ta có 1 công cụ online để tạo ra các cú pháp đó, Công cụ đó là: Autoprefixer CSS online của tác giả ymatuhin / По-русски
Chuyển chuỗi sang dạng HTML và loại bỏ các thẻ style và script trong wordpress
$excerpt = get_the_permalink(); $limit_excerpt = wp_trim_words( $excerpt, 10, '…' ); echo wp_strip_all_tags( $limit_excerpt, true ); Trong đoạn mã trên có hàm: wp_strip_all_tags sử dụng để chuyển các chuỗi sang html Hàm này sử dụng khi: gọi các dữ liệu từ database ra giao diện web
Lấy danh sách bài viết theo chuyên mục
Style 1: <?php add_shortcode( 'catlist', 'tmdev_create_module_catlist' ); function tmdev_create_module_catlist($atts){ extract( shortcode_atts( array( 'title' => '', 'slug' => '', 'taxonomy' => 'category', 'post__in' => '', 'limit' => 3 ), $atts, 'catlist' ) ); $terms = array(); $terms = array_map( 'trim', explode( ',', $slug ) ); if( empty( $terms ) ) return ''; $args = array( 'post_type' […]
Tạo danh sách bài viết liên quan
<?php $post_id = get_the_ID(); $related_query = new WP_Query(array( 'post_type' => 'post', 'category__in' => wp_get_post_categories( $post_id ), 'post__not_in' => array( $post_id ), 'posts_per_page' => 8 )); ?> <?php if ($related_query->have_posts()) { ?> <div class="related-posts-grid"> <h2>Bài viết liên quan</h2> <?php while ($related_query->have_posts()) { ?> <?php $related_query->the_post(); ?> <div class="grid-item"> <a href="<?php the_permalink(); ?>"> <?php the_post_thumbnail('post-thumb-small'); ?> </a> […]
Hướng dẫn lấy id chuyên mục hiện tại trong trang taxonomy
Cách lấy ID của chuyên mục bài viết hoặc ID của chuyên mục Custom Post Type Để lấy ID của chuyên mục các bạn hãy làm như sau. Trong trang chuyên mục bạn dán đoạn mã: <?php $current_term = get_queried_object(); $current_term_id = $current_term->term_id; ?> Kết quả trả về của hàm get_queried_object(); trong trang chuyên mục sẽ tương tự […]