Trong phần này, chúng ta sẽ viết code cho file index.php. Đây là file mà nó sẽ làm trang chủ mặc định cho WordPress và thường là ở phần này chúng ta sẽ viết code hiển thị danh sách các post mới nhất trên website.
Trên mạng cũng có khá nhiều bài viết về viết code cho file index.php nhưng đa số là không đầy đủ hoặc có lỗi không chạy được.
Bây giờ chúng ta mở file index.php ra và copy đoạn code sau vào và lưu lại.
<!DOCTYPE html>
<html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="stylesheet" href="<?php echo esc_url( get_stylesheet_uri() ); ?>" type="text/css" />
<?php wp_head(); ?>
</head>
<body>
<h1><?php bloginfo( 'name' ); ?></h1>
<h2><?php bloginfo( 'description' ); ?></h2>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3><?php the_title(); ?></h3>
<?php the_content(); ?>
<?php wp_link_pages(); ?>
<?php edit_post_link(); ?>
<?php endwhile; ?>
<?php
if ( get_next_posts_link() ) {
next_posts_link();
}
?>
<?php
if ( get_previous_posts_link() ) {
previous_posts_link();
}
?>
<?php else: ?>
<p>No posts found. :(</p>
<?php endif; ?>
<?php wp_footer(); ?>
</body>
</html>Tiếp tục chúng ta mở file style.css ra copy đoạn code sau và lưu lại:
/*
Theme Name: My First WordPress Theme
*/
body {
background: #21759b;
}Sau khi ra màn hình xem thử thì ta sẽ được kết quả như này
Ý kiến của bạn
Bạn phải đăng nhập để gửi bình luận.