<?php // Lấy danh sách các tag của bài viết hiện tại
    $tags = wp_get_post_tags(get_the_ID());

    // Kiểm tra xem có tag nào không
    if ($tags) {
        // Lấy danh sách ID của các tag
        $tag_ids = array();
        foreach ($tags as $tag) {
            $tag_ids[] = $tag->term_id;
        }

        // Truy vấn các bài viết có chứa các tag giống nhau
        $related_args = array(
            'tag__in' => $tag_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page' => 4,
            'orderby' => 'date',
            'order' => 'DESC'
        );

        $related_posts = new WP_Query($related_args);

        // Kiểm tra xem có bài viết trùng tag không
        if ($related_posts->have_posts()) {
            echo '<p class="relatedtitle" style="margin-top: 40px;">Bài viết liên quan</p>';
            echo '<div class="row row-normal relatedtagged">';
            while ($related_posts->have_posts()) {
                $related_posts->the_post(); ?>
                <div class="col large-6 medium-12 small-12">
                    <a href="<?php the_permalink(); ?>" title="">
                    <div class="col-inner radius5 box-shadow-2 box-shadow-3-hover">
                        <div class="row row-collapse align-middle">
                            <div class="col large-3 medium-4 small-4">
                                <div class="box has-hover">
                                    <div class="box-image radius5">
                                        <div class="image-cover image-zoom" style="padding-top: 100%">
                                            <?php the_post_thumbnail(); ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col large-9 medium-8 small-8">
                                <div class="col-inner" style="padding: 10px">
                                    <p class="title"><?php the_title(); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>	
                    </a>
                </div>
            <?php
            }
            echo '</div>';
            wp_reset_postdata(); // Đặt lại dữ liệu truy vấn
        } else {
            //echo 'Không có bài viết trùng tag.';
        }
    } else {
        //echo 'Bài viết này không có tag.';
    } ?>

Bài viết Hiển thị bài viết cùng Tag ở cuối bài viết đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Hiển thị dạng Slider

<?php $iddanhmuc = ''; $category_link = get_category_link( $iddanhmuc ); $term = get_term_by( 'id', $iddanhmuc, 'product_cat' ); $slug = $term->slug; ?>
<a href="<?php echo esc_url( $category_link ); ?>"><?php echo $term->name; ?></a>
<div class="homeproducts row row-<?php if(!wp_is_mobile()) : ?>small<?php else : ?>xsmall<?php endif; ?> equalize-box align-equal slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-5 medium-columns-4 small-columns-2"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
                <?php
                if(!wp_is_mobile()) :
                $args = array( 'post_type' => 'product', 'posts_per_page' => 12, 'product_cat' => $slug, 'orderby' => 'date' );
                else :
                $args = array( 'post_type' => 'product', 'posts_per_page' => 6, 'product_cat' => $slug, 'orderby' => 'date' );	
                endif;
                $loop = new WP_Query( $args );
                while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>
                <div class="col">
                    <div class="col-inner proinner box-shadow-1 box-shadow-2-hover">
                        <div class="product-small box <?php echo flatsome_product_box_class(); ?>">
                            <div class="box-image">
                                <?php woocommerce_show_product_sale_flash( $post, $product ); ?>
                                <div class="image-cover" style="padding-top: 100%">
                                    <a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
                                        <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder"/>'; ?>
                                    </a>
                                </div>
                            </div>
                            <div class="box-text box-text-products text-left ">
                                <h3 class="product-title"><a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"><?php the_title(); ?></a></h3>
                                <span class="price-wrapper"><?php echo $product->get_price_html(); ?></span>    
                                <?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>
                                <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
                                <div style="clear: both"></div>
                            </div>
                        </div>
                    </div> 
                </div>
                <?php endwhile; ?>
                <?php wp_reset_query(); ?>
            </div>

Hiển thị dạng Grid

<?php $iddanhmuc = ''; $category_link = get_category_link( $iddanhmuc ); $term = get_term_by( 'id', $iddanhmuc, 'product_cat' ); $slug = $term->slug; ?>
<div class="row row-small">
<?php
                if(!wp_is_mobile()) :
                $args = array( 'post_type' => 'product', 'posts_per_page' => 12, 'product_cat' => $slug, 'orderby' => 'date' );
                else :
                $args = array( 'post_type' => 'product', 'posts_per_page' => 6, 'product_cat' => $slug, 'orderby' => 'date' );	
                endif;
                $loop = new WP_Query( $args );
                while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>
                <div class="col">
                    <div class="col-inner proinner box-shadow-1 box-shadow-2-hover">
                        <div class="product-small box <?php echo flatsome_product_box_class(); ?>">
                            <div class="box-image">
                                <?php woocommerce_show_product_sale_flash( $post, $product ); ?>
                                <div class="image-cover" style="padding-top: 100%">
                                    <a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
                                        <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder"/>'; ?>
                                    </a>
                                </div>
                            </div>
                            <div class="box-text box-text-products text-left ">
                                <h3 class="product-title"><a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"><?php the_title(); ?></a></h3>
                                <span class="price-wrapper"><?php echo $product->get_price_html(); ?></span>    
                                <?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>
                                <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
                                <div style="clear: both"></div>
                            </div>
                        </div>
                    </div> 
                </div>
                <?php endwhile; ?>
                <?php wp_reset_query(); ?>
</div>

Bài viết Hiển thị sản phẩm của một danh mục ở trang bất kỳ đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Nguồn: https://patterson.themerex.net

Demo: https://vitaclinic.forestjump.com.vn

Trang chủ

ACF JSON

[
    {
        "key": "group_661cce9f208c6",
        "title": "Trang chủ",
        "fields": [
            {
                "key": "field_661ccea06f1a8",
                "label": "Slider",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661cceb86f1a9",
                "label": "Desktop Slider",
                "name": "desktop_slider",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661ccec26f1aa",
                        "label": "Hình ảnh",
                        "name": "hinhanh_slider",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661cceb86f1a9"
                    },
                    {
                        "key": "field_661ccedf6f1ab",
                        "label": "Tiêu đề lớn",
                        "name": "tieudelon",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661cceb86f1a9"
                    },
                    {
                        "key": "field_661ccee96f1ac",
                        "label": "Tiêu đề nhỏ",
                        "name": "tieudenho",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661cceb86f1a9"
                    },
                    {
                        "key": "field_661ccef16f1ad",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_661cceb86f1a9"
                    }
                ]
            },
            {
                "key": "field_661ccf0b6c55c",
                "label": "Mobile Slider",
                "name": "mobile_slider",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661ccf0b6c55d",
                        "label": "Hình ảnh",
                        "name": "hinhanh_slider",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661ccf0b6c55c"
                    },
                    {
                        "key": "field_661ccf0b6c55e",
                        "label": "Tiêu đề lớn",
                        "name": "tieudelon",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661ccf0b6c55c"
                    },
                    {
                        "key": "field_661ccf0b6c55f",
                        "label": "Tiêu đề nhỏ",
                        "name": "tieudenho",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661ccf0b6c55c"
                    },
                    {
                        "key": "field_661ccf0b6c560",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_661ccf0b6c55c"
                    }
                ]
            },
            {
                "key": "field_661ccf3bb5eef",
                "label": "Dịch vụ",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661ccf4eb5ef0",
                "label": "Tất cả dịch vụ",
                "name": "tatca_dichvu",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661ccf59b5ef1",
                        "label": "iCon",
                        "name": "icon",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661ccf4eb5ef0"
                    },
                    {
                        "key": "field_661ccf62b5ef2",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661ccf4eb5ef0"
                    },
                    {
                        "key": "field_661ccf6eb5ef3",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_661ccf4eb5ef0"
                    },
                    {
                        "key": "field_661ccf79b5ef4",
                        "label": "Link chi tiết",
                        "name": "link",
                        "aria-label": "",
                        "type": "page_link",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "post_type": [
                            "page"
                        ],
                        "post_status": "",
                        "taxonomy": "",
                        "allow_archives": 1,
                        "multiple": 0,
                        "allow_null": 0,
                        "parent_repeater": "field_661ccf4eb5ef0"
                    }
                ]
            },
            {
                "key": "field_661ccfe8a02e5",
                "label": "Video",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661ccff0a02e6",
                "label": "Hình ảnh",
                "name": "hinhanh_video",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_661cd010a02e7",
                "label": "Tiêu đề",
                "name": "tieude_video",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661cd018a02e8",
                "label": "Nội dung",
                "name": "noidung_video",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661cd021a02e9",
                "label": "ID Youtube Video",
                "name": "id_video",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661cd035a02ea",
                "label": "Thống kê",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661cd069a02eb",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_thongke",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661cd073a02ec",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_thongke",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661cd080a02ed",
                "label": "Nội dung",
                "name": "noidung_thongke",
                "aria-label": "",
                "type": "textarea",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "rows": "",
                "placeholder": "",
                "new_lines": ""
            },
            {
                "key": "field_661cd08da02ee",
                "label": "Các thống kê",
                "name": "cac_thongke",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "table",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661cd0a6a02ef",
                        "label": "Số liệu",
                        "name": "solieu",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661cd08da02ee"
                    },
                    {
                        "key": "field_661cd0bda02f0",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661cd08da02ee"
                    }
                ]
            },
            {
                "key": "field_661d2c892272c",
                "label": "Feedbacks",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661d2caa2272d",
                "label": "Tiêu đề",
                "name": "tieude_feedbacks",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661d2ce52272e",
                "label": "Tất cả Feedbacks",
                "name": "tatca_feedbacks",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661d2cf72272f",
                        "label": "Họ tên",
                        "name": "hoten",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661d2ce52272e"
                    },
                    {
                        "key": "field_661d2cff22730",
                        "label": "Địa chỉ",
                        "name": "diachi",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661d2ce52272e"
                    },
                    {
                        "key": "field_661d2d0622731",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_661d2ce52272e"
                    },
                    {
                        "key": "field_661d2d0f22732",
                        "label": "Hình ảnh",
                        "name": "hinhanh",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661d2ce52272e"
                    }
                ]
            },
            {
                "key": "field_661d2d2522733",
                "label": "Ảnh nền",
                "name": "anhnen_feedbacks",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_661f271e2129d",
                "label": "Career & Team",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661f27562129e",
                "label": "Tất cả nội dung",
                "name": "career_team",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661f27a32129f",
                        "label": "iCon",
                        "name": "icon",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661f27562129e"
                    },
                    {
                        "key": "field_661f27b8212a0",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661f27562129e"
                    },
                    {
                        "key": "field_661f27bf212a1",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661f27562129e"
                    },
                    {
                        "key": "field_661f27c6212a2",
                        "label": "Link",
                        "name": "link",
                        "aria-label": "",
                        "type": "page_link",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "post_type": "",
                        "post_status": "",
                        "taxonomy": "",
                        "allow_archives": 1,
                        "multiple": 0,
                        "allow_null": 0,
                        "parent_repeater": "field_661f27562129e"
                    }
                ]
            },
            {
                "key": "field_661d2f3422734",
                "label": "Dịch vụ y tế",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661d2f4222735",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_dvyte",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661d2f5122736",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_dvyte",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661d2f7222737",
                "label": "Tất cả dịch vụ",
                "name": "dichvu_yte",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661dd88822738",
                        "label": "sott",
                        "name": "sott",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661d2f7222737"
                    },
                    {
                        "key": "field_661dd89b22739",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661d2f7222737"
                    },
                    {
                        "key": "field_661dd8a22273a",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661d2f7222737"
                    },
                    {
                        "key": "field_661ddb9f87f69",
                        "label": "Hình ảnh",
                        "name": "hinhanh",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661d2f7222737"
                    },
                    {
                        "key": "field_661dd8a92273b",
                        "label": "Link chi tiết",
                        "name": "link",
                        "aria-label": "",
                        "type": "page_link",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "post_type": "",
                        "post_status": "",
                        "taxonomy": "",
                        "allow_archives": 1,
                        "multiple": 0,
                        "allow_null": 0,
                        "parent_repeater": "field_661d2f7222737"
                    }
                ]
            },
            {
                "key": "field_661dd9e7f7e89",
                "label": "Blog",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661dd9f1f7e8a",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_blog",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661dda00f7e8b",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_blog",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661dda14f7e8c",
                "label": "Nội dung",
                "name": "noidung_blog",
                "aria-label": "",
                "type": "textarea",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "rows": "",
                "placeholder": "",
                "new_lines": ""
            },
            {
                "key": "field_661dda25f7e8d",
                "label": "Chọn danh mục",
                "name": "danhmuc_blog",
                "aria-label": "",
                "type": "taxonomy",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "taxonomy": "category",
                "add_term": 1,
                "save_terms": 0,
                "load_terms": 0,
                "return_format": "id",
                "field_type": "select",
                "allow_null": 0,
                "bidirectional": 0,
                "multiple": 0,
                "bidirectional_target": []
            },
            {
                "key": "field_661dda8687f5f",
                "label": "Ảnh nền",
                "name": "anhnen_blog",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_661ddac187f60",
                "label": "Bảng giá",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661ddad087f61",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_price",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661ddadc87f62",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_price",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661ddaeb87f63",
                "label": "Tất cả bảng giá",
                "name": "tatca_banggia",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661ddafd87f64",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661ddaeb87f63"
                    },
                    {
                        "key": "field_661ddb0e87f65",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "wysiwyg",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "tabs": "all",
                        "toolbar": "full",
                        "media_upload": 1,
                        "delay": 0,
                        "parent_repeater": "field_661ddaeb87f63"
                    },
                    {
                        "key": "field_661ddb1b87f66",
                        "label": "Đơn giá",
                        "name": "dongia",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661ddaeb87f63"
                    },
                    {
                        "key": "field_661ddb2987f67",
                        "label": "Hình ảnh",
                        "name": "hinhanh",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661ddaeb87f63"
                    },
                    {
                        "key": "field_661ddb8687f68",
                        "label": "Link chi tiết",
                        "name": "link",
                        "aria-label": "",
                        "type": "page_link",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "post_type": "",
                        "post_status": "",
                        "taxonomy": "",
                        "allow_archives": 1,
                        "multiple": 0,
                        "allow_null": 0,
                        "parent_repeater": "field_661ddaeb87f63"
                    }
                ]
            },
            {
                "key": "field_661ddd0cea243",
                "label": "Đặt lịch hẹn",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661ddd18ea244",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_datlich",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661ddd39ea245",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_datlich",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661ddd52ea246",
                "label": "Form đặt lịch",
                "name": "form_datlich",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661ddd5dea247",
                "label": "Hotline",
                "name": "hotline_datlich",
                "aria-label": "",
                "type": "group",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "block",
                "sub_fields": [
                    {
                        "key": "field_661ddd70ea248",
                        "label": "Số điện thoại",
                        "name": "dienthoai",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": ""
                    },
                    {
                        "key": "field_661ddd7cea249",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": ""
                    }
                ]
            },
            {
                "key": "field_661ddd8c07c08",
                "label": "Ảnh nền",
                "name": "anhnen_datlich",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_661dddaa07c09",
                "label": "Đối tác",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661dd808a015c",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_doitac",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661dd815a015d",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_doitac",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661dd822a015e",
                "label": "Tất cả đối tác",
                "name": "tatca_doitac",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "table",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661dd831a015f",
                        "label": "Logo",
                        "name": "logo",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661dd822a015e"
                    },
                    {
                        "key": "field_661dd840a0160",
                        "label": "Link",
                        "name": "link",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661dd822a015e"
                    }
                ]
            },
            {
                "key": "field_661f27d8e93ff",
                "label": "Bản đồ",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_661f27e1e9400",
                "label": "Mã nhúng bản đồ",
                "name": "manhung_bando",
                "aria-label": "",
                "type": "textarea",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "rows": "",
                "placeholder": "",
                "new_lines": ""
            }
        ],
        "location": [
            [
                {
                    "param": "page_template",
                    "operator": "==",
                    "value": "page-home.php"
                }
            ]
        ],
        "menu_order": 0,
        "position": "acf_after_title",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": true,
        "description": "",
        "show_in_rest": 0
    }
]

Code PHP

<?php
/**
 * Template name: A - Home
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.18.0
 */

get_header(); ?>
<!--- Slider --->
<?php if(!wp_is_mobile()) : if(have_rows('desktop_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
    <?php while(have_rows('desktop_slider')) : the_row(); ?>
    <div class="col large-12 small-12">		
        <div class="box has-hover box-overlay box-text-middle">
            <div class="image-box">
                <div class="image-cover" style="padding-top: calc(100vh - 90px);">
                    <?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
                        <img src="<?php the_sub_field('hinhanh_slider'); ?>">
                    <?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
                </div>
            </div>
            <div class="box-text align-center">
                <div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>" style="margin: auto">
                    <div class="col large-6 medium-6 small-10" data-animate="bounceInRight">
                        <div class="col-inner box-shadow-1 box-shadow-2-hover">
                            <p class="bigtitle"><?php the_sub_field('tieudelon'); ?></p>
                            <p class="smalltitle"><?php the_sub_field('tieudenho'); ?></p>
                            <div class="lightdivider"></div>
                            <div class="content"><?php the_sub_field('noidung'); ?></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>		
    </div>
    <?php endwhile; ?>
</div>
<?php endif; else : if(have_rows('mobile_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
    <?php while(have_rows('mobile_slider')) : the_row(); ?>
    <div class="col large-12 small-12">
        <div class="box has-hover box-overlay box-text-middle">
            <div class="image-box">
                <div class="image-cover" style="padding-top: calc(100vh - 90px);">
                    <?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
                        <img src="<?php the_sub_field('hinhanh_slider'); ?>">
                    <?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
                </div>
            </div>
            <div class="box-text align-center">
                <div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>" style="margin: auto">
                    <div class="col large-6 medium-6 small-12" data-animate="bounceInRight">
                        <div class="col-inner box-shadow-1 box-shadow-2-hover">
                            <p class="bigtitle"><?php the_sub_field('tieudelon'); ?></p>
                            <p class="smalltitle"><?php the_sub_field('tieudenho'); ?></p>
                            <div class="lightdivider"></div>
                            <div class="content"><?php the_sub_field('noidung'); ?></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php endwhile; ?>
</div>
<?php endif; endif; ?>
<!--- Slider --->
<!--- Services --->
<?php if(have_rows('tatca_dichvu')) : ?>
<div class="homeservices row row-normal">
    <?php while(have_rows('tatca_dichvu')) : the_row(); ?>
    <div class="col large-4 medium-12 small-12"  data-animate="fadeInUp">
        <div class="col-inner box-shadow-2 box-shadow-3-hover text-center align-center">
            <img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
            <p class="title"><?php the_sub_field('tieude'); ?></p>
            <div class="lightdivider"></div>
            <p class="content"><?php the_sub_field('noidung'); ?></p>
            <a href="<?php the_sub_field('link'); ?>" class="button primary">Xem thêm</a>
        </div>
    </div>
    <?php endwhile; ?>
</div>    
<?php endif; ?>
<!--- Services --->
<!--- Video --->
<?php if(get_field('id_video')) : ?>
<div class="homevideo bgsection" style="background: url(<?php the_field('hinhanh_video'); ?>)">
    <div class="videoinner">
        <div class="row row-large">
            <div class="col large-6 medium-12 small-12 video">
                <div class="video-button-wrapper dark"  data-animate="fadeInUp">
                    <a href="https://www.youtube.com/watch?v=<?php the_field('id_video'); ?>" class="button open-video icon circle is-outline is-xxlarge" rel="nofollow noopener" target="_blank">
                        <i class="icon-play" style="font-size:1.5em;"></i>                        
                    </a>
                    <div class="videotext">
                        <p class="title"><?php the_field('tieude_video'); ?></p>
                        <p class="content"><?php the_field('noidung_video'); ?></p>
                    </div>
                </div>
            </div>
            <!--- Stats --->
            <?php if(have_rows('cac_thongke')) : ?>
            <div class="col large-6 medium-12 small-12"  data-animate="fadeInUp">
                <div class="col-inner box-shadow-2 box-shadow-3-hover">
                    <h2 class="hometitle"><?php the_field('tieudelon_thongke'); ?></h2>
                    <p class="homesubtitle"><?php the_field('tieudenho_thongke'); ?></p>
                    <div class="lightdivider"></div>
                    <div class="content"><?php the_field('noidung_thongke'); ?></div>
                    <div class="row row-small homestats">
                        <?php while(have_rows('cac_thongke')) : the_row(); ?>
                        <div class="col large-4 medium-4 small-4 text-center">
                            <p class="number"><?php the_sub_field('solieu'); ?></p>
                            <p class="subtitle"><?php the_sub_field('noidung'); ?></p>
                        </div>
                        <?php endwhile; ?>
                    </div>
                </div>
            </div>        
            <?php endif; ?>
            <!--- Stats --->
        </div>
    </div>
</div>    
<?php endif; ?>
<!--- Video --->
<!--- Feedbacks --->
<?php if(have_rows('tatca_feedbacks')) : ?>
    <div class="row row-large align-middle">
        <div class="col large-6 medium-12 small-12" >
            <div class="col-inner homefeedbacks" style="background: url(<?php the_field('anhnen_feedbacks'); ?>">
                <div class="inner dark">
                    <h2 class="hometitle"><?php the_field('tieude_feedbacks'); ?></h2>
                    <div class="lightdivider"></div>
                    <div class="row row-small row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
                        <?php while(have_rows('tatca_feedbacks')) : the_row(); ?>
                        <div class="col large-12 small-12 text-center align-center">
                            <div class="box has-hover">
                                <div class="box-image">
                                    <div class="image-cover" style="padding-top: 100%">
                                        <img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
                                    </div>
                                </div>
                            </div>
                            <p class="human"><strong><?php the_sub_field('hoten'); ?></strong>, <?php the_sub_field('diachi'); ?></p>
                            <p class="feedback"><?php the_sub_field('noidung'); ?></p>
                        </div>
                        <?php endwhile; ?>
                    </div>
                </div>
            </div>
        </div>
        <!-- Career & Team -->
        <?php if(have_rows('career_team')) : ?>
        <div class="col large-6 medium-12 small-12" >
            <div class="row row-normal align-equal">
                <?php while(have_rows('career_team')) : the_row() ;?>
                <div class="col large-6 medium-6 small-12"  data-animate="fadeInUp">
                    <div class="col-inner text-center align-center box-shadow-2 box-shadow-3-hover careerteam">
                        <img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
                        <p class="title"><?php the_sub_field('tieude'); ?></p>
                        <div class="lightdivider"></div>
                        <p class="content"><?php the_sub_field('noidung'); ?></p>
                        <?php if(get_sub_field('link')) : ?>
                            <a href="<?php the_sub_field('link'); ?>" class="button primary is-link">Xem thêm<i class="icon-angle-right" aria-hidden="true"></i></a>
                        <?php endif; ?>
                    </div>
                </div>
                <?php endwhile; ?>
            </div>
        </div>    
        <?php endif; ?>
        <!-- Career & Team -->
    </div>
<?php endif; ?>
<!--- Feedbacks --->
<!--- Medical Services --->
<?php if(have_rows('dichvu_yte')) : ?>
    <div class="homemedicalservices align-center">
        <div class="text-center">
            <h2 class="hometitle"><?php the_field('tieudelo_dvyte'); ?></h2>            
            <p class="homesubtitle"><?php the_field('tieudenho_dvyte'); ?></p>
            <div class="lightdivider"></div>
        </div>
        
        <div class="row row-normal slider slider-nav-simple slider-nav-large slider-nav-dark slider-nav-outside slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
            <?php while(have_rows('dichvu_yte')) : the_row(); ?>
            <div class="col large-4 medium-5 small-10 text-center">
                <div class="col-inner box-shadow-2 box-shadow-3-hover">
                    <div class="box has-hover box-overlay box-text-bottom">
                        <div class="box-image">
                            <div class="image-cover" style="padding-top: 56.25%">
                                <img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('tieude'); ?>">
                                <div class="overlay"></div>
                            </div>
                        </div>
                        <div class="box-text dark">
                            <span class="number"><?php the_sub_field('sott'); ?></span>
                        </div>
                    </div>
                    <div class="inner align-center text-center">
                        <h3 class="title"><?php the_sub_field('tieude'); ?></h3>
                        <div class="lightdivider"></div>
                        <p class="content"><?php the_sub_field('noidung'); ?></p>
                        <?php if(get_sub_field('link')) : ?>
                            <a href="<?php the_sub_field('link'); ?>" class="button primary">Chi tiết <i class="icon-angle-right" aria-hidden="true"></i></a>    
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <?php endwhile; ?>
        </div>
    </div>    
<?php endif; ?>
<!--- Medical Services --->
<!--- Blog --->
<?php if(get_field('danhmuc_blog')) : $idblog = get_field('danhmuc_blog'); $category_link = get_category_link( $idblog ); ?>
<div class="homeblog bgsection" style="background: url(<?php the_field('anhnen_blog'); ?>)">
    <div class="bloginner">
        <div class="row row-normal align-middle">
            <div class="col large-5 medium-12 small-12">
                <div class="col-inner bloginfo">
                    <h2 class="hometitle"><?php the_field('tieudelon_blog'); ?></h2>            
                    <p class="homesubtitle"><?php the_field('tieudenho_blog'); ?></p>
                    <div class="lightdivider"></div>
                    <div class="content"><?php the_field('noidung_blog'); ?></div>
                    <a href="<?php echo esc_url( $category_link ); ?>" class="button primary">Xem tất cả <i class="icon-angle-right" aria-hidden="true"></i></a>    
                </div>
            </div>
            <div class="col large-7 medium-12 small-12">
            <?php
                $lastposts = get_posts( array(
                    'posts_per_page' => 3,
                    'category' 		 => $idblog,
                    ) );
                if ( $lastposts ) {
                    foreach ( $lastposts as $post ) :
                        setup_postdata( $post ); ?>		
                        <?php if(!wp_is_mobile()) : ?>
                            <div class="col-inner postitem desknewsitem" data-animate="fadeInUp">
                                <div class="datepost">
                                    <span class="day"><?php echo get_the_date('d') ?></span>
                                    <span class="month"><?php echo get_the_date('F') ?></span>
                                </div>
                                <div class="posttitle">
                                    <a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                                </div>
                                <div class="postbutton"><a href="<?php the_permalink() ?>" class="" title="<?php the_title_attribute(); ?>">Xem thêm</a></div>
                            </div>
                        <?php else : ?>	
                            <div class="col-inner postitem mobilenewsitem" data-animate="fadeInUp">
                                <div class="datepost">
                                    <span class="day"><?php echo get_the_date('d') ?></span>
                                    <span class="month"><?php echo get_the_date('F') ?></span>
                                </div>
                                <div class="posttitle">
                                    <a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                                </div>
                                <div class="postbutton"><a href="<?php the_permalink() ?>" class="" title="<?php the_title_attribute(); ?>">Xem thêm</a></div>
                            </div>
                        <?php endif; ?>				
                    <?php
                    endforeach; 
                    wp_reset_postdata();
                }
            ?>
            </div>
        </div>
    </div>
</div>    
<?php endif; ?>
<!--- Blog --->
<!--- Price Table --->
<?php if(have_rows('tatca_banggia')) : ?>
    <div class="homemedicalservices homepricingtable align-center">
        <div class="text-center">
            <h2 class="hometitle"><?php the_field('tieudelon_price'); ?></h2>            
            <p class="homesubtitle"><?php the_field('tieudenho_price'); ?></p>
            <div class="lightdivider"></div>
        </div>
        
        <div class="row row-normal slider slider-nav-simple slider-nav-large slider-nav-dark slider-nav-outside slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
            <?php while(have_rows('tatca_banggia')) : the_row(); ?>
            <div class="col large-4 medium-5 small-10 text-center">
                <div class="col-inner box-shadow-2 box-shadow-3-hover">
                    <div class="box has-hover box-overlay box-text-bottom">
                        <div class="box-image">
                            <div class="image-cover" style="padding-top: 56.25%">
                                <img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('tieude'); ?>">
                                <div class="overlay"></div>
                            </div>
                        </div>
                        <div class="box-text dark">
                            <span class="number"><?php the_sub_field('dongia'); ?></span>
                        </div>
                    </div>
                    <div class="inner align-center text-center">
                        <h3 class="title"><?php the_sub_field('tieude'); ?></h3>
                        <div class="lightdivider"></div>
                        <p class="content"><?php the_sub_field('noidung'); ?></p>
                        <?php if(get_sub_field('link')) : ?>
                            <a href="<?php the_sub_field('link'); ?>" class="button primary">Chi tiết <i class="icon-angle-right" aria-hidden="true"></i></a>    
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <?php endwhile; ?>
        </div>
    </div>   
<?php endif; ?>
<!--- Price Table --->
<!--- Booking --->
<?php if(get_field('form_datlich')) : ?>
<div class="homebooking bgsection" style="background: url(<?php the_field('anhnen_datlich'); ?>);">
    <div class="bookinginner">
        <div class="row row-large align-middle">
            <div class="col large-5 medium-5 small-12">
                <?php if(have_rows('hotline_datlich')) : while(have_rows('hotline_datlich')) : the_row(); ?>
                <div class="col-inner dark">
                    <a href="<?php the_sub_field('dienthoai'); ?>">
                    <div class="homephone">
                        <i class="fa fa-phone"></i>
                        <div class="phone">
                            <span class="phonenumber"><?php the_sub_field('dienthoai'); ?></span>
                            <span class="content"><?php the_sub_field('noidung'); ?></span>
                        </div>
                    </div>
                    </a>
                </div>
                <?php endwhile; endif; ?>
            </div>
            <div class="col large-7 medium-7 small-12">
                <div class="col-inner inner">
                    <h2 class="hometitle"><?php the_field('tieudelon_datlich'); ?></h2>            
                    <p class="homesubtitle"><?php the_field('tieudenho_datlich'); ?></p>
                    <div class="lightdivider"></div>
                    <?php echo do_shortcode(get_field('form_datlich')); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>
<!--- Booking --->
<!--- Partners --->
<?php if(have_rows('tatca_doitac')) : ?>
<div class="homepartners">
    <div class="text-center align-center">
        <h2 class="hometitle"><?php the_field('tieudelon_doitac'); ?></h2>            
        <p class="homesubtitle"><?php the_field('tieudenho_doitac'); ?></p>
        <div class="lightdivider"></div>
    </div>
    <div class="row row-small slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-5 medium-columns-5"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "<?php if(!wp_is_mobile()) : ?>left<?php else : ?>center<?php endif; ?>","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
        <?php while(have_rows('tatca_doitac')) : the_row(); ?>
        <div class="col small-9">
            <div class="box has-hover">
                <div class="box-image box-shadow-2 box-shadow-3-hover">
                    <div class="image-cover" style="padding-top: 50%">
                        <?php if(get_sub_field('link')) : ?><a href="<?php the_sub_field('link'); ?>"><?php endif; ?>
                            <img src="<?php the_sub_field('logo'); ?>">
                        <?php if(get_sub_field('link')) : ?></a><?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        <?php endwhile; ?>
    </div>
</div>
<?php endif; ?>
<!--- Partners --->
<!--- Map --->
<?php if(get_field('manhung_bando')) : ?>
    <div class="homemap">
        <?php echo do_shortcode(get_field('manhung_bando')); ?>
    </div>
<?php endif; ?>
<!--- Map --->
<?php get_footer(); ?>

Form đặt lịch

<div class="bookingform row row-small">
<div class="col large-6 medium-6 small-12">[text* YourName placeholder "Họ và tên (*)"]</div>
<div class="col large-6 medium-6 small-12">[tel* YourPhone placeholder "Số điện thoại (*)"]</div>
<div class="col large-6 medium-6 small-12">[text YourAdd placeholder "Địa chỉ"]</div>
<div class="col large-6 medium-6 small-12">[email YourEmail placeholder "Email"]</div>
<div class="col large-12 medium-12 small-12">[textarea YourMess placeholder "Thông tin thêm"][submit "Đặt lịch ngay"]</div>
</div>

Code CSS

.hometitle {
        font-size: 40px;
        margin-bottom: 0;
} 
.homesubtitle {
        font-size: 24px;
        margin-bottom: 10px;
}
/* Slider */
.flickity-page-dots .dot {
        background: #61bfbe;
        border: none;
        opacity: 1;
        width: 15px;
        height: 6px;
        border-radius: 5px;
}
.flickity-page-dots .dot.is-selected {
        width: 30px;
        background: #fc376d!important;
}
.homeslider .col-inner {
        background: #fff;
        padding: 35px;
        border-radius: 5px;
        text-align: justify;
}
.homeslider .bigtitle {
        font-size: 50px;
        font-weight: bold;
}
.homeslider .smalltitle {
        font-size: 20px;
        padding-bottom: 20px;
}
/* Services */
.homeservices {
        padding-top: 80px;
        padding-bottom: 50px;
}
.homeservices .col-inner {
        padding: 20px;
        border-radius: 5px;
}
.homeservices img {
        max-height: 80px;
        width: auto;
        margin-bottom: 10px;
}
.homeservices .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
}
.homeservices .button {
        font-weight: normal;
        border-radius: 3px;
}
/* Video */
.homevideo {
        background-size:cover!important;
        margin-bottom: 150px;
}
.homevideo .videoinner {
        padding: 80px 0 0px 0;
}
.homevideo .video-button-wrapper {
        display: flex;
        align-items: center;
        margin-top: 60px;
        margin-bottom: 80px;
}
.homevideo .button {
        margin-bottom: 0;
        margin-right: 20px;
}
.homevideo .videotext .title {
        margin-bottom: 0;
        font-size: 26px;
        font-weight: bold;
}
.homevideo .videotext .content {
        margin-bottom:0;
}
.homevideo .col-inner {
        background: #fff;
        padding: 30px 30px 1px 30px;
        border-radius: 5px;
        margin-bottom:-120px;
}
/* Stats */
.homestats {
        margin-top: 20px;
}
.homestats .number {
        font-size: 40px;
        font-weight: bold;
        color: #fc376d;
        margin-bottom:0;
}
.homestats .subtitle {
        font-weight: bold;
}
/* Feedbacks */
.homefeedbacks {
        background: cover!important;
        border-radius: 5px;
}
.homefeedbacks .lightdivider {
        background: #fff;
        margin-top: 20px;
        margin-bottom: 30px;
}
.homefeedbacks .inner {
        padding: 20px;
        background: rgb(0,0,0,0.3);
        border-radius: 5px;
}
.homefeedbacks .box {
        margin: auto;
        width: 100px;
        border-radius: 50%;
        margin-bottom: 10px;
}
.homefeedbacks .box-image {
        border-radius: 50%;
}
/* Career & Team */
.careerteam {
        background: #fff;
        padding: 15px 15px 1px 15px;
        border-radius: 3px;
}
.careerteam img {
        height: 80px;
        width: auto;
        margin-bottom: 10px;
}
.careerteam .title {
        font-weight: bold;
        font-size: 20px;
}
.careerteam .button i {
        margin-left: 5px;
        margin-top: 3px;
}
/* Medical Services */
.homemedicalservices {
        padding-top: 50px;
        padding-bottom: 40px;
}
.homemedicalservices .slider {
        padding-top: 20px!important;
}
.homemedicalservices .col-inner {
        border-radius: 3px;
}
.homemedicalservices .number {
        font-size: 100px;
        font-weight: bold;
}
.homemedicalservices .box-text {
        height: auto;
        padding: 0;
        bottom: -70px;
        transition: .5s;
}
.homemedicalservices .col-inner:hover .box-text {
        bottom: 0;
        transition: .5s;
}
.homemedicalservices .inner {
        position: relative;
        background: #fff;
        padding: 20px
}
.homemedicalservices .button {
        font-weight: normal;
        border-radius: 3px;
        margin-bottom:0;
}
.homemedicalservices .button i {
        padding-left: 5px;
}
/* Blog */
.homeblog .bloginner {
        background: rgb(255,255,255,0.4);
        padding-top: 70px;
        padding-bottom: 40px;
}
.homeblog .bloginfo {
        background: #fff;
        padding: 30px;
        border-radius: 3px;
        text-align: justify;
}
.homeblog .bloginfo .content {
        padding-bottom: 15px;
}
.homeblog .bloginfo .button {
        margin-bottom:0;
        border-radius: 3px;
        font-weight: normal;
}
.postitem {
        background: #f2f2f2;
        margin-bottom: 15px;
        border-radius: 5px;
        padding-right: 10px;
}
.postitem .posttitle a {
        color: #000;
        font-size: 92%;
}
.postbutton a {
        text-transform: none!important;
        font-weight: bold!important;
        border:1px solid;
        padding: 10px;
        border-radius: 3px;
}
.desknewsitem {
        display:  flex;
        align-items: center;
}
.desknewsitem .datepost {
        background: #61bfbe;
        color: #fff;
        width: 90px;
        display: block;
        text-align: center;
        height: 100%;
        padding: 15px 0;
        border-radius: 5px 0 0 5px;
}
.desknewsitem .datepost span {
        display: block;
        font-size: 85%;
}
.desknewsitem .day {
        font-size: 40px!important;
        font-weight: bold;
        line-height: 1;
}
.desknewsitem .postbutton {
        width: 110px;
}
.desknewsitem .posttitle {
        width: calc(100% - 200px);
        padding:10px;
        line-height:1.2;
}
.mobilenewsitem {
        padding: 15px;
}
.mobilenewsitem .datepost span {
        opacity: 0.8!important;
}
.mobilenewsitem .posttitle a {
        font-weight: normal;
        line-height: 1.2;
        margin-bottom: 15px;
        display: block;
        font-size: 18px;
}
.mobilenewsitem .postbutton {
        padding-bottom: 10px;
}
/* Pricing Tables */
.homepricingtable .number {
        font-size: 40px;
}
.homepricingtable .box-text {
        bottom:-30px;
}
.homepricingtable ul li {
        list-style-type: none;
        margin-bottom: 0;
}
/* Booking */
.homebooking .bookinginner {
        background: rgb(255,255,255, 0.4);
        padding-top: 70px;
        padding-bottom: 40px;
}
.homebooking .homephone {
        display: flex;
        align-items: center;
} 
.homephone i {
        font-size: 30px;
        border:1px solid;
        padding: 20px;
        border-radius: 50%;
        margin-right: 10px;
}
.homephone .phone span {
        display: block;
}
.homephone .phone .phonenumber {
        font-size: 30px;
        font-weight: bold;
        margin-bottom:0;
        line-height:1;
}
.homebooking .inner {
        background: #fff;
        padding: 25px;
        border-radius: 3px;
}
.homebooking form {
        margin-bottom:0;
}
/* Home Form */
.bookingform  .col {
        padding-bottom:0;
}
.wpcf7-spinner {
        display: none;
}
.bookingform .wpcf7-text, .bookingform .wpcf7-textarea {
        border:1px solid #61bfbe!important;
        box-shadow: none!important;
        border-radius: 3px!important;
}
.bookingform .wpcf7-submit {
        margin-bottom: 0;
        border-radius: 3px!important;
        font-weight: normal!important;
}
/* Partners */
.homepartners {
        padding-top: 60px;
        padding-bottom: 50px;
}
.homepartners .box, .homepartners .box-image {
        border-radius: 3px;
}
.homepartners .slider {
        padding-top: 10px;
}
.homepartners .flickity-page-dots {
        bottom: -5px;
}

Giới thiệu

ACF JSON

[
    {
        "key": "group_66273a8c27959",
        "title": "Giới thiệu",
        "fields": [
            {
                "key": "field_66273a8d7c48e",
                "label": "Header",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66273aa17c48f",
                "label": "Desktop Banner",
                "name": "desktop_banner",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_66273c6f7c490",
                "label": "Mobile Banner",
                "name": "mobile_banner",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_66273c867c491",
                "label": "Open Letter",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66273c957c492",
                "label": "Hình ảnh (500x500px)",
                "name": "hinhanh_thungo",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_66273ca87c493",
                "label": "Nội dung",
                "name": "noidung_thungo",
                "aria-label": "",
                "type": "wysiwyg",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "tabs": "all",
                "toolbar": "full",
                "media_upload": 1,
                "delay": 0
            },
            {
                "key": "field_66273cb67c494",
                "label": "Services",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66273cce7c495",
                "label": "Tất cả dịch vụ",
                "name": "tatca_dichvu",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_66273cf57c496",
                        "label": "iCon (100x100px)",
                        "name": "icon",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_66273cce7c495"
                    },
                    {
                        "key": "field_66273d067c497",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_66273cce7c495"
                    },
                    {
                        "key": "field_66273d0c7c498",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_66273cce7c495"
                    },
                    {
                        "key": "field_66273d157c499",
                        "label": "Link",
                        "name": "link",
                        "aria-label": "",
                        "type": "page_link",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "post_type": "",
                        "post_status": "",
                        "taxonomy": "",
                        "allow_archives": 1,
                        "multiple": 0,
                        "allow_null": 0,
                        "parent_repeater": "field_66273cce7c495"
                    }
                ]
            },
            {
                "key": "field_66273d2ee2bcb",
                "label": "Feedbacks",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66273d37e2bcc",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_feedbacks",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_66273d4fe2bcd",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_feedbacks",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_66273d61e2bce",
                "label": "Tất cả Feedbacks",
                "name": "tatca_feedbacks",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_66273d71e2bcf",
                        "label": "Họ tên",
                        "name": "hoten",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_66273d61e2bce"
                    },
                    {
                        "key": "field_66273d7ce2bd0",
                        "label": "Địa chỉ",
                        "name": "diachi",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_66273d61e2bce"
                    },
                    {
                        "key": "field_66273d82e2bd1",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_66273d61e2bce"
                    },
                    {
                        "key": "field_66273d8ce2bd2",
                        "label": "Hình ảnh (100x100px)",
                        "name": "hinhanh",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_66273d61e2bce"
                    }
                ]
            },
            {
                "key": "field_66273d9ce2bd3",
                "label": "Ảnh nền",
                "name": "anhnen_feedbacks",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_66275950b05ed",
                "label": "Team",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66275968b05ee",
                "label": "Tiêu đề lớn",
                "name": "tieudelo_team",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_66275973b05ef",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_team",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_66275981b05f0",
                "label": "Tất cả đội ngũ",
                "name": "tatca_doingu",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_66275993b05f1",
                        "label": "Hình ảnh (500x500px)",
                        "name": "hinhanh",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_66275981b05f0"
                    },
                    {
                        "key": "field_662759a5b05f2",
                        "label": "Họ tên",
                        "name": "hoten",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_66275981b05f0"
                    },
                    {
                        "key": "field_662759afb05f3",
                        "label": "Vị trí",
                        "name": "vitri",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_66275981b05f0"
                    },
                    {
                        "key": "field_662759b6b05f4",
                        "label": "Thông tin thêm",
                        "name": "thongtinthem",
                        "aria-label": "",
                        "type": "wysiwyg",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "tabs": "all",
                        "toolbar": "full",
                        "media_upload": 1,
                        "delay": 0,
                        "parent_repeater": "field_66275981b05f0"
                    }
                ]
            }
        ],
        "location": [
            [
                {
                    "param": "page_template",
                    "operator": "==",
                    "value": "page-about.php"
                }
            ]
        ],
        "menu_order": 0,
        "position": "acf_after_title",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": true,
        "description": "",
        "show_in_rest": 0
    }
]

PHP Code

<?php
/**
 * Template name: A - About
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.18.0
 */
get_header(); ?>
<!--- Header Banner --->
<?php if(get_field('desktop_banner')) : ?>
<div class="headerbanner box has-hover box-overlay box-text-middle">
    <div class="box-image">
        <div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>40%<?php else : ?>75%<?php endif; ?>">
            <img src="<?php if(wp_is_mobile()) : the_field('mobile_banner'); else : the_field('desktop_banner'); endif; ?>" alt="<?php wp_title(); ?>">
        </div>
    </div>
    <div class="box-text">
        <div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>">
            <div class="col large-6 medium-9 small-10">
                <div class="col-inner">
                    <h1 class="pagetitle">
                        <?php wp_title(); ?>
                    </h1>
                    <div class="lightdivider"></div>
                    <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>
<!--- Header Banner --->
<!--- Services --->
<?php if(have_rows('tatca_dichvu')) : ?>
<div class="homeservices row row-normal">
    <?php while(have_rows('tatca_dichvu')) : the_row(); ?>
    <div class="col large-4 medium-12 small-12"  data-animate="fadeInUp">
        <div class="col-inner box-shadow-2 box-shadow-3-hover text-center align-center">
            <img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
            <p class="title"><?php the_sub_field('tieude'); ?></p>
            <div class="lightdivider"></div>
            <p class="content"><?php the_sub_field('noidung'); ?></p>
            <a href="<?php the_sub_field('link'); ?>" class="button primary">Xem thêm</a>
        </div>
    </div>
    <?php endwhile; ?>
</div>    
<?php endif; ?>
<!--- Services --->
<!--- Feedbacks --->
<?php if(have_rows('tatca_feedbacks')) : ?>
<div class="aboutfeedbacks sectionbg"  style="background: url(<?php the_field('anhnen_feedbacks'); ?>">    
    <div class="row row-large align-middle">
        <div class="col large-6 medium-12 small-12" >
            <div class="col-inner homefeedbacks">
                <div class="inner align-center text-center"  style="background: #fff">
                    <h2 class="hometitle"><?php the_field('tieudelon_feedbacks'); ?></h2>
                    <p class="homesubtitle"><?php the_field('tieudenho_feedbacks'); ?></p>
                    <div class="darkdivider"></div>
                    <div class="row row-small row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
                        <?php while(have_rows('tatca_feedbacks')) : the_row(); ?>
                        <div class="col large-12 small-12 text-center align-center">
                            <div class="box has-hover">
                                <div class="box-image">
                                    <div class="image-cover" style="padding-top: 100%">
                                        <img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
                                    </div>
                                </div>
                            </div>
                            <p class="human"><strong><?php the_sub_field('hoten'); ?></strong>, <?php the_sub_field('diachi'); ?></p>
                            <p class="feedback"><?php the_sub_field('noidung'); ?></p>
                        </div>
                        <?php endwhile; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>
<!--- Feedbacks --->
<!--- Team --->
<?php if(have_rows('tatca_doingu')) : ?>
<div class="aboutteam">
    <div class="text-center align-center">
        <h2 class="hometitle"><?php the_field('tieudelo_team'); ?></h2>
        <p class="homesubtitle"><?php the_field('tieudenho_team'); ?></p>
        <div class="darkdivider"></div>
    </div>
    <div class="row row-normal align-equal">
        <?php while(have_rows('tatca_doingu')) : the_row(); ?>
        <div class="col large-4 medium-6 small-12">
            <div class="col-inner box-shadow-2 box-shadow-3-hover">
                <div class="box has-hover box-bounce">
                    <div class="box-image">
                        <div class="image-cover" style="padding-top: 100%">
                            <img src="<?php the_sub_field('hinhanh'); ?>" alt="<?php the_sub_field('hoten'); ?>">
                        </div>
                    </div>
                    <div class="box-text text-center">
                        <h3 class="title"><?php the_sub_field('hoten'); ?></h3>
                        <p class="subtitle"><?php the_sub_field('vitri'); ?></p>
                    </div>
                </div>
                <?php if(get_sub_field('thongtinthem')) : ?>
                    <div class="humaninfo dark">
                        <p class="title"><?php the_sub_field('hoten'); ?></p>
                        <p class="subtitle"><?php the_sub_field('vitri'); ?></p>
                        <?php the_sub_field('thongtinthem'); ?>
                    </div>
                <?php endif; ?>
            </div>
        </div>
        <?php endwhile; ?>
    </div>
</div>
<?php endif; ?>
<!--- Team --->
<?php get_footer(); ?>

CSS Code

.sectionbg {
        background-size: cover!important;
}
/* Header Banner */
.headerbanner .col-inner {
        background: rgb(255,255,255,0.6);
        padding: 50px;
        border-radius: 5px;
}
.headerbanner .pagetitle {
        font-size: 50px;
        margin-bottom: 20px;
}
.headerbanner a {
        color: #000;
}
/* Feedbacks */
.aboutfeedbacks {
        padding-top: 70px;
        padding-bottom: 40px;
}
/* Team */
.aboutteam {
        padding-top: 60px;
        padding-bottom: 50px;
}
.aboutteam .darkdivider {
        margin-bottom: 30px;
}
.aboutteam .col-inner, .aboutteam .box, .aboutteam .box-image {
        border-radius: 3px;
}
.humaninfo {
        padding: 1px;
        background: #fc376d;
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 0;
        transition-duration: 1s;
        height: 0;
        overflow:hidden;
        z-index: 1;
        border-radius: 3px;
        font-size: 0;
}
.aboutteam .col-inner:hover .humaninfo {
        height: 100%;
        transition-duration: 1s;
        font-size: inherit;
        padding: 20px;
}
.humaninfo .title {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 0;
}
.humaninfo .subtitle {
        font-style: italic;
}

Blog

PHP Code

File archive-list.php

<div class="row row-small custompostlist align-equal">	
        <div class="col large-12" style="padding-bottom:0">			
            <h1 class="postcattitle uppercase">
                <?php

                    if ( is_category() ) :
                        printf( __( '%s', 'flatsome' ), '<span>' . single_cat_title( '', false ) . '</span>' );

                    elseif ( is_tag() ) :
                        printf( __( '%s', 'flatsome' ), '<span>' . single_tag_title( '', false ) . '</span>' );

                    elseif ( is_search() ) :
                        printf( __( '%s', 'flatsome' ), '<span>' . get_search_query() . '</span>' );

                    elseif ( is_author() ) :
                        /* Queue the first post, that way we know
                         * what author we're dealing with (if that is the case).
                        */
                        the_post();
                        printf( __( 'Author Archives: %s', 'flatsome' ), '<span class="vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' );
                        /* Since we called the_post() above, we need to
                         * rewind the loop back to the beginning that way
                         * we can run the loop properly, in full.
                         */
                        rewind_posts();

                    elseif ( is_day() ) :
                        printf( __( 'Daily Archives: %s', 'flatsome' ), '<span>' . get_the_date() . '</span>' );

                    elseif ( is_month() ) :
                        printf( __( 'Monthly Archives: %s', 'flatsome' ), '<span>' . get_the_date( 'F Y' ) . '</span>' );

                    elseif ( is_year() ) :
                        printf( __( 'Yearly Archives: %s', 'flatsome' ), '<span>' . get_the_date( 'Y' ) . '</span>' );

                    elseif ( is_tax( 'post_format', 'post-format-aside' ) ) :
                        _e( 'Asides', 'flatsome' );

                    elseif ( is_tax( 'post_format', 'post-format-image' ) ) :
                        _e( 'Images', 'flatsome');

                    elseif ( is_tax( 'post_format', 'post-format-video' ) ) :
                        _e( 'Videos', 'flatsome' );

                    elseif ( is_tax( 'post_format', 'post-format-quote' ) ) :
                        _e( 'Quotes', 'flatsome' );

                    elseif ( is_tax( 'post_format', 'post-format-link' ) ) :
                        _e( 'Links', 'flatsome' );

                    else :
                        _e( '', 'flatsome' );

                    endif;
                ?>
            </h1>
            <?php
                if ( is_category() ) :
                    // show an optional category description
                    $category_description = category_description();
                    if ( ! empty( $category_description ) ) :
                        echo apply_filters( 'category_archive_meta', '<div class="taxonomy-description">' . $category_description . '</div>' );
                    endif;

                elseif ( is_tag() ) :
                    // show an optional tag description
                    $tag_description = tag_description();
                    if ( ! empty( $tag_description ) ) :
                        echo apply_filters( 'tag_archive_meta', '<div class="taxonomy-description">' . $tag_description . '</div>' );
                    endif;

                endif;
            ?>
        </div>
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>	
            <div class="col large-6 small-12 postslist">
                <div class="col-inner box-shadow-2 box-shadow-3-hover">
                    <div class="box has-hover shine box-default box-text-bottom">
                        <div class="row row-collapse">
                            <div class="col large-5 small-12">
                                <div class="box-image">
                                    <div class="image-zoom image-cover" style="padding-top: 100%">
                                                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                                    <?php the_post_thumbnail(); ?>
                                                </a>
                                        <div class="overlay" style="background-color:rgba(0, 0, 0, 0)"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col large-7 small-12">
                                <div class="box-text text-left" style="background-color:rgba(255, 255, 255, 0);">
                                    <div class="box-text-inner">
                                        <h2 style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2><p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                        <div class="homeexpert"><?php  the_excerpt(); ?></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>									
        <?php endwhile; ?>
        <div class="col large-12 text-center">
            <div class="navigation">
                <?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>
            </div>
            <?php else : ?>
                <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
                    <h1>Not Found</h1>
                </div>
            <?php endif; ?>
        </div>
</div>

File content-single.php

<div class="row row-collapse">
<div class="col large-12 small-12">
    <div class="box has-hover box-overlay box-text-middle">
        <div class="box-image">
            <div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>45%<?php else : ?>75%<?php endif; ?>">
                <?php the_post_thumbnail('full'); ?>
            </div>
        </div>
    </div>
</div>
<div class="col large-8 small-8">
    <div class="col-inner greyblock">
    </div>
</div>
<div class="col large-5 small-10">
    <div class="col-inner customtitle <?php if(!wp_is_mobile()) : ?>desktitle<?php endif; ?>">
        <div class="inner">
        <?php echo get_the_category_list( __( ', ', 'flatsome' ) ); ?>
        <?php
        if ( is_single() ) {
            echo '<h1 class="entry-title">' . get_the_title() . '</h1>';
        } else {
            echo '<h2 class="entry-title"><a href="' . get_the_permalink() . '" rel="bookmark" class="plain">' . get_the_title() . '</a></h2>';
        }
        ?>
        </div>
    </div>		
</div>
<div class="col large-12 small-12">
    <div class="row row-normal singlecontent">
        <div class="col large-12 medium-12 small-12">
            <div class="col-inner singlepostinner box-shadow-1">
                <?php the_content(); //comments_template();?>
            </div>
        </div>
        <div class="col large-12 small-12">
            <?php if(is_single()) : ?>
                <div class="row row-small relatedposts align-equal">
                    <div class="col large-12" style="padding-bottom:0;">
                        <div class="col-inner">
                            <div class="title" style="font-size: 26px!important; text-transform: uppercase!important; padding-bottom: 10px">Bài viết liên quan</div>
                        </div>
                    </div>
                </div>
                <div class="custompostlist align-equal relatedslider equalize-box align-equal row row-small row-slider slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
                    <?php
                    /*
                    * Code hiển thị bài viết liên quan trong cùng 1 category
                    */
                    $categories = get_the_category(get_the_ID());
                    if ($categories){
                        $category_ids = array();
                        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
                        $args=array(
                            'category__in' => $category_ids,
                            'post__not_in' => array(get_the_ID()),
                            'posts_per_page' => 8, // So bai viet dc hien thi
                        );
                        $my_query = new wp_query($args);
                        if( $my_query->have_posts() ):
                            while ($my_query->have_posts()):$my_query->the_post();
                                ?>
                                <div class="col large-4 medium-6 small-10 postslider">
                                    <div class="col-inner box-shadow-1 box-shadow-2-hover">
                                        <div class="box has-hover  box-text-middle shining">
                                            <div class="box-image">
                                                <div class="image-zoom image-cover" style="padding-top: 75%;">
                                                    <a href="<?php the_permalink(); ?>" title="">
                                                        <?php the_post_thumbnail(); ?>
                                                    </a>
                                                    <div class="overlay" style="background-color:rgb(0,0,0,0)"></div>			
                                                </div>
                                            </div>
                                            <div class="box-text text-left box-text-products" style="padding: 15px!important;">
                                                <div class="box-text-inner">
                                                    <p class="title"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                                    <p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>	
                                </div>
                                <?php
                            endwhile;
                        endif; wp_reset_query();
                    }
                    ?>
                </div>
                <?php endif; ?>
        </div>
    </div>
</div>
</div>

File layout.php

<?php
/**
 * Posts layout.
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.16.0
 */

do_action('flatsome_before_blog');
?>
<div class="custombread">
    <div class="breadinner">
    <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
    </div>
</div>
<?php if(!is_single() && get_theme_mod('blog_featured', '') == 'top'){ get_template_part('template-parts/posts/featured-posts'); } ?>
<div class="row align-center row-normal">
    <div class="large-12 col">
    <?php if(!is_single() && get_theme_mod('blog_featured', '') == 'content'){ get_template_part('template-parts/posts/featured-posts'); } ?>

    <?php
        if(is_single()){
            get_template_part( 'template-parts/posts/single');
            //comments_template();
        } elseif(get_theme_mod('blog_style_archive', '') && (is_archive() || is_search())){
            get_template_part( 'template-parts/posts/archive', get_theme_mod('blog_style_archive', '') );
        } else{
            get_template_part( 'template-parts/posts/archive', get_theme_mod('blog_style', 'normal') );
        }
    ?>
    </div>

</div>

<?php do_action('flatsome_after_blog');

CSS Code

/* Blog Archives */
.postslist .col-inner {
    background: #fff;
}
.postslist .box-text {
    padding: 5px 15px 15px 15px;
}
.postslist h2 a {
    font-size: 18px;
    height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
    color: #000;
}
.postslist .homeexpert {
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.postslist .postdate, .postslider .postdate {
    font-style: italic;
    opacity: 0.6;
}
.postslist i, .postslider i {
    color: #fc376d;
    padding-right: 5px;
}
/* Pagination */
.page-numbers  {
    border:1px solid;
    padding: 5px;
    min-width: 35px;
    display: inline-block;
    border-radius: 3px;
}
/* Single Content */
.greyblock {
    background: #E5EAEF;
    height: 200px;
    margin-top: -80px;
}
.customtitle {
    font-weight: normal;
    margin-top: -250px;
    background: #fff;
    padding: 30px;
    border-radius: 0 10px 10px 0;
    min-height: 180px;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 20px;
}
.customtitle h1 {
    font-weight: normal;
    margin-bottom: 0;
    font-family: 'Quicksand', sans-serif;
}
.customtitle span {
    color: #5b764d;
    font-family: 'Quicksand', sans-serif;
}
.desktitle {
    margin-left: 100px!important;
    border-radius: 10px;
    margin-top: -280px;
}
.singlecontent {
    margin-top: 30px;
}
.singlepostinner {
    background: #fff;
    padding: 20px;
}
/* Related Post */
.postslider .title a {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.page-wrapper {
    padding-top:0;
    padding-bottom:0;
}
/* Breadcrumbs */
.custombread {
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 30px;
}
.breadinner p {
    margin-bottom:0;
    margin: auto;
    max-width: 1230px;
}

Liên hệ

ACF JSON

[
    {
        "key": "group_66277d73ee6fd",
        "title": "Liên hệ",
        "fields": [
            {
                "key": "field_662773adc678d",
                "label": "Header",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_662773bfc678e",
                "label": "Desktop Banner",
                "name": "desktop_banner",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_662773c9c678f",
                "label": "Mobile Banner",
                "name": "mobile_banner",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            },
            {
                "key": "field_66277429a82c4",
                "label": "Get in Touch",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_66277434a82c5",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_getintouch",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_66277441a82c6",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_getintouch",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_6627745ca82c7",
                "label": "Thông tin liên hệ",
                "name": "thongtin_lienhe",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "table",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_66277492a82c8",
                        "label": "iCon",
                        "name": "icon",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_6627745ca82c7"
                    },
                    {
                        "key": "field_6627749ea82c9",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_6627745ca82c7"
                    },
                    {
                        "key": "field_662774a8a82ca",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "textarea",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "rows": "",
                        "placeholder": "",
                        "new_lines": "",
                        "parent_repeater": "field_6627745ca82c7"
                    }
                ]
            },
            {
                "key": "field_662774bb343fe",
                "label": "Bản đồ",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_662774c4343ff",
                "label": "Mã nhúng bản đồ",
                "name": "manhung_bando",
                "aria-label": "",
                "type": "textarea",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "rows": "",
                "placeholder": "",
                "new_lines": ""
            },
            {
                "key": "field_662774d834400",
                "label": "Form liên hệ",
                "name": "",
                "aria-label": "",
                "type": "tab",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "placement": "top",
                "endpoint": 0
            },
            {
                "key": "field_662774e634401",
                "label": "Tiêu đề lớn",
                "name": "tieudelon_form",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_662774f434402",
                "label": "Tiêu đề nhỏ",
                "name": "tieudenho_form",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_662774ff34403",
                "label": "Form liên hệ",
                "name": "form_lienhe",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            }
        ],
        "location": [
            [
                {
                    "param": "page_template",
                    "operator": "==",
                    "value": "page-contact.php"
                }
            ]
        ],
        "menu_order": 0,
        "position": "acf_after_title",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": true,
        "description": "",
        "show_in_rest": 0
    }
]

PHP Code

<?php
/**
 * Template name: A - Contact
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.18.0
 */

get_header(); ?>
<!--- Header Banner --->
<?php if(get_field('desktop_banner')) : ?>
<div class="headerbanner box has-hover box-overlay box-text-middle">
    <div class="box-image">
        <div class="image-cover" style="padding-top: <?php if(!wp_is_mobile()) : ?>40%<?php else : ?>75%<?php endif; ?>">
            <img src="<?php if(wp_is_mobile()) : the_field('mobile_banner'); else : the_field('desktop_banner'); endif; ?>" alt="<?php wp_title(); ?>">
        </div>
    </div>
    <div class="box-text">
        <div class="row row-small <?php if(wp_is_mobile()) : ?>align-center<?php endif; ?>">
            <div class="col large-6 medium-9 small-10">
                <div class="col-inner">
                    <h1 class="pagetitle">
                        <?php wp_title(); ?>
                    </h1>
                    <div class="lightdivider"></div>
                    <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<?php endif; ?>
<!--- Header Banner --->
<!--- Contact Info --->
<?php if(have_rows('thongtin_lienhe')) : ?>
<div class="row row-normal contactinfo">
    <div class="col large-12 small-12 text-center align-center">
        <h2 class="hometitle"><?php the_field('tieudelon_getintouch'); ?></h2>            
        <p class="homesubtitle"><?php the_field('tieudenho_getintouch'); ?></p>
        <div class="lightdivider"></div>
    </div>
    <?php while(have_rows('thongtin_lienhe')) : the_row(); ?>
    <div class="col large-4 medium-12 small-12 text-center">
        <p class="icon"><?php the_sub_field('icon'); ?></p>
        <p class="title"><?php the_sub_field('tieude'); ?></p>
        <div class="content"><?php the_sub_field('noidung'); ?></div>
    </div>
    <?php endwhile; ?>
</div>    
<?php endif; ?>
<!--- Contact Info --->
<!--- Map --->
<?php if(get_field('manhung_bando')) : ?>
    <div class="homemap">
        <?php echo do_shortcode(get_field('manhung_bando')); ?>
    </div>
<?php endif; ?>
<!--- Map --->
<!--- Contact Form --->
<?php if(get_field('form_lienhe')) : ?>
<div class="contactform row row-normal align-center">
    <div class="col large-9 medium-12 small-12 text-center align-center">
        <h2 class="hometitle"><?php the_field('tieudelon_form'); ?></h2>            
        <p class="homesubtitle"><?php the_field('tieudenho_form'); ?></p>
        <div class="lightdivider"></div>
        <?php echo do_shortcode(get_field('form_lienhe')); ?>
    </div>
</div>    
<?php endif; ?>
<!--- Contact Form --->
<?php get_footer(); ?>

Contact Form

<div class="contact row row-small">
<div class="col large-6 medium-6 small-12">[text* YourName placeholder "Họ và tên (*)"]</div>
<div class="col large-6 medium-6 small-12">[tel* YourPhone placeholder "Số điện thoại (*)"]</div>
<div class="col large-6 medium-6 small-12">[text YourAdd placeholder "Địa chỉ"]</div>
<div class="col large-6 medium-6 small-12">[email YourEmail placeholder "Email"]</div>
<div class="col large-12 medium-12 small-12">[textarea YourMess placeholder "Thông tin thêm"][submit "Gửi đi"]</div>
</div>

CSS Code

.contactinfo {
        padding-top: 80px;
        padding-bottom: 50px;
}
.contactinfo i {
        font-size: 60px;
        color: #fc376d;
}
.contactinfo .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
}
.contactform {
        padding-top: 80px;
        padding-bottom: 50px;
}
.contactform .contact .col {
        padding-bottom:0;
}
.contactform .wpcf7-text, .contactform .wpcf7-textarea {
        border:1px solid #61bfbe;
        border-radius: 3px!important;
        box-shadow: none!important;
}
.contactform .wpcf7-submit {
        border-radius: 3px;
        font-weight: normal;
        margin-bottom:0;
}

Footer

ACF JSON

[
    {
        "key": "group_661e0a351ce7a",
        "title": "Footer",
        "fields": [
            {
                "key": "field_661e0a51c0b5a",
                "label": "Newsletter",
                "name": "newsletter",
                "aria-label": "",
                "type": "group",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "block",
                "sub_fields": [
                    {
                        "key": "field_661e0a9bc0b5b",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": ""
                    },
                    {
                        "key": "field_661e0aa6c0b5c",
                        "label": "Form",
                        "name": "form",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": ""
                    }
                ]
            },
            {
                "key": "field_661e0abbc0b5d",
                "label": "Nội dung",
                "name": "noidung_footer",
                "aria-label": "",
                "type": "repeater",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "layout": "row",
                "pagination": 0,
                "min": 0,
                "max": 0,
                "collapsed": "",
                "button_label": "Add Row",
                "rows_per_page": 20,
                "sub_fields": [
                    {
                        "key": "field_661e0ac8c0b5e",
                        "label": "iCon",
                        "name": "icon",
                        "aria-label": "",
                        "type": "image",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "return_format": "url",
                        "library": "all",
                        "min_width": "",
                        "min_height": "",
                        "min_size": "",
                        "max_width": "",
                        "max_height": "",
                        "max_size": "",
                        "mime_types": "",
                        "preview_size": "medium",
                        "parent_repeater": "field_661e0abbc0b5d"
                    },
                    {
                        "key": "field_661e0ad3c0b5f",
                        "label": "Tiêu đề",
                        "name": "tieude",
                        "aria-label": "",
                        "type": "text",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "maxlength": "",
                        "placeholder": "",
                        "prepend": "",
                        "append": "",
                        "parent_repeater": "field_661e0abbc0b5d"
                    },
                    {
                        "key": "field_661e0adbc0b60",
                        "label": "Nội dung",
                        "name": "noidung",
                        "aria-label": "",
                        "type": "wysiwyg",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "default_value": "",
                        "tabs": "all",
                        "toolbar": "full",
                        "media_upload": 1,
                        "delay": 0,
                        "parent_repeater": "field_661e0abbc0b5d"
                    },
                    {
                        "key": "field_661e0ae5c0b61",
                        "label": "Button",
                        "name": "button",
                        "aria-label": "",
                        "type": "group",
                        "instructions": "",
                        "required": 0,
                        "conditional_logic": 0,
                        "wrapper": {
                            "width": "",
                            "class": "",
                            "id": ""
                        },
                        "layout": "block",
                        "sub_fields": [
                            {
                                "key": "field_661e0aeec0b62",
                                "label": "Tiêu đề",
                                "name": "tieudebutton",
                                "aria-label": "",
                                "type": "text",
                                "instructions": "",
                                "required": 0,
                                "conditional_logic": 0,
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "default_value": "",
                                "maxlength": "",
                                "placeholder": "",
                                "prepend": "",
                                "append": ""
                            },
                            {
                                "key": "field_661e0afec0b63",
                                "label": "Link",
                                "name": "linkbutton",
                                "aria-label": "",
                                "type": "page_link",
                                "instructions": "",
                                "required": 0,
                                "conditional_logic": 0,
                                "wrapper": {
                                    "width": "",
                                    "class": "",
                                    "id": ""
                                },
                                "post_type": "",
                                "post_status": "",
                                "taxonomy": "",
                                "allow_archives": 1,
                                "multiple": 0,
                                "allow_null": 0
                            }
                        ],
                        "parent_repeater": "field_661e0abbc0b5d"
                    }
                ]
            },
            {
                "key": "field_661e0b20c0f6c",
                "label": "Copyright",
                "name": "copyright_footer",
                "aria-label": "",
                "type": "text",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "default_value": "",
                "maxlength": "",
                "placeholder": "",
                "prepend": "",
                "append": ""
            },
            {
                "key": "field_661e0b2bc0f6d",
                "label": "Ảnh nền",
                "name": "anhnen_footer",
                "aria-label": "",
                "type": "image",
                "instructions": "",
                "required": 0,
                "conditional_logic": 0,
                "wrapper": {
                    "width": "",
                    "class": "",
                    "id": ""
                },
                "return_format": "url",
                "library": "all",
                "min_width": "",
                "min_height": "",
                "min_size": "",
                "max_width": "",
                "max_height": "",
                "max_size": "",
                "mime_types": "",
                "preview_size": "medium"
            }
        ],
        "location": [
            [
                {
                    "param": "options_page",
                    "operator": "==",
                    "value": "cai-dat-chung"
                }
            ]
        ],
        "menu_order": 0,
        "position": "normal",
        "style": "default",
        "label_placement": "top",
        "instruction_placement": "label",
        "hide_on_screen": "",
        "active": true,
        "description": "",
        "show_in_rest": 0
    }
]

File footer.php

<?php
/**
 * The template for displaying the footer.
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.16.0
 */
global $flatsome_opt;
?>
</main>
<?php if(have_rows('noidung_footer', 'option')) : ?>
    <div class="customfooter" style="background: url(<?php the_field('anhnen_footer', 'option'); ?>">
        <div class="footerinner">
            <div class="row row-small">
                <?php if(have_rows('newsletter', 'option')) : while(have_rows('newsletter', 'option')) : the_row(); ?>
                <div class="col large-12 small-12 text-center align-center newsletter">
                    <p class="contentitle dark"><?php the_sub_field('tieude'); ?></p>
                    <?php echo do_shortcode(get_sub_field('form')); ?>
                    <div class="lightdivider"></div>
                </div>
                <?php endwhile; endif; ?>
                <div class="footercontent col large-12 small-12">
                    <div class="row row-small align-equal">
                    <?php while(have_rows('noidung_footer', 'option')) : the_row(); ?>
                    <div class="col large-4 medium-12 small-12">
                        <div class="col-inner">
                            <div class="text-center align-center">
                            <?php if(get_sub_field('icon')) : ?>
                            <img src="<?php the_sub_field('icon'); ?>" alt="<?php the_sub_field('tieude'); ?>">
                            <?php endif; ?>                            
                            <?php if(get_sub_field('tieude')) : ?>                            
                                <p class="title"><?php the_sub_field('tieude'); ?></p>
                                <div class="align-center">
                                    <div class="darkdivider"></div>
                                </div>
                            <?php endif; ?>
                            </div>
                        <?php if(get_sub_field('noidung')) : the_sub_field('noidung'); endif; ?>
                        <?php if(have_rows('button')) : while(have_rows('button')) : the_row(); ?>
                                <div class="text-center">
                                    <a href="<?php the_sub_field('linkbutton'); ?>" class="button primary"><?php the_sub_field('tieudebutton'); ?></a>
                                </div>
                        <?php endwhile; endif; ?>
                        </div>
                    </div>
                    <?php endwhile; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>
<footer id="footer" class="footer-wrapper">
    <?php do_action('flatsome_footer'); ?>
</footer>
</div>
<?php wp_footer(); ?>
</body>
</html>

File absolute-footer.php (template-parts/footer)

<?php
/**
 * Absolute footer.
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.16.0
 */

$align = 'small-text-center';
if ( get_theme_mod( 'footer_bottom_align' ) == 'center' ) {
  $align = 'text-center';
}

ob_start();
do_action( 'flatsome_absolute_footer_secondary' );
$flatsome_absolute_footer_secondary = trim( ob_get_clean() );
$flatsome_footer_right_text = trim( get_theme_mod( 'footer_right_text' ) );

?>

<div class="absolute-footer <?php echo flatsome_option('footer_bottom_text'); ?> medium-text-center <?php echo $align;?>">
  <div class="container clearfix">

    <?php if ( $flatsome_footer_right_text || $flatsome_absolute_footer_secondary ) : ?>
      <div class="footer-secondary pull-right">
        <?php if ( $flatsome_footer_right_text ) : ?>
          <div class="footer-text inline-block small-block">
            <?php echo do_shortcode($flatsome_footer_right_text); ?>
          </div>
        <?php endif; ?>
        <?php echo $flatsome_absolute_footer_secondary; ?>
      </div>
    <?php endif; ?>

    <div class="footer-primary pull-left">
      <?php if ( has_nav_menu( 'footer' ) ) : ?>
        <?php
        wp_nav_menu( array(
          'theme_location' => 'footer',
          'menu_class' => 'links footer-nav uppercase',
          'depth' => 1,
          'fallback_cb' => false,
        ) );
        ?>
      <?php endif; ?>
      <div class="copyright-footer">
        <?php if(get_field('copyright_footer', 'option')) : the_field('copyright_footer', 'option'); else : echo do_shortcode( get_theme_mod( 'footer_left_text', 'Copyright 2025 &copy; <strong>Flatsome Theme</strong>' ) ); endif; ?>
      </div>
      <?php do_action( 'flatsome_absolute_footer_primary' ); ?>
    </div>
  </div>
</div>

CSS Footer

.newsletter p {
        max-width: 500px;
        margin: auto;
}
.newslellterform p {
        display: flex;
        padding-top: 15px;
}
.newsletter .wpcf7-text {
        border-radius: 3px 0 0 3px;
        box-shadow: none!important;
}
.newsletter .wpcf7-submit {
        border-radius: 0 3px 3px 0;
        box-shadow: none;
        text-transform: none;
        font-weight: normal;
}
.customfooter {
        background-size: cover!important;
        background-position: fixed;
}
.footerinner {
        background: rgb(0,0,0,0.5);
        padding-top: 100px;
        padding-bottom: 80px;
}
.customfooter .col-inner {
        background: #fff;
        padding: 10px 15px;
        border-radius: 5px;
}
.customfooter .col-inner img {
        max-height: 80px;
        width: auto;
}
.customfooter .col-inner .title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
}
.customfooter .col-inner .button {
        font-weight: normal;
        border-radius: 3px;
}
.lightdivider {
        width: 80px;
        height: 4px;
        background: #ccc;
        margin-bottom: 20px;
        border-radius: 99px;
}
.darkdivider {
        width: 80px;
        height: 4px;
        background: #61bfbe;
        margin-bottom: 20px;
        border-radius: 99px;
}
.wpcf7-spinner {
        display: none;
}

Bài viết Độ lại theme Dr.Patterson trên WordPress sử dụng Theme Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Đặt đoạn code sau vào vị trí muốn hiển thị bài viết cùng danh mục

Bài cùng danh mục dạng danh sách

<!--- Bài viết liên quan dạng list --->
<div class="row row-small relatedposts list">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner relatedlist">
            <div class="title">Bài viết liên quan</div>
            <ul>
            <?php
            /*
             * Code hiển thị bài viết liên quan trong cùng 1 category
             */
            $categories = get_the_category(get_the_ID());
            if ($categories){
                $category_ids = array();
                foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
                $args=array(
                    'category__in' => $category_ids,
                    'post__not_in' => array(get_the_ID()),
                    'posts_per_page' => 5, // So bai viet dc hien thi
                );
                $my_query = new wp_query($args);
                if( $my_query->have_posts() ):
                    while ($my_query->have_posts()):$my_query->the_post();
                        ?>
                        <li><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
                        <?php
                    endwhile;
                endif; wp_reset_query();
            }
            ?>
            </ul>
        </div>
    </div>
</div>

Kết quả:

Bài viết cùng danh mục dạng Grid

<!--- Bài viết liên quan dạng Grid --->
<div class="row row-small relatedposts align-equal">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner">
            <div class="title">Bài viết liên quan</div>
        </div>
    </div>
    <?php
    /*
     * Code hiển thị bài viết liên quan trong cùng 1 category
     */
    $categories = get_the_category(get_the_ID());
    if ($categories){
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page' => 6, // So bai viet dc hien thi
        );
        $my_query = new wp_query($args);
        if( $my_query->have_posts() ):
            while ($my_query->have_posts()):$my_query->the_post();
                ?>
                <div class="col  small-12 postgrid">
                    <div class="col-inner box-shadow-2 box-shadow-3-hover">
                        <div class="box has-hover box-text-bottom">
                            <div class="box-image">
                                <div class="image-cover" style="padding-top: 56.25;">
                                    <a href="<?php the_permalink(); ?>" title="">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                    <div class="overlay" style="background-color:rgb(0,0,0,0)"></div>						
                                </div>
                            </div>
                            <div class="box-text text-left" style="">
                                <div class="box-text-inner">
                                        <p style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                        <p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                        <div class="homeexpert"><?php  the_excerpt(); ?></div>
                                        <a href="<?php the_permalink(); ?>" class="readmore">Xem thêm</a>
                                </div>
                            </div>
                        </div>
                    </div>	
                </div>
                <?php
            endwhile;
        endif; wp_reset_query();
    }
    ?>
</div>

Kết quả:

Bài cùng danh mục dạng slider

<!--- Bài viết liên quan dạng Slider --->
<div class="row row-small relatedposts align-equal">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner">
            <div class="title">Bài viết liên quan</div>
        </div>
    </div>
</div>
<div class="relatedslider row row-small row-slider slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": true, "autoPlay" : false}'>
    <?php
    /*
     * Code hiển thị bài viết liên quan trong cùng 1 category
     */
    $categories = get_the_category(get_the_ID());
    if ($categories){
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page' => 6, // So bai viet dc hien thi
        );
        $my_query = new wp_query($args);
        if( $my_query->have_posts() ):
            while ($my_query->have_posts()):$my_query->the_post();
                ?>
                <div class="col  small-12 postgrid">
                    <div class="col-inner box-shadow-2 box-shadow-3-hover">
                        <div class="box has-hover box-text-bottom">
                            <div class="box-image">
                                <div class="image-cover" style="padding-top: 56.25;">
                                    <a href="<?php the_permalink(); ?>" title="">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                    <div class="overlay" style="background-color:rgb(0,0,0,0)"></div>						
                                </div>
                            </div>
                            <div class="box-text text-left" style="">
                                <div class="box-text-inner">
                                        <p style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                        <p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                        <div class="homeexpert"><?php  the_excerpt(); ?></div>
                                        <a href="<?php the_permalink(); ?>" class="readmore">Xem thêm</a>
                                </div>
                            </div>
                        </div>
                    </div>	
                </div>
                <?php
            endwhile;
        endif; wp_reset_query();
    }
    ?>
</div>

Kết quả:

Thêm CSS để làm đẹp cho các cách hiển thị này. Chúc bạn thành công!

Bài viết Hiển thị bài viết cùng danh mục ở trang chi tiết bài viết trong Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Bước 1: Copy file element-logo.php từ thư mục themes > flatsome > template-parts > header > partials vào thư mục child-theme tương ứng (themes > child-theme > template-parts > header > partials)

Bước 2: Thêm thẻ H1 vào theo mẫu dưới đây

<!-- Header logo -->
<?php if(is_front_page()) : ?><h1 style="margin-bottom:0"><?php endif; ?>
<?php 
    $darklogo = get_field('dark_logo','option');
    $lightlogo = get_field('light_logo','option'); 
    $stickylogo = get_field('sticky_logo','option'); 
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?><?php echo get_bloginfo( 'name' ) && get_bloginfo( 'description' ) ? ' - ' : ''; ?><?php bloginfo( 'description' ); ?>" rel="home">
    <?php if(flatsome_option('site_logo')){
      $logo_height = get_theme_mod('header_height',90);
      $logo_width = get_theme_mod('logo_width', 200);
      $site_title = esc_attr( get_bloginfo( 'name', 'display' ) );
      if(get_theme_mod('site_logo_sticky')) echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$stickylogo.'" class="header-logo-sticky" alt="'.$site_title.'"/>';
      echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header_logo header-logo" alt="'.$site_title.'"/>';
      //if(!get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$lightlogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
      if(get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
    } else {
    bloginfo( 'name' );
  	}
  ?>
</a>
<?php if(is_front_page()) : ?></h1><?php endif; ?>

Bước 3: Lưu lại kết quả và kiểm tra

Bài viết Thêm thẻ H1 vào Logo cho Website WordPress sử dụng Theme Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Mẫu form liên hệ với chỉ 01 cột thông tin

Form liên hệ cơ bản bao gồm các trường thông tin như: Họ tên, Email, Số điện thoại, Địa chỉ, Nội dung liên hệ và nút Gửi đi. Để tạo form này, chúng ta làm theo mẫu sau:

[text* YourName placeholder "Họ tên"]
[text* YourPhone placeholder "Điện thoại"]
[email YourEmail placeholder "Email"]
[text* YourAdd placeholder "Địa chỉ"]
[textarea YourMess placeholder "Nội dung"]
[submit "Gửi đi"]

Thêm một chút CSS

.wpcf7-text, .wpcf7-textarea {
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    box-shadow: none!important;
}
.wpcf7-submit {
    border-radius: 5px !important;
    background-image: linear-gradient(to right, #be814a, #eec58f) !important;
    color: #000 !important;
    border: none !important;
}

Kết quả:

Nếu muốn sử dụng nhãn cho mỗi trường thông tin thì làm theo mẫu sau:

<label>Họ tên (*)</label>
[text* YourName placeholder "Họ tên"]
<label>Số điện thoại (*)</label>
[text* YourPhone placeholder "Điện thoại"]
<label>Email</label>
[email YourEmail placeholder "Email"]
<label>Địa chỉ</label> 
[text YourAdd placeholder "Địa chỉ"]
<label>Nội dung liên hệ</label>
[textarea YourMess placeholder "Nội dung"]
[submit "Gửi đi"]

Kết quả

Bài viết Tổng hợp một số mẫu Contact Form với Contact Form 7 cho website WordPress sử dụng theme Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Kính dán an toàn 2 lớp https://guongkinhthudo.vn/kinh-hai-long/kinh-dan-an-toan/

Bước 1: Thêm đoạn code sau vào file functions.php

// Post View Count
add_filter ('use_block_editor_for_post', '__return_false'); 
function getPostViews($postID, $is_single = true){
global $post;
if(!$postID) $postID = $post->ID;
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
if(!$is_single){
return '<span class="svl_show_count_only">'.$count.'</span>';
}
$nonce = wp_create_nonce('devvn_count_post');
if($count == "0"){
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
return '<span class="svl_post_view_count" data-id="'.$postID.'" data-nonce="'.$nonce.'">0</span>';
}
return '<span class="svl_post_view_count" data-id="'.$postID.'" data-nonce="'.$nonce.'">'.$count.'</span>';
}
function setPostViews($postID) {
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
if($count == "0" || empty($count) || !isset($count)){
add_post_meta($postID, $count_key, 1);
update_post_meta($postID, $count_key, 1);
}else{
$count++;
update_post_meta($postID, $count_key, $count);
}
}
add_action( 'wp_ajax_svl-ajax-counter', 'svl_ajax_callback' );
add_action( 'wp_ajax_nopriv_svl-ajax-counter', 'svl_ajax_callback' );
function svl_ajax_callback() {
if ( !wp_verify_nonce( $_REQUEST['nonce'], "devvn_count_post")) {
exit();
}
$count = 0;
if ( isset( $_GET['p'] ) ) {
global $post;
$postID = intval($_GET['p']);
$post = get_post( $postID );
if($post && !empty($post) && !is_wp_error($post)){
setPostViews($post->ID);
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
}
}
die($count.'');
}
add_action( 'wp_footer', 'svl_ajax_script', PHP_INT_MAX );
function svl_ajax_script() {
if(!is_single()) return;
?>
<script>
(function($){
$(document).ready( function() {
$('.svl_post_view_count').each( function( i ) {
var $id = $(this).data('id');
var $nonce = $(this).data('nonce');
var t = this;
$.get('<?php echo admin_url( 'admin-ajax.php' ); ?>?action=svl-ajax-counter&nonce='+$nonce+'&p='+$id, function( html ) {
$(t).html( html );
});
});
});
})(jQuery);
</script>
<?php
}

add_filter('manage_posts_columns', 'posts_column_views');
add_action('manage_posts_custom_column', 'posts_custom_column_views',5,2);
function posts_column_views($defaults){
$defaults['post_views'] = __( '' , '' );
return $defaults;
}
function posts_custom_column_views($column_name, $id){
if( $column_name === 'post_views' ) {
echo getPostViews( get_the_ID(), false);
}
}

Bước 2: Thêm đoạn code sau vào vị trí muốn hiển thị lượt xem

<span class="postview"><i class="fa fa-eye"></i><?php echo getPostViews(get_the_ID()); ?></span>

Bước 3: Chỉnh sửa CSS để đạt được kiểu hiển thị mong muốn

Kết quả:

Kính sọc cường lực https://phucanglass.com/kinh-soc-trang-tri-cuong-luc/

Kính hoa đồng https://guongkinhthudo.vn/gia-cong-kinh/kinh-hoa-dong-nghe-thuat/

Bài viết Hiển thị lượt xem bài viết hoặc sản phẩm không cần dùng plugin đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Bước 1: Chọn nút hoặc text và đặt link để mở popup. Cấu trúc link dạng (Ví dụ): #mopopup

Bước 2: Chèn đoạn code sau đây vào trang cần hiển thị Popup

<div id="mopopup" class="lightbox-by-id lightbox-content lightbox-white mfp-hide">
//Nội dung Popup ở đây
</div>

Chú ý:

• Thẻ ID trùng với link mở popup, ở ví dụ trên là mopopup
• Nội dung Popup: Có thể là form, hình ảnh, text. . . Để dễ làm và tùy biến, nên tạo Block trong UX Blocks và chèn các nội dung phù hợp với nhu cầu, sau đó chèn Shortcode của Block Popup vào vị trí của nội dung popup.
• Nên để đoạn code popup này vào cuối trang, có thể chèn trong Flatsome > Advanced > Global Settings > Footer

Kính siêu trong https://phucanglass.com/kinh-sieu-trong/

Kính phun cát https://guongkinhthudo.vn/kinh-hai-long/kinh-phun-cat/

Việc còn lại là viết CSS để làm đẹp cho cái popup này. Chúc bạn thành công!

Bài viết Hiển thị Popup khi bấm vào nút Call to Action đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Home Slider with Images

<!--- Slider --->
<?php if(!wp_is_mobile()) : if(have_rows('desktop_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
    <?php while(have_rows('desktop_slider')) : the_row(); ?>
    <div class="col large-12 small-12">		
        <div class="box has-hover">
            <div class="image-box">
                <div class="image-cover" style="padding-top: 34%">
                    <?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
                        <img src="<?php the_sub_field('hinhanh_slider'); ?>">
                    <?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
                </div>
            </div>
        </div>		
    </div>
    <?php endwhile; ?>
</div>
<?php endif; else : if(have_rows('mobile_slider')) : ?>
<div class="homeslider row row-collapse row-full-width slider slider-nav-simple slider-nav-large slider-nav-light slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : 6000}'>
    <?php while(have_rows('mobile_slider')) : the_row(); ?>
    <div class="col large-12 small-12">
        <div class="box has-hover">
            <div class="image-box">
                <div class="image-cover" style="padding-top: 56.25%">
                    <?php if(get_sub_field('link_slider')) : ?><a href="<?php the_sub_field('link_slider'); ?>"><?php endif; ?>
                        <img src="<?php the_sub_field('hinhanh_slider'); ?>">
                    <?php if(get_sub_field('link_slider')) : ?></a><?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    <?php endwhile; ?>
</div>
<?php endif; endif; ?>
<!--- Slider --->

.flickity-page-dots .dot {
        background: #000;
        border: none;
        opacity: 1;
        width: 15px;
        height: 6px;
        border-radius: 5px;
}
.flickity-page-dots .dot.is-selected {
        width: 30px;
        background: #a91416;
}

Home Categories

<!--- Home Categories --->
<?php if(have_rows('cac_danhmucsp')) : ?>
<div class="homecategories row row-small slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-6 medium-columns-3"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": <?php if(!wp_is_mobile()) : ?>false<?php endif; ?><?php if(wp_is_mobile()) : ?>true<?php endif; ?> , "rightToLeft": false, "autoPlay" : false}'>
    <?php if(!wp_is_mobile()) : ?>
        <?php $count = 0; $rows = 1; ?>	
    <?php endif; ?>	
    <?php if(wp_is_mobile()) : ?>
        <?php $count = 0; $rows = 2; ?>	
    <?php endif; ?>	
    <?php while(have_rows('cac_danhmucsp')) : the_row(); ?>		
        <?php if ($count % $rows==0) : ?>
        <div class="col shine <?php if(wp_is_mobile()) : ?>small-5<?php endif; ?>">
        <?php endif; ?>
            <div class="col-inner homecate text-center <?php if(wp_is_mobile()) : ?>box-shadow-1 mobilecate<?php endif; ?>">
                <a href="<?php the_sub_field('link_danhmucsp'); ?>"><img src="<?php the_sub_field('hinhanh_danhmucsp'); ?>" alt="<?php the_sub_field('tieude_danhmucsp'); ?>"></a>
                <a href="<?php the_sub_field('link_danhmucsp'); ?>"><p class="title"><?php the_sub_field('tieude_danhmucsp'); ?></p></a>
            </div>
        <?php if ($count % $rows == ($rows - 1) || $count == ($max_post - 1)) : ?>
        </div>
        <?php endif; $count = $count + 1; ?>
    <?php endwhile; ?>
</div>
<?php endif; ?>
<!--- End Home Categories --->

BreadCrumbs

Dán vào file header.php

<?php if(!is_front_page()) : ?>	
<div class="custombread">
    <div class="breadinner">
        <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
    </div>
</div>	
<?php endif; ?>

.custombread {
        background: #f2f2f2;
        margin-bottom: 20px;
}
.custombread .breadinner {
        margin: auto;
        max-width: 1270px;
        padding: 10px 15px;
}
.custombread p {
        margin-bottom: 0;
}
.page-wrapper {
        padding: 0;
}

Home About

<!--- Giới thiệu --->
<?php if(get_field('noidung_gioithieu')) : ?>
<div class="homeabout">
    <div class="row row-normal align-middle">
        <div class="col large-6 medium-6 small-12">
            <h2 class="hometitle uppercase"><?php the_field('tieude_gioithieu'); ?></h2>
            <?php the_field('noidung_gioithieu'); ?>
            <a href="<?php the_field('link_gioithieu'); ?>" class="button primary" style="border-radius: 5px">Xem thêm</a>
        </div>
        <div class="col large-6 medium-6 small-12">
            <?php if(get_field('videoid_gioithieu')) : ?>
                <div class="video video-fit mb">
                        <iframe title="<?php the_field('tieude_gioithieu'); ?>" src="https://www.youtube.com/embed/<?php the_field('videoid_gioithieu'); ?>?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
                </div>
            <?php else : ?>
                <div class="box has-hover">
                    <div class="box-image">
                        <div class="image-cover" style="padding-top: 75%">
                            <img src="<?php the_field('hinhanh_gioithieu'); ?>" alt="<?php the_field('tieude_gioithieu'); ?>">
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<?php endif; ?>
<!--- Giới thiệu --->

.custombread {
background: #f2f2f2;
margin-bottom: 20px;
}
.custombread .breadinner {
margin: auto;
max-width: 1270px;
padding: 10px 15px;
}
.custombread p {
margin-bottom: 0;
}
.page-wrapper {
padding: 0;
}

Home Partners

<!--- Partners --->
<?php if(have_rows('cac_doitac')) : ?>
<div class="homepartners">
    <h2 class="hometitle uppercase text-center">
        <?php the_field('tieude_doitac'); ?>
    </h2>
    <div class="row row-normal slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-6 medium-columns-5"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "<?php if(!wp_is_mobile()) : ?>left<?php else : ?>center<?php endif; ?>","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": false, "autoPlay" : false}'>
        <?php while(have_rows('cac_doitac')) : the_row(); ?>
        <div class="col small-9">
            <div class="box has-hover">
                <div class="box-image box-shadow-2 box-shadow-3-hover">
                    <div class="image-cover" style="padding-top: 100%">
                        <?php if(get_sub_field('link')) : ?><a href="<?php the_sub_field('link'); ?>"><?php endif; ?>
                            <img src="<?php the_sub_field('logo'); ?>">
                        <?php if(get_sub_field('link')) : ?></a><?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        <?php endwhile; ?>
    </div>
</div>
<?php endif; ?>
<!--- Partners --->

Thêm đoạn văn bản và Danh mục bài viết – Danh mục sản phẩm – Tags . . .

<?php $term = get_queried_object();
  if(get_field('noidung_cuoitrang', $term)) : ?>
    <div class="noidungcuoitrang">
    <?php the_field('noidung_cuoitrang', $term); ?>
    </div>
<?php endif; ?>

.noidungcuoitrang {
        background: #fff;
        padding: 20px 20px 1px 20px;
        border: 1px solid #ddd;
        margin-top: 15px;
}
.noidungcuoitrang ul, .noidungcuoitrang ol {
        margin-left: 18px;
}

Bài viết liên quan dạng list

<!--- Bài viết liên quan dạng list --->
<div class="row row-small relatedposts list">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner relatedlist">
            <div class="title">Bài viết liên quan</div>
            <ul>
            <?php
            /*
             * Code hiển thị bài viết liên quan trong cùng 1 category
             */
            $categories = get_the_category(get_the_ID());
            if ($categories){
                $category_ids = array();
                foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
                $args=array(
                    'category__in' => $category_ids,
                    'post__not_in' => array(get_the_ID()),
                    'posts_per_page' => 5, // So bai viet dc hien thi
                );
                $my_query = new wp_query($args);
                if( $my_query->have_posts() ):
                    while ($my_query->have_posts()):$my_query->the_post();
                        ?>
                        <li><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
                        <?php
                    endwhile;
                endif; wp_reset_query();
            }
            ?>
            </ul>
        </div>
    </div>
</div>

Bài viết liên quan dạng Grid

<!--- Bài viết liên quan dạng Grid --->
<div class="row row-small relatedposts align-equal">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner">
            <div class="title">Bài viết liên quan</div>
        </div>
    </div>
    <?php
    /*
     * Code hiển thị bài viết liên quan trong cùng 1 category
     */
    $categories = get_the_category(get_the_ID());
    if ($categories){
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page' => 6, // So bai viet dc hien thi
        );
        $my_query = new wp_query($args);
        if( $my_query->have_posts() ):
            while ($my_query->have_posts()):$my_query->the_post();
                ?>
                <div class="col  small-12 postgrid">
                    <div class="col-inner box-shadow-2 box-shadow-3-hover">
                        <div class="box has-hover box-text-bottom">
                            <div class="box-image">
                                <div class="image-cover" style="padding-top: 56.25;">
                                    <a href="<?php the_permalink(); ?>" title="">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                    <div class="overlay" style="background-color:rgb(0,0,0,0)"></div>						
                                </div>
                            </div>
                            <div class="box-text text-left" style="">
                                <div class="box-text-inner">
                                        <p style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                        <p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                        <div class="homeexpert"><?php  the_excerpt(); ?></div>
                                        <a href="<?php the_permalink(); ?>" class="readmore">Xem thêm</a>
                                </div>
                            </div>
                        </div>
                    </div>	
                </div>
                <?php
            endwhile;
        endif; wp_reset_query();
    }
    ?>
</div>

Bài viết liên quan dạng Slider

<!--- Bài viết liên quan dạng Slider --->
<div class="row row-small relatedposts align-equal">
    <div class="col large-12" style="padding-bottom:0;">
        <div class="col-inner">
            <div class="title">Bài viết liên quan</div>
        </div>
    </div>
</div>
<div class="relatedslider row row-small row-slider slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": true, "autoPlay" : false}'>
    <?php
    /*
     * Code hiển thị bài viết liên quan trong cùng 1 category
     */
    $categories = get_the_category(get_the_ID());
    if ($categories){
        $category_ids = array();
        foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
        $args=array(
            'category__in' => $category_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page' => 6, // So bai viet dc hien thi
        );
        $my_query = new wp_query($args);
        if( $my_query->have_posts() ):
            while ($my_query->have_posts()):$my_query->the_post();
                ?>
                <div class="col  small-12 postgrid">
                    <div class="col-inner box-shadow-2 box-shadow-3-hover">
                        <div class="box has-hover box-text-bottom">
                            <div class="box-image">
                                <div class="image-cover" style="padding-top: 56.25;">
                                    <a href="<?php the_permalink(); ?>" title="">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                    <div class="overlay" style="background-color:rgb(0,0,0,0)"></div>						
                                </div>
                            </div>
                            <div class="box-text text-left" style="">
                                <div class="box-text-inner">
                                        <p style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="titlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                        <p class="postdate"><i class="fa fa-calendar"></i><?php echo get_the_date() ?></p>
                                        <div class="homeexpert"><?php  the_excerpt(); ?></div>
                                        <a href="<?php the_permalink(); ?>" class="readmore">Xem thêm</a>
                                </div>
                            </div>
                        </div>
                    </div>	
                </div>
                <?php
            endwhile;
        endif; wp_reset_query();
    }
    ?>
</div>

Sản phẩm liên quan

<?php
/**
 * Related Products
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product/related.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see       https://docs.woocommerce.com/document/template-structure/
 * @package   WooCommerce/Templates
 * @version     3.9.0
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

// Get Type.
$type             = get_theme_mod( 'related_products', 'slider' );
$repeater_classes = array();

if ( $type == 'hidden' ) return;
if ( $type == 'grid' ) $type = 'row';

 if ( get_theme_mod('category_force_image_height' ) ) $repeater_classes[] = 'has-equal-box-heights';
 if ( get_theme_mod('equalize_product_box' ) ) $repeater_classes[] = 'equalize-box';

$repater['type']         = $type;
$repater['columns']      = get_theme_mod( 'related_products_pr_row', 4 );
$repater['columns__md']  = get_theme_mod( 'related_products_pr_row_tablet', 3 );
$repater['columns__sm']  = get_theme_mod( 'related_products_pr_row_mobile', 2 );
$repater['class']        = implode( ' ', $repeater_classes );
$repater['slider_style'] = 'reveal';
$repater['row_spacing']  = 'small';


if ( $related_products ) : ?>

    <div class="related related-products-wrapper product-section">
        <?php
        $heading = apply_filters( 'woocommerce_product_related_products_heading', __( 'Related products', 'woocommerce' ) );

        if ( $heading ) :
            ?>
            <div class="product-section-title uppercase">
                <?php echo esc_html( $heading ); ?>
            </div>
        <?php endif; ?>

        <div class="products productlist row row-collapse row-solid  equalize-box align-equal row-slider slider slider-nav-simple slider-nav-large slider-nav-dark slider-style-normal slider-show-nav large-columns-5 medium-columns-3 small-columns-2"  data-flickity-options='{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": false,"percentPosition": true,"pageDots": true, "rightToLeft": true, "autoPlay" : false}'  style="border: 1px solid #ddd;">		
            <?php foreach ( $related_products as $related_product ) : ?>
                        <?php
                        $post_object = get_post( $related_product->get_id() );
                        setup_postdata( $GLOBALS['post'] =& $post_object ); // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited, Squiz.PHP.DisallowMultipleAssignments.Found
                        wc_get_template_part( 'content', 'product' );
                        ?>
            <?php endforeach; ?>
        </div>
    </div>

    <?php
endif;

wp_reset_postdata();

Đếm ngược thời gian có lặp lại

<div id="countdown"></div>
    <script>
        // Thiết lập thời gian ban đầu (giây)
        var seconds = 3600; // 1 giờ = 60 phút * 60 giây
        function countdown() {
            var countdownElement = document.getElementById("countdown");            
            // Hiển thị thời gian còn lại
            var hours = Math.floor(seconds / 3600);
            var minutes = Math.floor((seconds % 3600) / 60);
            var remainingSeconds = seconds % 60;
            countdownElement.innerHTML = "Thời gian còn lại: " + hours + " giờ " + minutes + " phút " + remainingSeconds + " giây";
            // Giảm thời gian mỗi giây
            seconds--;

            // Kiểm tra nếu đã hết thời gian
            if (seconds < 0) {
                countdownElement.innerHTML = "Hết thời gian!";
            } else {
                // Lặp lại hàm countdown mỗi giây
                setTimeout(countdown, 1000);
            }
        }
        // Bắt đầu đếm ngược khi trang web được tải
        countdown();
    </script>

Custom Footer

<?php if(have_rows('noidung_footer','option')) : ?>
<div class="customfooter" style="background: <?php the_field('maunen_footer','option'); ?>">
    <div class="row row-small dark">
        <?php while(have_rows('noidung_footer','option')) :  the_row(); ?>
        <div class="col small-12 <?php the_sub_field('chieurong_desktop'); ?> <?php the_sub_field('chieurong_tablet'); ?>">
            <p class="title"><?php the_sub_field('tieude'); ?></p>
            <?php the_sub_field('noidung'); ?>
        </div>
        <?php endwhile; ?>
    </div>
</div>
<?php endif; ?>

.customfooter {
        padding-top: 50px;
        padding-bottom: 20px;
}
.customfooter .col {
        padding-bottom: 10px;
}
.customfooter .title {
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 20px;
}
.customfooter .title span {
        border-bottom: 3px solid;
        padding-bottom: 8px;
}
.customfooter p {
        margin-bottom: 10px;
}
.customfooter ul {
        margin-left: 18px;
}

Bài viết Tổng hợp Code phải dùng đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Bước 1: Vào Theme Options > Blog > Blog Layout

Chuyển đến phần Posts Layout, cho 1 loại hiển thị bất kỳ, ví dụ List

Bước 2: Copy file PHP tương ứng với cái Posts Layout này từ Theme cha vào Theme con theo cấp thư mục tương ứng

Như ví dụ trên, cần Copy file archive-list.php từ thư mục Flatsome/template-parts/posts sang thư mục Child-theme/template-parts/posts (Nếu chưa có thì tạo thư mục theo cấp như này)

Xóa hết code ở đây và paste đoạn code dưới đây vào

<div class="custompostlist">
    <div class="row row-small">	
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>	
                <div class="col large-12 small-12 postlist">
                    <div class="col-inner box-shadow-1 box-shadow-2-hover itempost">
                        <div class="row row-collapse align-middle">
                            <div class="col large-3 medium-4 small-12">
                                <div class="box has-hover box-default">
                                    <div class="box-image">
                                        <div class="image-grayscale image-cover" style="padding-top:75%;">
                                            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                                <?php the_post_thumbnail(); ?>
                                            </a>
                                            <div class="overlay" style="background-color:rgba(0, 0, 0, 0)"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col large-9 medium-8 small-12">
                                <div class="col-inner">
                                    <h2 style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                                    <p class="postdate"><?php echo get_the_date() ?></p>
                                    <?php the_excerpt(); ?>
                                </div>
                            </div>
                        </div>						
                    </div>				
                </div>			
        <?php endwhile; ?>
    </div>
    <div class="navigation">
        <?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>
    </div>
    <?php else : ?>
    <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
        <h1>Not Found</h1>
    </div>
    <?php endif; ?>
</div>

Đoạn code này

<?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>

Là để phân trang, cần bổ sung thêm đoạn code sau vào file functions.php trong Child-theme

function wiki_wp_corenavi($custom_query = null, $paged = null) {
    global $wp_query;
    if($custom_query) $main_query = $custom_query;
    else $main_query = $wp_query;
    $paged = ($paged) ? $paged : get_query_var('paged');
    $big = 999999999;
    $total = isset($main_query->max_num_pages)?$main_query->max_num_pages:'';
    if($total > 1) echo '<div class="pagenavi">';
    echo paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'current' => max( 1, $paged ),
        'total' => $total,
        'mid_size' => '10', // Số trang hiển thị khi có nhiều trang trước khi hiển thị ...
        'prev_text'    => __('<i class="icon-angle-left"></i>','wiki'),
        'next_text'    => __('<i class="icon-angle-right"></i>','wiki'),
    ) );
    if($total > 1) echo '</div>';
}

Và đây là kết quả

Lưu ý

Các trường thông tin có thể cho hiển thị ra danh sách này khá nhiều, Ví dụ:

• Tiêu đề: the_title();
• Ảnh Thumbnail: the_post_thumbnail();
  
• Nội dung ngắn: the_excerpt();
• Link chi tiết: the_permalink();
• Ngày đăng: get_the_date();
• Tác giả: get_the_author();

  <div class="custompostlist">
      <div class="row row-small">	
          <?php if (have_posts()) : while (have_posts()) : the_post(); ?>	
                  <div class="col large-12 small-12 postlist">
                      <div class="col-inner box-shadow-1 box-shadow-2-hover itempost">
                          <div class="row row-collapse align-middle">
                              <div class="col large-3 medium-4 small-12">
                                  <div class="box has-hover box-default">
                                      <div class="box-image">
                                          <div class="image-grayscale image-cover" style="padding-top:75%;">
                                              <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                                  <?php the_post_thumbnail(); ?>
                                              </a>
                                              <div class="overlay" style="background-color:rgba(0, 0, 0, 0)"></div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col large-9 medium-8 small-12">
                                  <div class="col-inner">
                                      <h2 style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                                      <p class="postdate"><?php echo get_the_date() ?></p>
                                      <?php the_excerpt(); ?>
                                  </div>
                              </div>
                          </div>						
                      </div>				
                  </div>			
          <?php endwhile; ?>
      </div>
      <div class="navigation">
          <?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>
      </div>
      <?php else : ?>
      <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
          <h1>Not Found</h1>
      </div>
      <?php endif; ?>
  </div>

   

Bài viết Hiển thị danh sách bài viết dạng List trong Flatsome bằng Code PHP tùy chỉnh đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Bước 1: Vào Theme Options > Blog > Blog Layout

Chuyển đến phần Posts Layout, cho 1 loại hiển thị bất kỳ, ví dụ List

Bước 2: Copy file PHP tương ứng với cái Posts Layout này từ Theme cha vào Theme con theo cấp thư mục tương ứng

Như ví dụ trên, cần Copy file archive-list.php từ thư mục Flatsome/template-parts/posts sang thư mục Child-theme/template-parts/posts (Nếu chưa có thì tạo thư mục theo cấp như này)

Xóa hết code ở đây và paste đoạn code dưới đây vào

<div class="custompostlist">
    <div class="row row-small">	
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>	
                <div class="col large-4 small-12 postlist">
                    <div class="col-inner">
                        <div class="box has-hover   has-hover box-default box-text-bottom">
                            <div class="box-image">
                                <div class="image-grayscale image-cover" style="padding-top:56.25%;">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                    <div class="overlay" style="background-color:rgba(0, 0, 0, 0)"></div>
                                </div>
                            </div>
                            <div class="box-text text-left" style="background-color:rgba(255, 255, 255, 0);">
                                <div class="box-text-inner">				
                                    <h2 style="margin-bottom:5px"><a href="<?php the_permalink() ?>" class="relatedtitlea" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                                    <p class="postdate"><?php echo get_the_date() ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>			
        <?php endwhile; ?>
    </div>
    <div class="navigation">
        <?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>
    </div>
    <?php else : ?>
    <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
        <h1>Not Found</h1>
    </div>
    <?php endif; ?>
</div>

Đoạn code này

<?php if (function_exists('wiki_wp_corenavi')) wiki_wp_corenavi(); ?>

Là để phân trang, cần bổ sung thêm đoạn code sau vào file functions.php trong Child-theme

function wiki_wp_corenavi($custom_query = null, $paged = null) {
    global $wp_query;
    if($custom_query) $main_query = $custom_query;
    else $main_query = $wp_query;
    $paged = ($paged) ? $paged : get_query_var('paged');
    $big = 999999999;
    $total = isset($main_query->max_num_pages)?$main_query->max_num_pages:'';
    if($total > 1) echo '<div class="pagenavi">';
    echo paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'current' => max( 1, $paged ),
        'total' => $total,
        'mid_size' => '10', // Số trang hiển thị khi có nhiều trang trước khi hiển thị ...
        'prev_text'    => __('<i class="icon-angle-left"></i>','wiki'),
        'next_text'    => __('<i class="icon-angle-right"></i>','wiki'),
    ) );
    if($total > 1) echo '</div>';
}

Và đây là kết quả

Lưu ý

Các trường thông tin có thể cho hiển thị ra danh sách này khá nhiều, Ví dụ:

• Tiêu đề: the_title();
• Ảnh Thumbnail: the_post_thumbnail();
  
• Nội dung ngắn: the_excerpt();
• Link chi tiết: the_permalink();
• Ngày đăng: get_the_date();
• Tác giả: get_the_author();

Bài viết Hiển thị danh sách bài viết dạng Grid trong Flatsome bằng Code PHP tùy chỉnh đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Đăng nhập với tài khoản root

sudo su -

Đổi mật khẩu root

passwd #ĐiềnMậtKhẩu

Mở file config để cấu hình

nano /etc/ssh/sshd_config

Tìm dòng

PermitRootLogin no

Đổi thành

PermitRootLogin yes

Tìm dòng

PasswordAuthentication no

Đổi thành

PasswordAuthentication yes

Bấm Ctrl + O và Enter để lưu lại, sau đó bấn Ctrl + X để thoát

Khởi động lại SSH

sudo service sshd restart

Bài viết Cấu hình Google VPS để đăng nhập SSH đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.