Tạo trang author profile tùy chỉnh WordPress

5 tháng ago, WordPress Themes, Views
Tạo trang author profile tùy chỉnh WordPress

Tạo Trang Author Profile Tùy Chỉnh trong WordPress

WordPress, với sự linh hoạt và khả năng tùy biến cao, cho phép bạn tạo ra các trang author profile (hồ sơ tác giả) độc đáo, vượt xa giao diện mặc định. Việc tùy chỉnh này không chỉ cải thiện trải nghiệm người dùng mà còn góp phần xây dựng thương hiệu cá nhân hoặc thương hiệu cho đội ngũ tác giả của bạn. Bài viết này sẽ hướng dẫn bạn từng bước để tạo trang author profile tùy chỉnh trong WordPress.

Tại Sao Nên Tùy Chỉnh Trang Author Profile?

Trang author profile mặc định của WordPress thường khá đơn giản, chỉ hiển thị tên tác giả, mô tả ngắn và danh sách các bài viết đã đăng. Việc tùy chỉnh trang này mang lại nhiều lợi ích:

  • Nâng cao thương hiệu cá nhân: Bạn có thể thêm thông tin chi tiết về kinh nghiệm, kỹ năng, và chuyên môn của tác giả, giúp xây dựng uy tín và thu hút độc giả.
  • Cải thiện trải nghiệm người dùng: Một trang author profile được thiết kế tốt sẽ giúp người đọc dễ dàng tìm hiểu về tác giả và các bài viết liên quan.
  • Tăng tương tác: Bạn có thể thêm các liên kết đến mạng xã hội, trang web cá nhân, hoặc các dự án khác của tác giả, khuyến khích độc giả kết nối và tương tác.
  • Tối ưu hóa SEO: Trang author profile được tối ưu hóa có thể giúp cải thiện thứ hạng tìm kiếm của tác giả và các bài viết của họ.

Các Phương Pháp Tạo Trang Author Profile Tùy Chỉnh

Có nhiều cách để tạo trang author profile tùy chỉnh trong WordPress, mỗi cách có ưu và nhược điểm riêng:

  • Sử dụng plugin: Đây là cách đơn giản và nhanh chóng nhất, đặc biệt phù hợp với người dùng không có nhiều kinh nghiệm về lập trình.
  • Tạo template tùy chỉnh: Cách này đòi hỏi kiến thức về HTML, CSS và PHP, nhưng cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của trang author profile.
  • Sử dụng child theme: Tương tự như tạo template tùy chỉnh, nhưng giúp bạn bảo toàn các tùy chỉnh khi cập nhật theme chính.

Sử Dụng Plugin Để Tạo Trang Author Profile Tùy Chỉnh

Đây là phương pháp phổ biến và dễ thực hiện nhất. Có rất nhiều plugin miễn phí và trả phí có sẵn trên WordPress repository để giúp bạn tạo và tùy chỉnh trang author profile.

Các Plugin Phổ Biến

  • Author Box Reloaded: Một plugin đơn giản để thêm author box vào cuối mỗi bài viết, với khả năng tùy chỉnh màu sắc, font chữ, và các liên kết mạng xã hội.
  • Simple Author Box: Tương tự như Author Box Reloaded, nhưng cung cấp nhiều tùy chọn tùy chỉnh hơn, bao gồm cả khả năng thêm thông tin về tác giả vào sidebar.
  • Molongui Authorship: Một plugin mạnh mẽ cho phép bạn tạo trang author profile tùy chỉnh, quản lý nhiều tác giả, và gán các bài viết cho nhiều tác giả.

Hướng Dẫn Sử Dụng Plugin Author Box Reloaded

  1. Cài đặt và kích hoạt plugin: Truy cập “Plugins” > “Add New” trong dashboard WordPress của bạn, tìm kiếm “Author Box Reloaded” và cài đặt, sau đó kích hoạt plugin.
  2. Cấu hình plugin: Truy cập “Appearance” > “Author Box Reloaded” để cấu hình các tùy chọn của plugin. Bạn có thể tùy chỉnh màu sắc, font chữ, kích thước ảnh đại diện, và các liên kết mạng xã hội.
  3. Thêm thông tin tác giả: Truy cập “Users” > “Your Profile” và điền đầy đủ thông tin cá nhân của bạn, bao gồm tên, mô tả, và các liên kết mạng xã hội.
  4. Kiểm tra kết quả: Truy cập một bài viết mà bạn đã đăng để xem author box đã được hiển thị hay chưa.

Tạo Template Tùy Chỉnh Cho Trang Author Profile

Nếu bạn có kiến thức về HTML, CSS và PHP, bạn có thể tạo template tùy chỉnh cho trang author profile để có được giao diện và chức năng hoàn toàn theo ý muốn.

Các Bước Thực Hiện

  1. Tạo file template: Tạo một file PHP mới trong thư mục theme của bạn, ví dụ: author.php.
  2. Sao chép code từ file archive.php hoặc index.php: Sao chép nội dung của file archive.php hoặc index.php vào file author.php. Đây sẽ là cơ sở cho template của bạn.
  3. Tùy chỉnh template: Sử dụng các hàm WordPress để lấy thông tin về tác giả và hiển thị chúng trên trang.

Các Hàm WordPress Quan Trọng

  • get_the_author_meta('display_name'): Lấy tên hiển thị của tác giả.
  • get_the_author_meta('description'): Lấy mô tả của tác giả.
  • get_avatar(get_the_author_meta('ID'), 150): Lấy ảnh đại diện của tác giả (kích thước 150px).
  • get_author_posts_url(get_the_author_meta('ID')): Lấy URL đến trang chứa tất cả các bài viết của tác giả.
  • get_the_author_meta('user_url'): Lấy URL website của tác giả.
  • get_the_author_meta('facebook'), get_the_author_meta('twitter'), v.v.: Lấy URL đến các mạng xã hội của tác giả (nếu đã được thiết lập trong profile người dùng).

Ví Dụ Code Template

Dưới đây là một ví dụ đơn giản về code cho file author.php:

  
  <?php get_header(); ?>

  <div id="content">

    <?php if ( have_posts() ) : ?>

      <h1 class="page-title author">
        <?php printf( __( 'Author Archives: %s', 'your-theme' ), '<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>' ); ?>
      </h1>

      <?php
        // If a user has filled out their description, show a bio on their entries.
        if ( get_the_author_meta( 'description' ) ) : ?>
          <div id="author-info">
            <div id="author-avatar">
              <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'your_theme_author_bio_avatar_size', 60 ) ); ?>
            </div><!-- #author-avatar -->
            <div id="author-description">
              <h2><?php printf( __( 'About %s', 'your-theme' ), get_the_author() ); ?></h2>
              <?php the_author_meta( 'description' ); ?>
            </div><!-- #author-description -->
          </div><!-- #author-info -->
      <?php endif; ?>

      <?php /* Start the Loop */ ?>
      <?php while ( have_posts() ) : the_post(); ?>

        <?php get_template_part( 'content', get_post_format() ); ?>

      <?php endwhile; ?>

      <?php your_theme_content_nav( 'nav-below' ); ?>

    <?php else : ?>

      <?php get_template_part( 'no-results', 'author' ); ?>

    <?php endif; ?>

  </div><!-- #content -->

  <?php get_sidebar(); ?>
  <?php get_footer(); ?>

Hãy nhớ thay đổi your-theme bằng tên theme của bạn.

Tùy Chỉnh Code

Bạn có thể tùy chỉnh code này để hiển thị thông tin tác giả theo ý muốn. Ví dụ, bạn có thể thêm các liên kết mạng xã hội, hiển thị số lượng bài viết đã đăng, hoặc tạo một layout hoàn toàn mới.

Sử Dụng Child Theme Để Tạo Trang Author Profile Tùy Chỉnh

Sử dụng child theme là một cách an toàn để tùy chỉnh trang author profile mà không lo bị mất các tùy chỉnh khi cập nhật theme chính.

Các Bước Thực Hiện

  1. Tạo child theme: Tạo một thư mục mới cho child theme của bạn trong thư mục wp-content/themes/. Tên thư mục nên có dạng parent-theme-child (ví dụ: twentytwentyone-child).
  2. Tạo file style.css: Tạo một file style.css trong thư mục child theme và thêm code sau: 
          
      /*
      Theme Name:   Twenty Twenty-One Child
      Theme URI:    https://example.com/twenty-twenty-one-child/
      Description:  Twenty Twenty-One Child Theme
      Author:       Your Name
      Author URI:   https://example.com
      Template:     twentytwentyone
      Version:      1.0.0
      */

    Thay đổi thông tin cho phù hợp với theme của bạn. Quan trọng nhất là dòng Template: twentytwentyone (hoặc tên theme bạn đang dùng làm theme gốc)

  3. Tạo file functions.php: Tạo một file functions.php trong thư mục child theme và thêm code sau để enqueue style của parent theme: 
          
      <?php
      add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
      function my_theme_enqueue_styles() {
          wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

      }
      ?>
  4. Kích hoạt child theme: Truy cập “Appearance” > “Themes” trong dashboard WordPress của bạn và kích hoạt child theme.
  5. Tạo file author.php trong child theme: Sao chép file author.php từ theme gốc (nếu có) hoặc tạo một file mới và tùy chỉnh theo ý muốn (như đã hướng dẫn ở phần trước).

Lời Khuyên Cuối Cùng

Khi tạo trang author profile tùy chỉnh, hãy nhớ:

  • Thiết kế đơn giản và dễ đọc: Trang author profile nên dễ dàng điều hướng và chứa thông tin quan trọng nhất ở vị trí dễ thấy.
  • Sử dụng hình ảnh chất lượng cao: Ảnh đại diện của tác giả nên chuyên nghiệp và thể hiện được cá tính của họ.
  • Tối ưu hóa cho thiết bị di động: Đảm bảo trang author profile hiển thị tốt trên mọi thiết bị, từ máy tính để bàn đến điện thoại di động.
  • Kiểm tra và cập nhật thường xuyên: Theo dõi hiệu quả của trang author profile và cập nhật thông tin khi cần thiết.

Việc tạo trang author profile tùy chỉnh là một cách tuyệt vời để nâng cao thương hiệu cá nhân hoặc thương hiệu cho đội ngũ tác giả của bạn. Bằng cách làm theo các hướng dẫn trong bài viết này, bạn có thể tạo ra một trang author profile độc đáo và chuyên nghiệp, giúp thu hút độc giả và tăng tương tác.

, , , ,

..