Cách tạo read more wordpress
|
Bước 1: click vào biểu tưởng Insert Read More tag trên thanh công cụ. Show ví dụ trong bài viết Văn hóa công sở: chiêu thức “ghi điểm” với cấp trên sau khi chèn Insert Read More tag vào bài viết như hình:  thì trên Trang chủ, khi bài viết hiển thị sẽ không hiện toàn bài mà có biểu tượng như hình sau: Nhưng để có thể thay thế những từ như Read more, Continute reading, … có sẵn theo ý muốn của mình, ta có thể sử dụng cách sau: Sau khi thực hiện xong Bước 1 Ta tiếp tục với Bước 2: chuyển sang chế độ HTML, phía sau chữ moregõ vào một dấu cách, sau đó là những gì bạn thích để thay cho cụm từ mặc định. Ví dụ: Và Kết quả: Khi hiển thị bài viết trong WordPress ở trang chủ hay trang chuyên mục thông thường chỉ hiển hình ảnh, tiêu đề và một đoạn mô tả ngắn. Đoạn mô tả đó sẽ dùng hàm the_excerpt(); được WordPress hỗ trợ. Tuy nhiên nếu không tùy chỉnh nó sẽ hiện ra dấu ba chấm […] như thế này trông rất xấu. Nếu bạn đang muốn sửa lại […] thành … hay thêm “Readmore” hoặc là “Xem thêm” mà chưa biết cách để làm bài viết này mình sẽ hướng dẫn chi tiết về cách tạo nút Readmore. Hướng dẫn cách tạo nút Readmore trong WordPressĐể thực hiện bạn sẽ sử dụng Action Filter bằng cách chèn đoạn code này vào dưới cùng file function new_excerpt_length($length) {
return 30;
}
add_filter('excerpt_length', 'new_excerpt_length');Khi thêm đoạn mã này vào nó sẽ giới hạn độ dài ký tự (Limit excerpt length) hiển thị là 30 trong WordPress. Nếu muốn thêm chữ Read more thì dùng đoạn mã này function new_excerpt_more($more) {
return '...'">' . ' Xem thêm' . '';
}
add_filter('excerpt_more', 'new_excerpt_more');Trong trường hợp nút đọc thêm chưa được viết trên Theme thì bạn thêm đoạn mã này ngay bên dưới (Nó sẽ nằm trong file template-parts/content.php) Chỉnh CSS một chút cho đẹp hơn, bạn cho nó vào file .readmore a{
background: #007bff;
color: #fff;
border-radius: 4px;
padding: 6px 15px;
}Rất đơn giản phải không nào anh em? Rất nhiều bạn đang gặp khó khăn trong việc chỉnh sửa những bài viết trên website WordPress. Đặc biệt khi sử dụng theme Flatsome sẽ xuất hiện dòng chữ Continue Reading và Read More dưới bài viết. Hôm nay Kinh Nghiệm Cho Bạn sẽ giúp các bạn chỉnh sửa chữ Continue Reading và Read More sang chữ các bạn mong muốn. 1. Chỉnh sửa chữ Continue Reading sang dòng chữ bất kỳCác bạn đang thấy website (blog) Kinh Nghiệm Cho Bạn có bài viết và dòng chữ “Continue Reading”, không đồng nhất với ngôn ngữ Tiếng Việt của chúng ta. Vì thế các bạn hãy sửa lại bằng cách truy cập vào hosting sau đó sửa trực tiếp dòng chữ này. Bước 1: Truy cập vào Cpanel quản lý hosting Bước 2: Vào tác vụ File Manager trong Files Bước
3: Vào chỉnh sửa file content.php Bước 4: Sửa chữ Continue Reading Ví dụ KNCB sẽ đổi thành “Xem nào” Bước 5: Bấm Save Changes Và đây là thành quả: 2. Chỉnh sửa chữ Read More sang dòng chữ bất kỳĐối với Read More, các bước các bạn cũng làm tương tự nhé. 3. Chỉnh CSS cho dòng chữ mới thay đổi từ việc sửa chữ Continue ReadingSau khi các bạn thay đổi dòng chữ của mình. Các bạn muốn nó đẹp hơn để phục vụ cho website WordPress của mình thì các bạn tùy chỉnh kích thước, hãy thêm đoạn mà bên dưới vào CSS tùy chỉnh trong Theme nhé. .more-link { color: fff; font-size: 16px; } .more-link { font-size: 10; } Vậy là KNCB đã hướng dẫn cho bạn cách sửa chữ “Continue reading” và “Read more” trong website WordPress rồi. Hi vọng sẽ giúp ích được nhiều cho các bạn trong quá trình xây dựng website. Tham giá khóa học SEO website lên top Google của Tiha để nâng cao cơ hội bán hàng. Hãy để lại comment của mình bên dưới nếu bạn cần thêm giúp đỡ và đừng quên đánh giá 5 sao cho bài viết này nếu đã giúp được bạn. —‘— Tiha |
