[Flatsome] Cách thêm page mới giống post

administrator

Administrator
Nhân viên
9 Tháng tám 2021
87
0
6
1. Cài đặt plugin Custom Post Type UI
2. Add/Edit Post Types
3. Add/Edit Taxonomies
4. Tạo page-newpage.php và single-newpage.php trong thư mục wp-content\themes\flatsome
5. Edit file functions.php để edit build UX
 

administrator

Administrator
Nhân viên
9 Tháng tám 2021
87
0
6
4. Tạo page-newpage.php và single-newpage.php trong thư mục wp-content\themes\flatsome
page-newpage.php :
Mã:
<?php

/**Template Name: page-newpage

 */

get_header();
do_action('flatsome_before_page'); ?>
<div id="content" class="content-area page-wrapper" role="main">
    <div id="text-3740487665" class="col-inner text">

        <p><b>New page</b></p>

        <style>
            #text-3740487665 {
                padding-top: 30px;
                font-size: 1.5rem;
                line-height: 1;
                text-align: center;
            }

            @media (min-width:550px) {
                #text-3740487665 {
                    font-size: 2.25rem;
                    margin-bottom: -40px;
                }
            }

            @media (min-width:1024px) {
                #text-3740487665 {
                    font-size: 3rem;
                }
            }
        </style>
    </div>

    <div class="row large-columns-3 medium-columns-2 small-columns-1 blog-wrapper blog-archive page-wrapper">
        <?php
        $current_page = (get_query_var('paged')) ? get_query_var('paged') : 1;
        $args = array(
            'post_status'       => 'publish',
            'post_type'         => 'newpage',
            'posts_per_page'    => 6,
            'paged'             =>  $current_page,
            'orderby'           => 'date',
            'order'             => 'DESC'
        );
        $wp_query = new WP_Query($args);
        if ($wp_query->have_posts()) :
            while ($wp_query->have_posts()) : $wp_query->the_post();
        ?>
                <div class="col post-item">
                    <div class="col-inner">
                        <a href="<?php the_permalink() ?>" class="plain">
                            <div class="box box-text-bottom box-blog-post has-hover">
                                <div class="box-image">
                                    <div class="image-cover" style="padding-top:269px;">
                                        <?php the_post_thumbnail(); ?>
                                    </div>
                                </div>
                                <div class="box-text text-left">
                                    <div class="box-text-inner blog-post-inner">
                                        <div class="post-meta is-small op-8"><?php the_field('office') ?></div>
                                        <h5 class="post-title is-large"><?php the_title(); ?></h5>
                                        <p class="from_the_blog_excerpt"><?php the_excerpt(); ?></p>
                                        <button href="<?php the_permalink() ?>" class="button primary is-link is-large mb-0">
                                            View Detail </button>

                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            <?php

            endwhile;
            ?>
            <div class="text-center">
                <?php
                $prev_arrow = is_rtl() ? get_flatsome_icon('icon-angle-right') : get_flatsome_icon('icon-angle-left');
                $next_arrow = is_rtl() ? get_flatsome_icon('icon-angle-left') : get_flatsome_icon('icon-angle-right');

                global $wp_query;
                $total = $wp_query->max_num_pages;
                // var_dump($total);
                $big = 999999999; // need an unlikely integer
                if ($total > 1) {

                    if (!$current_page = get_query_var('paged'))
                        $current_page = 1;
                    if (get_option('permalink_structure')) {
                        $format = 'page/%#%/';
                    } else {
                        $format = '&paged=%#%';
                    }
                    $pages = paginate_links(array(
                        'base'          => str_replace($big, '%#%', esc_url(get_pagenum_link($big))),
                        'format'        => $format,
                        'current'       => max(1, get_query_var('paged')),
                        'total'         => $total,
                        'mid_size'      => 3,
                        'type'          => 'array',
                        'prev_text'     => $prev_arrow,
                        'next_text'     => $next_arrow,
                    ));

                    if (is_array($pages)) {
                        $paged = (get_query_var('paged') == 0) ? 1 : get_query_var('paged');
                        echo '<ul class="page-numbers nav-pagination links text-center">';
                        foreach ($pages as $page) {
                            $page = str_replace("page-numbers", "page-number", $page);
                            echo "<li>$page</li>";
                        }
                        echo '</ul>';
                    }
                }
                ?>
            </div>
        <?php

        endif;
        wp_reset_query();
        ?>
        <?php while (have_posts()) : the_post(); ?>
            <?php the_content(); ?>
        <?php endwhile; // end of the loop.
        ?>
    </div>
</div>

<?php
do_action('flatsome_after_page');
get_footer();


?>
 

administrator

Administrator
Nhân viên
9 Tháng tám 2021
87
0
6
single-newpage.php:
Mã:
<?php

get_header(); ?>

<div class="portfolio-page-wrapper portfolio-single-page">

    <div class="banner has-hover" id="banner-single-recruitment">
    <div class="portfolio-top">
        <div class="page-wrapper row">

            <div id="portfolio-content" class="large-12 col" role="main">
                <div class="portfolio-inner">
                    <?php while (have_posts()) : the_post(); ?>
                        <?php if (get_the_content()) {
                            the_content();
                        } else {
                            the_post_thumbnail('original');
                        }; ?>
                    <?php endwhile;
                    wp_reset_query(); // end of the loop.
                    ?>
                </div>
            </div>
            <?php
            //show block id
            $reuse_block = get_post(1558); // Where 123 is the post id
            $reuse_block_content = apply_filters('the_content', $reuse_block->post_content);
            echo $reuse_block_content;
            ?>
        </div>
    </div>
</div>

<?php get_footer(); ?>