MỘT SỐ VẤN ĐỀ POST TYPE NEWS (UPDATE 30/7/2023)

Chưa có trang archive cho tags

t có 2 bài viết này đều thuộc chung tag “Jumj books ” -> bài 1 và bài 2

tuy nhiên khi ấn vào tag đó trong bài viết thì ra trang trống trơn

Ngoài ra đổi giúp t chữ index ở TOC thành “Mục lục” nhé

Số thứ tự ở cái TOC

t thấy cái Fix TOC mặc định nó đếm các Headline 2-3-4 theo thứ tự như ảnh này -> điều chỉnh giúp để nó hiển thị như này cho dễ theo dõi

 

 

Làm sao để chỉnh header của mỗi Category thuộc News?

Hiện t tạo ra category “Cosplay” thuộc post mặc định News. => Cosplay – Naruto (truongxuan.net)

Trong option của nó có các phần chỉnh Taxonomy Layout và Banner nhưng mà t thay đổi chả thấy điều gì xảy ra cả? Hay là phải tạo Ux Block > tạo sidebar và gắn vị trí cụ thể vào Category “cosplay”?

Xuân: Cái tùy chọn Banner Taxonomy và Mô tả cho Taxonomy nó sẽ được hiển thị bên dưới cái Sidebar Header. Mục đích ban đầu là tạo cho thằng WIKI, vì cái này sẽ hiện thị bên dưới Header của wiki. Nếu ông sử dụng nó cho các post type khác có cùng layout với News thì nó cũng sẽ hiển thị bên dưới cái Sidebar Header. Và nó sẽ có cả 2 cái Trông như thế này => https://naruto.vn/news/anime/

Để thay đổi banner cho từng Category thì ông phải lựa chọn 1 trong 2 cách.
1. Tạo từng Sidebar Header cho từng Category, sau đấy tạo từng nội dung UX-Block cho từng cái Sidebar đó.

Đức 30/7 : Làm thành công. done

2. Không sử dụng Sidebar Header cho Category nữa. mà sử dụng phần mô tả của mỗi Category để làm nội dung luôn.
– Vẫn sẽ tạo UX-Block nhưng sẽ chỉ có Search và Menu thôi (bỏ Banner ở UX-Block).
– Chèn shortcode UX-Block vào phần mô tả của từng Category, chọn ảnh Banner Taxonomy.
– Xong.

Đức 30/7 : t đã tạo UX block Merch Category (news) – UX , sau đó chèn vào phần mô tả của category “Merch”, và up banner vào category đó

Nhưng khi ra bên ngoài thì vẫn còn banner của News mặc định, cách này chưa hiểu lắm -> Merch – Naruto (truongxuan.net)

 

MỘT SỐ VẤN ĐỀ POST TYPE MOVIE (UPDATE 30/7/2023)

tab liveaction bị nhảy linh tinh

Đầu tiên t vào domain/movie , sau đó ấn sang các tab để chuyển sang domain/ova , domain/liveaction bình thường

Nhưng kể từ lúc ấn vào domain/liveaction và quay trở lại ấn vào “ova” thì nó chuyển thành domain/naruto-shippudent, còn ấn vào “movie” thì thành domain/naruto

MỘT SỐ VẤN ĐỀ HOMEPAGE PC (UPDATE 30/7/2023)

Layout style không có dạng slide?

Ở post type news thì nó có thể để slide nhưng khi t add wiki vào thử thì ko thấy

Xuân: Đã có Slide dành cho Post Type. Nhưng không sử dụng element IZI Post, mà dùng element Post Slide. Do Post Slide sử dụng script để hiển thị slide và UX-Bulider không nhận script, nên trong quản trị sẽ không hiển thị giao diện chuẩn. Cần cấu hình xong ra ngoài trang front-end để xem.

Đức 30/7/2023: các option đều bị lỗi CSS, có mỗi cái Style 1 – dạng Grid còn được nhưng mà cái thanh trượt này xem bỏ đi và thay bằng mũi tên 2 bên được ko?

Ngoài ra thì các post ko có icon category, và kích cỡ có thể chỉnh nhỏ như cái mặc định bên trên ko?các bài viết cũng k phải latest, nó như kiểu random

 

Wiki và các custom post type Chưa có lựa chọn hiển thị theo random

Theo t hiểu mặc định đang hiển thi dạng latest, giả sử cài thêm plugin popular post, hoặc là plugin post view count thì nó có thể hiển thị theo “post view” ko? => áp dụng cho toàn bộ post type nhé

Xuân: element IZI Post đã có thể chọn hiển thị random bài viết. Đối với các Plugin khác, thường nó chỉ hỗ trợ cho post, không hỗ trợ cho custom post type. Vì thế nếu muốn sử dụng các plugin đó thì phải code lại. Cái element blog post này của flatsome cũng chỉ hoạt động cho post thôi, không hoạt động với custom post type

Đức 30/7: Cái element “post slide” thì ko có random?

 

 

Tại sao trang game khi chỉnh sửa lại là chỉnh sửa category?

T hiểu games hiện nay là 1 custom post type riêng mà sao trang https://naruto.vn/games/ lại là category chứ không phải là edit page with UX BUilder?

Xuân: Cái này hôm qua t nói rồi. Là do t không tạo Trang Page cho Games như Anime và Manga, nên nó không có trang Page riêng. Nếu cần thì ông tạo thêm 1 Page cho Games và kéo các elements vào cho phù hợp là được.

Đức 30/7: t đã thử tạo trang này và kéo IZI Post vào > chọn post type và thử bật tắt các meta và thấy nó ko được như trang game kia

Game test – Naruto (truongxuan.net)

Cụ thể: ko có các tag, title ko bôi đen, phần mô tả nó ko tự độn cắt bớt mà dài ngoằng ra

 

Clone post type games thêm 1 post type MUSIC

Sau khi giải đáp các thắc mắc trên thì clone giúp t Games thành post type MUSIC, url là: domain/music

Các post ở đây t sẽ để các Album nhạc lên (embed từ soudcloud chả hạn)

Xuân: Đã xong https://naruto.vn/music/

Đức 30/7: thêm giúp t các cái sau nữa để t gán post vào: Taxonomy/Category (chuyên mục nhạc, thể loại nhạc ví dụ nhạc Rock, rap) .

Ngoài ra bên trong các custom post type thì có khái niệm tag không nhỉ? t muốn nội dung nhạc sỹ, ca sỹ cho vào tag thay vì là taxonomy/Category

 

Chỉnh màu chữ như nào?

IZI Post ở dạng normal muốn chỉnh màu chữ sang trắng

Xuân: Để thay đổi màu text sang trắng thì đưa element IZI Post vào trong 1 row có columns = 12.

tại cài đặt Color của Colums chọn Light.

Đức 30/7 : done, nhưng cách này chỉ có đen hoặc trắng thôi nhỉ. ko có màu khác :v

Để thay đổi màu nền của các bài viết trong IZI Post. chọn Bg Items trong cài đặt của IZI Post.

Đức 30/7 : done. nhưng cũng chỉ có 1 số màu thôi nhỉ

Để thay đổi kích thước ảnh các bài viết thì đặt tỷ lệ ảnh tại Image Ratio trong cài đặt của IZI Post.

Đức 30/7: done

 

 

MỘT SỐ VẤN ĐỀ HOMEPAGE MOBILE (UPDATE 30/7/2023)

chỗ này ko hề add cái row về post new mà trên Mobile nó lại hiện ra?

 

Do t đặt nó chỉ hiển thị Trên Mobile nên khi ông vào chỉnh sửa mà chọn PC sẽ không thấy nó. Đây cùng là cách để Tạo ra các giao diện của 1 element khác nhau trên PC và mobile.

Đức 30/7 : thế các element khác thì sao ko thấy cái phần “advance” này để chọn ẩn hiện riêng cho mobile nhỉ, ví dụ element “IZI POST”

Menu trên mobile bị lỗi css

T vào menu mobile và thiết lập các menu cha-con như này

Nhưng ở trên mobile, khi ấn vào menu cha để xổ ra menu con thì nó trắng xóa

ngoài ra cái mục “khám phá” kia, có các menu con mà ko thấy nó hiện ra

—————————————

một số link sau khi cái SEO cần redirect vì bị 404

naruto.truongxuan.net/game/ > naruto.truongxuan.net/games/

Xuân: Xong

Đức 30/7 : cái này bị chuyển nhầm sang cái gì rồi

 

HẾT VẤN ĐỀ

———————————————-

TRANG WIKI

Cái trang t cần thì nó đã gỡ đi rồi, hình ảnh minh họa đây

Có thể vào trang này xem CSS, JS của nó (nếu cần)

NARUTOP99 Results Announcement (naruto-official.com)

Đức: Về mặt giao diện t thấy ok rồi. còn 1 số vấn đề cần trao đổi sau

1.Vậy post type này sẽ đưa vào dạng là shortcode chứ ko phải element của UX Editor, và theo đoạn mã đó cái duy nhất t có thể thay đổi là số lương post hiển thị trên 1 trang > ok đã hiểu

2.Chưa có category icon/image > như cái ảnh minh họa trên là ký hiệu của từng category ý > post thuộc Category nào thì icon đó hiện lên bên cạnh tên, post thuộc nhiều category thì hiện nhiều (tối đa là 4 category quây thành 1 hình vuông)

Xuân: Đã có thể sử dụng element của UX-Builder => IZI Post. Có thể tùy chỉnh số lượng bài hiển thị, số lượng cột, sắp xếp ASC/DESC, tỷ lệ ảnh hiển thị, pagination.
Lưu ý: Element này được sử dụng cho UX-Builder nên sẽ độc lập với cách hiển thị của Category Wiki. Để chỉnh sửa hiển thị Category Wiki thì vào IZI-Settings và chọn tab Wiki.

Đức: vào IZi Setting ko thấy tab wiki đâu?

Xuân: t vừa chia lại Layout dành cho Taxonomy thành 4 loại
1. Tax Normal: Hiển thị giống News Category
2. Tax List: Hiển thị giống Anime ( có List danh sách taxonomy dạng According phía trên )
3. Tax Grid: Hiện thị giống Wiki (ảnh phía trên, tên phía dưới có nền màu đen)
4. Tax Vertical: Hiển thị giống Book, Game (ảnh đại diện ở bên trái, content ở bên phải)

Để chỉnh sửa Wiki Category c vào Tax Grid nhé.

 

 

Về post to post trong wiki

 

 

---

ĐÃ XONG LƯU LẠI ĐÂY ĐỂ SAU NÀY QUÊN THÌ XEM

Layout single ko hoạt động?

T vào IZI Setting > layout single và thử chỉnh wiki về dạng Pre/next nhưng chả có gì thay đổi cả?

Xuân:

• Layout Normal là bên dưới không có gì cả.
• Layout Pre/Next là bên dưới hiển thị bài viết trước và sau cùng chuyên mục đó. (Giống single Anime) Chỉ dùng cho post type có bài viết chỉ thuộc 1 taxonomy. Nếu chọn nhiều taxonomy cho 1 bài viết thì nó sẽ hiển thị mỗi cái Pre/Next 1 lần.
• Layout List Slider là bên dưới hiển thị slider các bài viết khác cùng post_type (Giống single Manga)

Đức 30/7: nói chung mỗi post type đã được code giao diện hiển thị riêng nên đổi các cái này chả có ý nghĩa gì

F

Làm sao để thêm Book ra ngoài trang chủ?

Book là dạng Porfolion nhưng mà t ko tìm thấy element Porfolio nào có sẵn của Flatsome để lôi ra ngoài trang chủ?

Xuân: slug post_type của Book là: featured_item chứ không phải book.
Để xem slug post_type của từng loại Custom Post Type. thì ông click vào xem tất cả bài viết của Post Type đó trong quản trị. Nó sẽ có link dạng như sau:
https://naruto.vn/wp-admin/edit.php?post_type=featured_item

Đây là slug của post type đó. Tương tự với taxonomy tương ứng với post type thì có slug là
https://naruto.vn/wp-admin/edit-tags.php?taxonomy=featured_item_category&post_type=featured_item

Đức 30/7 : done, đã thêm được book vào trang chủ

d

Làm sao để chỉnh thứ tự các bức ảnh?

Ví dụ như cái minh họa này, các ảnh t đánh thứ tự tức là “CHung 1 bức ảnh”, nhưng nó đang được XẾP ĐÈ CHỒNG lên nhau. Vậy việc đè lên nhau này nó đã theo quy luật fix hay mình có thể tùy chỉnh được?

Cái này có thể tùy chỉnh được nhé, t đã code riêng 1 phần cho cái này.
Cái này đọc thì phức tạp nhưng làm thì đơn giản, hôm nào gặp t sẽ hướng dẫn cụ thể. Đại khái là:

Các class cần để sử dụng
Chỉnh vị trí theo “margin”
1: mt-* => cách top 1 khoảng bằng *px (* là 1 số có giá trị từ -600 tới 600)
2: mb-* => cách bottom 1 khoảng bằng *px
3: ml-* => cách left 1 khoảng bằng *px
4: mr-* => cách right 1 khoảng bằng *px
Chỉnh xếp chồng lên nhau:
Mặc định là ảnh thêm sau sẽ sếp chồng lên ảnh thêm trước. Trường hợp nếu cần xếp chồng các ảnh thêm trước lên cách ảnh thêm sau thì sẽ sử dụng các class sau theo thứ tự nằm từ dưới lên trên: z-1, z-2, z-3, z-4, z-5

Ngoài ra còn có 1 số trường hợp không thể sử dụng chỉnh vị trí theo “margin” thì phải sử dụng chỉnh theo “absolute”.
Cách sử dụng là thêm class: absolute + class_vị_trí
class_vị_trí:
1: top-* => cách top 1 khoảng bằng *px (* là 1 số có giá trị từ -600 tới 600)
2: bottom-* => cách bottom 1 khoảng bằng *px
3: left-* => cách left 1 khoảng bằng *px
4: right-* => cách right 1 khoảng bằng *px

Đức: khi nào gặp hướng dẫn t cụ thể nhé, t cũng đang cần làm thêm các timeline khác