• Speedtest Internet
  • Test Code
  • Nén CSS
  • Chuyển đổi định dạng Webp
  • Mã Hóa URL
  • Shorturl
  • Login
Blog thủ thuật máy tính f4vnn
No Result
View All Result
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • LYRICS
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • LYRICS
No Result
View All Result
Blog thủ thuật máy tính f4vnn
Home Tips Source Tips Wordpress

Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp

Blog Tips f4vnn by Blog Tips f4vnn
09/03/2023
Reading Time: 7 mins read

Nội dung chính

  • Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp
    • Các chức năng cơ bản
    • Hướng dẫn sử dụng
      • Cách thay đổi logo
      • Chỉnh sửa phần tác giả nổi bật
      • Cách đăng truyện để lấy Shortcode
      • Các đăng bài bằng Shortcode truyện
    • Cách chỉnh sửa trong ACF
  • Kết luận

Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp: WordPress là một hệ quản trị nội dung mã nguồn mở miễn phí viết bằng ngôn ngữ lập trình PHP đi cùng với cơ sở dữ liệu MySQL hoặc MariaDB. Thành phần chính bao gồm một kiến trúc plugin và một hệ thống template. Trong bài viết này mình sẽ chia sẻ với các bạn một giao diện website nghe truyện bằng wordpress được chuyển từ html sang wordpress rất đẹp.

Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp

Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp

Giao diện là được thiết kế từ bootstrap với lại mình là không phải code chuyên nghiệp nên nhiều cái nó không được gọn gàng cho lắm.

Các chức năng cơ bản

Giao diện website nghe truyện bằng wordpress này cũng rất đơn giản như hiển thị tác giả, hiển thị giọng đọc, thể loại truyện, tình trạng truyện và hệ thống đánh giá cũng rất là ổn.

Hướng dẫn sử dụng

Sau khi các bạn tải về trong đó nó có 2 file là giao diện và database (cái data chỉ là demo). Mình dùng plugin Duplicator để backup.

Cách thay đổi logo

Vì mình muốn cho nó nhẹ lên giao diện website nghe truyện bằng wordpress mình không tạo chức năng thay đổi logo như các giao diện trên mạng bình thường, để thay đổi logo thì các bạn vào hosting vào mục wp-content\themes\template truyen ma\img và thay cái ảnh là logo.png

giao dien website nghe truyen mp3 8

Chỉnh sửa phần tác giả nổi bật

Trong phần này các bạn vào phần chỉnh sửa giao diện và vào mục tac-gia-noi-bat.php để chỉnh sửa link và ảnh các giọng đọc nổi bật trên web của bạn nhé

Cách đăng truyện để lấy Shortcode

  • Các bạn vào trang quản trị bấm vào Playlists – Playlists
giao dien website nghe truyen mp3 1
  • Bấm Add Playlists sau đó các bạn làm như trong ảnh dưới
giao dien website nghe truyen mp3 2

Trong trường hợp truyện có nhiều tập thì các bạn bấn vào Add Track để thêm tập mới nhé. Sau đó bạn nhìn sang cột bên phải nó có nút Đăng bấm vào nó để đăng truyện.

Các đăng bài bằng Shortcode truyện

Các bạn để ý ở bước trên sau khi đăng truyện nó sẽ sinh ra cho bạn một đoạn shortcode các bạn copy đoạn shortcode đó và vào phần đăng bài như bình thường và dán vào đó để đăng bài như bình thường

Trong phần đăng bài các bạn để ý bên dưới nó sẽ có những trường Thông tin gồm:

  • Tác giả
  • Thể loại truyện
  • Tình trang
  • Hot

Các trường này mình dùng plugin ACF để custom các bạn để ý là điền tên tác giả vào phần tác giả nhé.

Riêng trong trường Thể loại truyện thì các bạn phải tạo Chuyên mục (Category) các thể loại truyện để sau đó mình get vào trường này nhé.

giao dien website nghe truyen mp3 3

Trường Hot khi nào bạn thấy những truyện nào mà bạn nghe thấy hay thì bạn có thể viết một ký tự hay chữ vào đấy, khi ra trang chủ nó sẽ get ra icon hot trên ảnh đại diện của bài viết đấy. Còn bài nào bạn không muốn nó Hot thì để trống trường Hot nhé.

À trong phần TRUYỆN MỚI CẬP NHẬT trên trang chủ thì mình code là khi bạn đã đăng bài từ trước khi chỉnh sửa nó sẽ nhảy lên trên đầu nhé. Thế nên khi bạn đăng truyện dài tập và sửa từng ngày khi có tập mới nó sẽ lên đầu nhé.

Thêm nữa là mình đã set là Primary Tern là phần tác giả nên khi tạo chuyên mục (Category) bạn nên tạo chuyên mục Giọng đọc tiếp đến là Thể loại để nó hiển thị cho chuẩn xác nhé

giao dien website nghe truyen mp3 7

Cách chỉnh sửa trong ACF

Nó là plugin rất mạnh trong việc Custom post nên trên mạng có rất nhiều các hướng dẫn. Nên mình sẽ nói qua về cách chỉnh sửa tùy chọn Thể loại truyện thôi nhé.

giao dien website nghe truyen mp3 4

Các bạn để ý khung mình đóng khung đỏ nhé thay link chuyên mục thể loại truyện vào đây nhé và đổi tên cho phù hợp nhé.

Và đây là kết quả khi các bạn làm theo đúng các hướng dẫn mình đã nói ở trên

giao dien website nghe truyen mp3 5

Còn đây là giao diện phần bài viết chi tiết nhé, nhìn rất là chuyên nghiệp luôn (ảnh nén chất lượng để nhẹ nên nó mờ)

giao dien website nghe truyen mp3 6
DOWNLOAD THEME

Kết luận

Trên đây là chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp mà bạn có thể tham khảo. Hy vọng nó sẽ có ích với bạn, chúc bạn thành công.


Xem Thêm Bài Viết
Nhạc DJ Nhạc Hay TikTok Truyện Ma

Tags: Chia sẻ giao diện website nghe truyệngiao diện website nghe truyệngiao diện website nghe truyện bằng wordpressShare the theme of the website to listen to stories with wordpressWebsite theme listen stories with wordpress
ShareTweetPin1Share1ShareShare

Related Posts

Hướng dẫn cách lấy và hiển thị Primary Category bài đăng cho wordpress

Hướng dẫn cách lấy và hiển thị Primary Category bài đăng cho wordpress

01/03/2023
Hướng dẫn cách chỉ hiển thị bài viết vừa chỉnh sửa cho Wordpress

Hướng dẫn cách chỉ hiển thị bài viết vừa chỉnh sửa cho WordPress

21/02/2023

Hướng dẫn thêm tìm kiếm theo danh mục cho wordpress không cần Plugin

10/01/2023

Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

06/01/2023

Chia sẻ Theme WordPress Wap Game chuyển từ html sang wordpress cực mượt

14/12/2022

Hướng dẫn cách sửa lỗi Another Update Is Currently In Progress trên WordPress

21/08/2022
Next Post
Hướng dẫn cách cài đặt ChatGPT làm ứng dụng trên iPhone

Hướng dẫn cách cài đặt ChatGPT làm ứng dụng trên iPhone

Chia sẻ 6 cách sửa lỗi Read Only tất cả Files và Folders trên Windows

Chia sẻ 6 cách sửa lỗi Read Only tất cả Files và Folders trên Windows

☊ BLOG NGHE NHẠC HAY TIKTOK

slide-dj24h

Receive updates of our latest tutorials.

By signing up, you agree to our Privacy Policy.

Facebook logoTwitter logoLinked-in logo

✪ TÌM KIẾM NHANH TRÊN GOOGLE

Mẹo để tìm kiếm nhanh cách sửa lỗi bạn vào Google gõ tên lỗi + từ khóa f4vnn!

☷ BÀI VIẾT MỚI NHẤT

Chia sẻ 6 cách sửa lỗi Read Only tất cả Files và Folders trên Windows

Chia sẻ 6 cách sửa lỗi Read Only tất cả Files và Folders trên Windows

27/03/2023
Hướng dẫn cách cài đặt ChatGPT làm ứng dụng trên iPhone

Hướng dẫn cách cài đặt ChatGPT làm ứng dụng trên iPhone

16/03/2023
Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp

Chia sẻ giao diện website nghe truyện bằng wordpress cực đẹp

09/03/2023
Hướng dẫn cách lấy và hiển thị Primary Category bài đăng cho wordpress

Hướng dẫn cách lấy và hiển thị Primary Category bài đăng cho wordpress

01/03/2023
Hướng dẫn cách sử dụng ChatGPT với Siri trên iPhone

Hướng dẫn cách sử dụng ChatGPT với Siri trên iPhone

27/02/2023

☷ BÀI VIẾT XEM NHIỀU

  • Chuyển từ Google Slides sang PowerPoint và ngược lại 38.2k views
  • Làm thế nào để dừng Fixing Stage 1 trong Windows 10 31.7k views
  • Sửa lỗi Run-time error 1004 không thể chạy Macro trong Excel 18.5k views
  • Sửa lỗi A JavaScript error occurred in the main process trên Windows 10 17.8k views
  • Cách sửa lỗi Runtime Error 1004 trong Microsoft Excel 14.6k views
  • Cách sửa lỗi Bad Image 0xc000012f trong Windows 10 12.3k views
Blog thủ thuật máy tính f4vnn

© 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

Giới thiệu & Bạn bè

  • Chính sách
  • Quy định
  • About Us
  • DMCA

Follow Us

No Result
View All Result
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • LYRICS

© 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In