NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
08/10/2023
Lượt xem

3 cách thêm trang hồ sơ tác giả tùy chỉnh vào WordPress đơn giản

08/10/2023
17 phút đọc
Lượt xem

Đánh giá

5/5 - (55 bình chọn)

Thêm trang hồ sơ tác giả tùy chỉnh vào WordPress có thể là một cách tuyệt vời để tạo trải nghiệm người dùng cá nhân tốt hơn và tạo sự kết nối sâu hơn với độc giả. Để hiểu rõ hơn về cách thực hiện, hãy cùng Vietnix tham khảo nội dung bài viết sau đây.

1. Cách thêm trang hồ sơ tác giả tùy chỉnh trong WordPress với SeedProd

SeedProd là công cụ xây dựng trang kéo và thả tốt nhất cho WordPress. Plugin này cho phép bạn dễ dàng tạo các theme WordPress tùy chỉnh và bố cục trang, bao gồm các trang tác giả đẹp mắt cho mỗi tác giả trên trang web.

Ngoài ra còn đi kèm với một thư viện các theme được tạo sẵn để mang đến trang một theme chuyên nghiệp ngay lập tức. Ngoài ra, bạn có thể sử dụng các block trang để tùy chỉnh hoàn toàn trang hồ sơ tác giả với hình ảnh, các mạng xã hội, các bài viết gần đây và nhiều tính năng khác.

Để bắt đầu, bạn cần cài đặt và kích hoạt plugin SeedProd.

Hướng dẫn cài đặt plugin của Vietnix

Sau khi kích hoạt plugin, hãy truy cập SeedProd > Theme Builder từ WordPress dashboard và nhấp vào Theme Templates Kit button.

Vào SeedProd chọn Theme Builder sau đó nhấn Theme Templates Kit
Vào SeedProd chọn Theme Builder sau đó nhấn Theme Templates Kit

Điều này sẽ đưa bạn đến thư viện của SeedProd với các website kit được tạo sẵn. Để chọn một theme trang web, chỉ cần di chuyển con trỏ chuột qua mẫu bạn thích và nhấp vào biểu tượng dấu tick.

them trang ho so tac gia tuy chinh vao wordpress 2 1
3 cách thêm trang hồ sơ tác giả tùy chỉnh vào WordPress đơn giản 124

Sau khi đã chọn, SeedProd sẽ import bộ website kit và bạn sẽ thấy danh sách các phần template trên builder dashboard. Bạn sẽ có tất cả các phần template cần để thiết lập một trang web bao gồm trang chủ, trang blog, trang liên hệ và nhiều trang khác.

Bạn có thể nhấp vào link Edit Design trên bất kỳ template nào để tùy chỉnh bằng cách sử dụng công cụ kéo và thả của theme builder.

Nhấp vào link Edit Design trên bất kỳ template để tùy chỉnh
Nhấp vào link Edit Design trên bất kỳ template để tùy chỉnh

Tạo một template hồ sơ tác giả tùy chỉnh

Khi bạn đã hoàn thành việc tùy chỉnh theme trang web của mình, đã đến lúc tạo một trang hồ sơ tác giả tùy chỉnh.

Để làm điều đó, hãy điều hướng đến SeedProd > Theme Builder và nhấp vào button Add New Theme Template.

Đến SeedProd chọn Theme Builder chọn Add New Theme Template
Đến SeedProd chọn Theme Builder chọn Add New Theme Template

Tiếp theo, trong danh sách thả xuống Type, hãy chọn tùy chọn Author Page.

Chọn Author Page trong danh sách thả xuống
Chọn Author Page trong danh sách thả xuống

Nếu bạn muốn có bố cục trang tác giả giống nhau cho tất cả các tác giả, bạn có thể bỏ qua field trống xuất hiện dưới phần Conditions.

Tuy nhiên, nếu muốn tạo một trang tác giả duy nhất cho mỗi tác giả, bạn cần nhập ID người dùng của một tác giả cụ thể vào field này.

Ví dụ, nếu ID người dùng là 2, hãy nhập vào field trống.

Nhấp vào button Save để lưu
Nhấp vào button Save để lưu

Tiếp theo, nhấp vào button Save để tiếp tục.

Tùy chỉnh trang hồ sơ tác giả

Bây giờ sau khi bạn đã thiết lập template trang tác giả, bạn có thể bắt đầu tùy chỉnh bằng cách nhấp vào link Edit Design dưới đó.

Nhấp vào link Edit Design để tùy chỉnh thiết lập
Nhấp vào link Edit Design để tùy chỉnh thiết lập

Điều này sẽ mở template trong trình soạn trang của SeedProd. Ở phía bên trái, bạn sẽ thấy các block và phần mà bạn có thể thêm vào trang. Ở phía bên phải, bạn sẽ thấy một bản xem trước của trang, mà sẽ trống vì chúng ta chưa thêm bất kỳ nội dung nào.

Block của SeedProd
Block của SeedProd

Để bắt đầu thêm nội dung, nhấp vào biểu tượng Add Columns để thiết lập bố cục trang.

Nhấp vào Add Columns để thiết lập bố cục trang
Nhấp vào Add Columns để thiết lập bố cục trang

Tiếp theo, chọn loại bố cục cột mà bạn muốn cho trang tác giả của mình.

Chọn loại bố cục cột cho trang tác giả
Chọn loại bố cục cột cho trang tác giả

Bây giờ bạn có thể thêm các block sẵn có của SeedProd vào trang.

Ví dụ, bạn có thể kéo block Headline vào trang để thêm một tiêu đề tác giả.

Thêm một tiêu đề tác giả tại block Headline
Thêm một tiêu đề tác giả tại block Headline

Để tùy chỉnh tiêu đề, chỉ cần nhấp vào chúng. Điều này sẽ mở một panel cho phép bạn nhập tên tác giả, cũng như điều chỉnh kích thước, căn chỉnh và nhiều tính năng khác.

Nhấp vào tiêu đè để tùy chỉnh
Nhấp vào tiêu đè để tùy chỉnh

Tiếp theo, bạn có thể kéo block Author Bio vào trang để hiển thị thông tin về tác giả. Block này sẽ tự động lấy nội dung từ hồ sơ người dùng WordPress của tác giả.

Hiển thị thông tin về tác giả bằng block Author Bio
Hiển thị thông tin về tác giả bằng block Author Bio

Để hiển thị các bài viết gần đây của tác giả, chỉ cần kéo block Posts vào trang.

Block Posts giúp hiển thị các bài viết gần đây của tác giả
Block Posts giúp hiển thị các bài viết gần đây của tác giả

Sau khi thêm block Posts, hãy nhấp vào chúng để thiết lập Query Type thành Custom. Sau đó, bật chuyển đổi Query by Author và chọn một tác giả cụ thể từ danh sách thả xuống.

Bật chuyển đổi Query by Author và chọn tác giả cụ thể
Bật chuyển đổi Query by Author và chọn tác giả cụ thể

Bây giờ chỉ có các bài viết từ tác giả đó sẽ được hiển thị trên trang tác giả. Bạn có thể tiếp tục tùy chỉnh trang tác giả của mình thậm chí còn nhiều hơn thế.

Ví dụ, bạn có thể thêm các block TextImage để bao gồm thông tin bổ sung về tác giả. Bạn cũng có thể thêm các block như các mạng xã hội, chia sẻ xã hội, đánh giá và nhiều tính năng khác.

Có nhiều block để bạn lựa chọn với nhiều tính năng
Có nhiều block để bạn lựa chọn với nhiều tính năng

Khi bạn hài lòng với cách hiển thị của trang tác giả, hãy nhấp vào button Save ở đầu trang và thoát khỏi trình soạn trang.

Xuất bản trang hồ sơ tác giả tùy chỉnh

Để làm cho trang tác giả hoạt động trên trang web, bạn cần kích hoạt theme SeedProd tùy chỉnh. Bạn có thể làm điều này bằng cách vào SeedProd > Theme Builder. Từ đó, tìm chuyển đổi Enable SeedProd Theme và chuyển chúng sang vị trí Yes.

Chuyển Enable SeedProd Theme sang vị trí Yes
Chuyển Enable SeedProd Theme sang vị trí Yes

SeedProd sẽ bây giờ xuất bản theme WordPress tùy chỉnh. Bạn có thể truy cập trang web để xem trang hồ sơ tác giả mới hoạt động.

Theme WordPress tùy chỉnh được SeedProd xuất bản
Theme WordPress tùy chỉnh được SeedProd xuất bản

Ngoài nội dung trên, bạn cũng có thể tham khảo:

2. Thêm trang hồ sơ tác giả tùy chỉnh trong WordPress bằng WP User Manager

Phương pháp này rất dễ cài đặt, nhưng lại không cung cấp nhiều tùy chọn thiết kế và tùy chỉnh như SeedProd.

Để thực hiện phương pháp này, điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WP User Manager. Sau khi kích hoạt, bạn cần truy cập trang Users > Settings để cấu hình các thiết lập của plugin.

Vào Users chọn Settings
Vào Users chọn Settings

Plugin sẽ tự động tạo ra các trang khác nhau để sử dụng như các trang đăng nhập tùy chỉnh, trang đăng ký người dùng tùy chỉnh, quên mật khẩu, tài khoản và trang hồ sơ tùy chỉnh.

WP User Manager cung cấp nhiều tùy chọn cho các trang hồ sơ tác giả. Bạn cần xem xét kỹ và tắt các tính năng mà bạn không muốn sử dụng.

Tiếp theo, bạn cần nhấp vào tab Profiles để thiết lập các thiết lập hồ sơ người dùng.

Thiết lập các thiết lập hồ sơ tại tab Profiles
Thiết lập các thiết lập hồ sơ tại tab Profiles

Ở đây, bạn có thể kích hoạt tùy chọn trang hồ sơ cho khách, có nghĩa là bất kỳ ai cũng có thể xem hồ sơ người dùng. Bạn cũng có thể cho phép các thành viên xem hồ sơ của nhau. Nếu bạn không chọn tùy chọn này, thì người dùng chỉ có thể xem trang hồ sơ của họ.

Bạn cũng có thể cho phép người dùng tải lên hình ảnh hồ sơ tùy chỉnh và hiển thị các bài viết gần đây cũng như bình luận trên trang hồ sơ của họ. Đừng quên nhấp vào button Save Changes để lưu các thiết lập.

Tiếp theo, bạn cần chọn các URL thân thiện với SEO hoặc permalink cho các trang hồ sơ tác giả. Bạn có thể làm điều này bằng cách truy cập trang Settings > Permalinks và cuộn xuống đến phần User profile permalink base.

Vào Settings chọn Permalinks
Vào Settings chọn Permalinks

Plugin cho phép bạn sử dụng ID người dùng, tên người dùng hoặc biệt danh trong URL. Cả biệt danh và tên người dùng đều là các tùy chọn thân thiện với SEO hơn so với ID người dùng. Nhấp để chọn một trong hai tùy chọn này và sau đó nhấp vào button Save changes để lưu cài đặt permalink.

Các trang hồ sơ tác giả tùy chỉnh này đã gần hoàn thiện. Bây giờ chúng ta chỉ cần cho phép người dùng dễ dàng tìm thấy trang hồ sơ của họ trên trang web WordPress. Chỉ cần truy cập trang Appearance > Widgets và thêm widget Login Form vào một sidebar.

Đến Appearance chọn Widgets và thêm widget Login Form vào sidebar
Đến Appearance chọn Widgets và thêm widget Login Form vào sidebar

Bây giờ bạn có thể truy cập trang web của mình để xem trang hồ sơ tác giả hoạt động. Với tư cách là người dùng đã đăng nhập, bạn sẽ thấy thông tin tài khoản của mình trong sidebar widget. Nhấp vào tên người dùng sẽ đưa bạn đến trang hồ sơ tác giả của mình.

Thông tin tài khoản trong sidebar widget
Thông tin tài khoản trong sidebar widget

Sidebar widget sẽ hiển thị form đăng nhập cho người dùng đã đăng xuất. Nếu bạn cho phép người dùng đăng ký trên trang web, thì form cũng sẽ bao gồm một link để đăng ký. Plugin cũng sẽ thay đổi các link tác giả trên trang web và chuyển hướng chúng đến trang hồ sơ tác giả thay vì trang lưu trữ tác giả mặc định.

Thay đổi giao diện của trang hồ sơ tác giả

Nếu bạn chỉ muốn thay đổi màu sắc hoặc viền, bạn có thể làm điều đó bằng cách thêm CSS tùy chỉnh. Tuy nhiên, nếu bạn muốn thay đổi bố cục và thứ tự của các phần, bạn sẽ cần chỉnh sửa các file template của plugin. WP User Manager đi kèm với hỗ trợ template tùy chỉnh và bạn có thể tạo các template riêng trong theme hiện tại để plugin sử dụng.

Đầu tiên, bạn cần kết nối vào trang web bằng một ứng dụng FTP và đi đến folder /wp-content/plugins/wp-user-manager/templates/. Tải xuống tất cả các file bạn thấy ở đó về máy tính của mình. Tiếp theo, bạn cần vào thư mục theme hiện tại và tạo một folder mới có tên là wpum bên trong. Bây giờ tải lên các file bạn đã tải xuống trước đó vào folder wpum.

Bây giờ bạn có thể chỉnh sửa các file này để tùy chỉnh giao diện của trang hồ sơ theo cách cần thiết.

Ngoài nội dung trên, bạn cũng có thể tham khảo:

3. Tạo trang hồ sơ tác giả tùy chỉnh bằng cách thủ công trong theme WordPress bằng code

Phương pháp này đòi hỏi bạn phải chỉnh sửa các file theme WordPress hoặc child theme. Đầu tiên, bạn cần kết nối vào trang web bằng một ứng dụng FTP và vào folder /wp-content/themes/your-current-theme/. Trong folder theme hiện tại, bạn cần tạo một file author.php. Sau đó, bạn cần sao chép nội dung của file archive.php và dán chúng vào template author.php mới.

Nếu theme đã có một file author.php, thì bạn cũng có thể chỉnh sửa file đó. Mục tiêu của bạn ở đây là lấy thông tin hồ sơ tác giả và sau đó hiển thị chúng. Bạn cần quyết định nơi bạn muốn bắt đầu chỉnh sửa. Thông thường, bạn có thể chỉnh sửa bất cứ điều gì giữa các dòng get_header(); và get_sidebar().

<?php
// Set the Current Author Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
?>
  
<div class="author-profile-card">
    <h2>About: <?php echo $curauth->nickname; ?></h2>
    <div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '90 '); ?>
    </div>
    <p><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
  
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
  
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
  
<?php the_excerpt(); ?>
  
<?php endwhile; 
  
// Previous/next page navigation.
the_posts_pagination();
  
else: ?>
<p><?php _e('No posts by this author.'); ?></p>
  
<?php endif; ?>

Code này chỉ đơn giản là thêm một card hồ sơ tác giả ở đầu trang và sau đó hiển thị các bài viết gần đây của tác giả. Hãy thoải mái tùy chỉnh code này theo nhu cầu của mình. Bạn có thể thêm các field hồ sơ người dùng bổ sung vào trang web, thêm link tới trang Twitter và Facebook của tác giả, hiển thị hình ảnh đặc sắc cho các bài viết, và nhiều thứ khác.

Dưới đây là một số CSS mẫu để tạo cho card hồ sơ tác giả một theme tốt hơn. Bạn có thể thêm chúng vào làm CSS tùy chỉnh trong theme của mình và sau đó chỉnh sửa chúng để phù hợp với màu sắc của theme.

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

Dưới đây là cách chúng được hiển thị trên trang web minh họa:

Cách trang hiển thị sau khi thiết lập
Cách trang hiển thị sau khi thiết lập

Nếu bạn đang muốn tìm một giải pháp hosting lý tưởng để phát triển trang web hoặc blog cá nhân trên WordPress, cân nhắc chọn dịch vụ WordPress Hosting tại Vietnix. Vietnix cung cấp dịch vụ WordPress Hosting, được tối ưu hóa đặc biệt cho các trang web dùng WordPress, với các tính năng nổi bật:

  • Tải trang nhanh chóng, chỉ dưới 1 giây, nhờ ổ cứng NVMe cực nhanh và công nghệ LiteSpeed Enterprise.
  • Hỗ trợ tư vấn tăng tốc độ trang web bởi các chuyên gia WordPress 24/7.
  • An toàn dữ liệu đảm bảo với hệ thống backup tự động 4 lần mỗi ngày và khả năng phục hồi nhanh.
  • Sự ổn định của website được bảo đảm bởi cơ sở hạ tầng tiên tiến và công nghệ Firewall anti DDoS do Vietnix phát triển.
  • Tạo website WordPress dễ dàng chỉ với một cú click chuột qua WordPress Toolkit.
  • Tặng kèm bộ sưu tập theme và plugin WordPress cao cấp, với giá trị lên đến 50.000.000 VND/Năm, bao gồm Rank Math SEO Pro, Elementor Pro, Divi, Bricks,…

Để biết thêm thông tin và lựa chọn gói WordPress Hosting phù hợp, hãy liên hệ Vietnix ngay hôm nay!

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093.
  • Email: sales@vietnix.com.vn.

Lời kết

Vietnix hy vọng bài viết này đã giúp bạn hiểu được cách thêm trang hồ sơ tác giả tùy chỉnh vào WordPress. Ngoài nội dung này, bạn cũng có thể tham khảo thêm bài viết khác về WordPress tại vietnix.vn để áp dụng cho website của mình, chúc bạn thành công!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG