Người Viết : ViKiMi Editor

Cách tạo một Frontpage.php đúng nhất và cho phép tuỳ biến cao khi xây dựng Website !
Như đã nói trong những bài trước về front-page.php, câu hỏi đặt ra là làm sao để sử dụng mẫu này một cách tốt nhất. Phải chăng chỉ sử dụng với Theme được kích hoạt, hay nói đơn thuần là nó tồn tại cùng thư mục Theme với những thành phần khác như home.php. Chắc chắn đây không phải câu trả lời tối ưu nhất.
Vậy việc front-page.php tồn tại ở đâu sẽ mang lại nhiều lợi ích nhất. Có nhiều cách để làm việc này, nhưng thông thường nhất front-page.php sẽ được tạo ra tại theme con. Cách này giúp dễ dàng nâng cao tính linh hoạt khi tuỳ chỉnh các ý đồ xây dựng Website. Đồng thời, cũng cho phép bạn quản lý Website một cách tốt nhất, thay vì một Website mang tính lỏng lẻo.
Cách tạo front-page.php như ý đồ đã nói sẽ bao gồm các bước sau :
Bước 1 : Tạo một Child theme
Cách bạn thao tác trên Child Theme sẽ giúp bạn yên tâm rằng tất các thiết kế của bạn sẽ không bao giờ bị mất kể cả khi chủ đề cốt lõi được cập nhật. Một sự an toàn dành cho bạn.
Bắt đầu, bạn hãy tạo một thư mục mới cho Child Theme của bạn nằm trong thư mục wp-content/themes. Khuyến nghị tốt nhất để bạn đặt tên cho Folder của Child Theme như sau :
Tên Child Theme = Tên Parent Theme + “child” ;
Hoặc bạn có thể đặt tên một cách tương tự để được công nhận.
Ví dụ : Bạn đang sử dụng Theme Twentysixteen
Tên của folder Child Theme : twentysixteen-child
Bước 2 : Tạo một style.css cho Child Theme của bạn
Bạn chỉ cần mở thư mục mới tạo cho chủ đề Child Theme và tạo một file mới là style.css ( Đây là file chứa các định kiểu của bạn muốn thực hiện cho Website – Nó sẽ không mất đi khi Theme được cập nhật ). Tiếp theo là thêm nội dung đầu tiên cho file style.css, bạn có thể chỉnh sửa bằng Editor hoặc FTP. Nội dung như sau :
/* Theme Name: TwentySixteenChild Theme URI: Description: A child theme for the default Twenty Sixteen WordPress theme Version: 1.0.0 */
Như vậy, chúng ta đã có một file style.css đã sẵn sàng cho Child Theme. Những nội dung khác sẽ được bạn thêm vào trong quá trình thiết kế được định hướng sẵn cho một Website.
Bước 3 : Tạo file function.php cho Child Theme của bạn
Bạn biết rằng, khi bạn kích hoạt một Child Theme cách tốt nhất để Load một file style.css an toàn đó chính là sử dụng function.php; Chúng ta sẽ tạo một file như vậy trong Child Theme, và sẽ Load style.css của Child Theme, đồng thời chúng cũng load style.css của Parent Theme.
Nội dung như sau :
<?phpfunction
my_theme_styles()
{
$parent_style
=
'twentysixteen-style';
wp_enqueue_style(
$parent_style,
get_template_directory_uri()
.
'/style.css'
);
wp_enqueue_style(
'twentysixteenchild-style',
get_stylesheet_directory_uri()
.
'/style.css',
array(
$parent_style
),
wp_get_theme()->get('Version')
); }
add_action(
'wp_enqueue_scripts',
'my_theme_styles'
);
Như vậy, bạn đã yên tâm là tải thành công style.css của Child Theme và Parent Theme để sử dụng mà không lo Website có bị thay đổi gì không.
Bước 4 : Thực hiện kích hoạt Child Theme đã tạo
Bạn phải thực hiện kích hoạt Child Theme đã tạo và sử dụng đầy đủ các tính năng gốc. Điều này làm cho khả năng linh hoạt của Website cao hơn.
Bước 5 : Tạo một file front-page.php tại Child Theme
Đây là bước cuối và bạn có thể sử dụng front-page.php một cách tốt nhất. Bằng cách linh hoạt này, những tuỳ chỉnh hay các thiết lập cho Website của sẽ luôn đảm bảo một khả năng Website có ý đồ hiển thị tốt nhất và thậm chí bạn cũng có thể cấu hình các thành phần theo nhiều mẫu khác nhau.
/* Theme Name: TwentySixteenChild Theme URI: Description: A child theme for the default Twenty Sixteen WordPress theme Version: 1.0.0 */ <?php /** * Template Name: Front Page Template * * Description: A page template that provides a key component of WordPress as a CMS * * @package WordPress * @subpackage Twenty_Sixteen * @since Twenty Sixteen 1.0 */ get_header(); ?> <div id="primary" class="site-content"> <div id="content" role="main"> <?php while ( have_posts() ) : the_post(); ?> <?php if ( has_post_thumbnail() ) : ?> <div class="entry-page-image"> <?php the_post_thumbnail(); ?> </div><!-- .entry-page-image --> <?php endif; ?> <?php get_template_part( 'content', 'page' ); ?> <?php endwhile; ?> </div> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>
Như vậy, đã hoàn thành thao tác tạo một front-page.php chuẩn. Cách này cho phép xây dựng phát triển một Website an toàn và linh hoạt nhất có thể.
Đọc Thêm : Tìm hiểu về sử dụng Front-page.php