Khi bạn mua theme TanaFlows, bạn sẽ tải về dưới dạng file zip. Để dùng theme, bạn cần tải theme lên site ghost của mình.

Cài đặt theme TanaFlows

Vào Setting > Design > Change theme > Advanced > Upload theme

Sau khi tải lên xong, bạn bấm Activate để kích hoạt theme.

Cài đặt Route của TanaFlows

Trừ khi bạn dùng các theme ghost official miễn phí, mọi theme ghost đều có route file riêng và bạn cần tải lên theme route để site mới có thể dùng được.

Bạn mở file theme zip, trong đó có file route.yaml , bạn copy ra Desktop hoặc bất cứ thư mục nào bạn muốn.

Sau đó, vào Setting > Labs > Routes và tải lên file route.yaml

Sau khi upload xong, không báo lỗi thì site bạn đã cài xong theme TanaFlows.

Cài đặt nội dung tự động cho site mới (Lựa chọn)

Khi bạn tạo một trang web mới từ đầu, bạn hoàn toàn có thể sử dụng tính năng nhập tự động nội dung từ ghostFam để thực hiện việc cài đặt trang web một cách nhanh chóng và tiện lợi.

File TanaFlows Initial Setup bao gồm

1. 5/6 trang bắt buộc cho site
2. 1 tag nội bộ cho tính năng tạo FAQ tự động
3. Cài đặt ngôn ngữ chính sẵn, bao gồm việt hóa Portal
4. Cấu hình sẵn cho portal
5. Cài sẵn Route.yaml của theme TanaFlows cho bạn

Cách cài đặt "TanaFlows Initial Setup"

Tải về file trên và vào Setting > Labs > Import content

Bạn chờ khoảng 10 giây để hoàn tất.

Chỉnh sửa nội dung đã nhập

5 trang mặc định sẽ có tác giả là Cuong, bạn cần xóa và đổi sang tác giả là bạn. Đồng thời xóa tag #import...

Theme TanaFlows đòi hỏi một số trang cần thiết bắt buộc để theme hoạt động không lỗi, nếu bạn không tạo các trang này thì sẽ bị các lỗi 404 khi sử dụng ảnh hưởng trực tiếp đến SEO của site bạn.

1. Trang chủ - Xem hướng dẫn
2. Trang blog - Xem hướng dẫn
3. Trang liên hệ - Xem hướng dẫn
4. Trang chính sách - Xem hướng dẫn
5. Trang chủ đề - Xem hướng dẫn
6. Trang giới thiệu

Trang giới thiệu là cần thiết cho mọi site, bạn chỉ cần tạo page mới như thông thường và đặt tên slug là about

Mặc định ghost sẽ không bật ghost comment tích hợp cho bạn, bạn cần bật trong ghost dasboard để sử dụng.

Vào Setting > Membership

Hoàn thành, bạn đã bật bình luận cho blog ghost.

Giới thiệu Hyvor Talk

Hyvor Talk là một nền tảng bình luận tốt nhất hiện nay cho blog với rất nhiều tính năng cao cấp như SSO, membership, anti-spam, moderators, đa ngôn ngữ,... và tốc độ tải bình luận siêu tốc.

Bạn cần có tài khoản Hyvor Talk để sử dụng với theme TanaFlows, tạo mới tài khoản Hyvor Talk.

Cài đặt Hyvor Talk cho theme TanaFlows

Sau khi đã có tài khoản, bạn tạo mới site và lấy được Website ID

Website ID sẽ có dạng 4 chữ số, ví dụ: 2352

Sau đó vào Setting > Design > Post > Comment provider > Chọn HyvorTalk > 3rd comment id > chọn 2352

Lưu ý: 2352 chỉ là Demo, bạn cần điền Website ID của bạn thay thế.

Lưu lại và hoàn tất!

Cusdis comment là một mã nguồn mở đồng thời có dịch vụ hosting miễn phí để bạn sử dụng.

Bước 1: Tạo tài khoản Cusdis và lấy site ID

Bạn tạo mới tài khoản Cusdis

Bước 2: Dán data-app-id vào ghost setting

Sau đó, vào Setting > Design > Post > chọn Comment provider là Cusdis và dán data-app-id vào trường 3rd comment id.

Lưu lại và hoàn tất!

Disqus là một nền tảng bình luận phổ biến và được sử dụng rộng rãi, cho phép chủ sở hữu trang web tích hợp hệ thống bình luận một cách dễ dàng.

Một trong những tính năng nổi bật của Disqus là tính dễ dàng sử dụng và tích hợp mượt mà. Nó cung cấp giao diện thân thiện với cả chủ sở hữu trang web và người dùng, giúp quản lý và kiểm duyệt bình luận trở nên đơn giản.

Cách tích hợp Disqus comment vào theme TanaFlows như sau:

Bước 1: Tạo tài khoản Disqus và lấy shortname

Đăng ký tài khoản Disqus tại đây. Sau khi đăng nhập, bạn tạo mới site.

Trong quá trình tạo mới site, tại mục website name, bạn đặt tên và Disqus sẽ tạo subdomain cho bạn.

Dán shortname vào trong ghost dashboard

Bạn vào Setting > Design > Post, dán shortname của bạn vào trường 3rd comment id và nhớ chọn comment provider là Disqus. Demo bên dưới có shortname là ghostfam

Lưu và hoàn tất!

Giao diện của Telegram app comment rất thân thiện, tuy thiếu một số tính năng thông báo và kiểm duyệt bình luận, nhưng vẫn phù hợp với một số blog.

Bước 1: Kết nối site với comment app

Bạn vào comment app để kết nối site (yêu cầu có tài khoản Telegram trước).

Bước 2: Dán Site ID vào ghost setting

Bạn dán Site ID của bạn vào Setting > Design > Post > Dán vào 3rd comment id và chọn Comment Porvider là Telegram.

Lưu lại và hoàn tất!

Cove Chat là một trong những dịch vụ thứ 3 đầu tiên tên ghost, trước khi ghost ra mắt tính năng bình luận.

Bước 1: Đăng ký tài khoản Cove Chat và cấu hình sử dụng

Bạn đăng ký 1 trong 3 gói của Cove Chat để bắt đầu sử dụng. Tại danhsboard của Cove Chat bạn cần điền các thông tin sau:

• Content API key
• API URL
• Admin API key

Cách lấy Admin API key và Content API key như sau: vào Setting > Integration > Tạo mới webhook

Điền các thông tin cần thiết vào Cove Chat dashboard và chuyển sang bước kế tiếp.

Bước 2: Lấy mã Cove ID và cài đặt cho theme

Bạn cần Cove ID để TanaFlows sử dụng Cove Chat. Vào thẻ Comment ở Cove UI và lấy mã comment của bạn.

Bạn vào Setting > Design > Posts chọn Cove provider và dán Cove ID ở bước 1 vào.

Mặc định ghost sẽ cài đặt ngôn ngữ chính là tiếng Anh cho site bạn (en). Bạn cần đổi ngôn ngữ để dùng.

Cài đặt ngôn ngữ chính cho site

Vào Setting > General > Publication Language và đổi tư en sang vi cho ngôn ngữ tiếng Việt.

Cài đặt ngôn ngữ chính cho Portal

Vẫn chưa xong, bạn cần chuyển ngôn ngữ mặc định của Portal sang tiếng Việt.

Vào Setting > Labs và bật Portal translation để ghost tự động chuyển ngôn ngữ cho email và portal theo ngôn ngữ chính bạn đã cài đặt ở trên, cụ thể là tiếng Việt.

Một số trang template không có sẵn đa ngôn ngữ, bạn có thể tạo thủ công dán vào cả 2 bài viết tiếng Việt và Anh của bạn. Làm và lưu lại bằng thẻ Snippet của ghost để tái sử dụng.

<link rel="alternate" href="https://{{domain.com}}/en/{{slug}}/" hreflang="en" />
<link rel="alternate" href="https://{{domain.com}}/{{slug}}/" hreflang="vi-vn" />
<link rel="alternate" href="https://{{domain.com}}/en/{{slug}}/" hreflang="x-default" />

Thay

• {{domain.com}} bằng domain của bạn
• {{slug}} bằng slug của bài viết. Chú ý là copy chính xác, với slug ở dòng hreflang="vi-vn" thì copy đúng slug của bài viết đó. Tương tự với hreflang="en"

Sau đó copy và dán vào cả hai bài viết ở Code injecttion > Post header

Kiểm tra bất kỳ hoặc cả 2 bài nếu bạn làm lần đầu tại: https://technicalseo.com/tools/hreflang/

Để xuất bản một bài viết thành nhiều ngôn ngữ bạn cần nắm các nguyên lý sau:

• Xuất bản 2 bài viết với 2 ngôn ngữ khác nhau. (Bạn phải tự viết 2 bài với 2 URL khác nhau).
• Bài viết bằng ngôn ngữ của bạn được xem là bài viết gốc, bạn có thể xem các bài viết với ngôn ngữ khác là bài viết dịch lại (translated posts). Với Google, thì Google không phân biệt bài nào là bài viết gốc.
• Bạn không bắt buộc luôn phải dịch một bài viết khi xuất bản. Bạn là người quyết định liệu bài viết đó có nên dịch sang ngôn ngữ khác hay không. Không ảnh hưởng tới SEO và chức năng của theme.

TanaFlows sẽ tạo tự động các thẻ ngôn ngữ cho SEO giúp bài viết bạn để tuân thủ theo hướng dẫn Google về blog đa ngôn ngữ.

Cách dùng theme TanaFlows để xuất bản một bài viết đa ngôn ngữ như sau:

Bước 1: Tạo tag nội bộ quy định đa ngôn ngữ - #multilingual

Tag nội bộ #multilingual sẽ quy định bài viết nào là đa ngôn ngữ, cách tạo rất nhanh chóng và không cần khai báo gì thêm.

Bước 2: Gán tag #multilingual vào bài viết bạn muốn đa ngôn ngữ

Bằng việc gán tag #multilingual cho bài viết hay trang, bạn dự định sẽ có phiên bản ngôn ngữ khác cho bài viết đó.

Một điều vô cùng quan trọng là bài viết đa ngôn ngữ phải có cùng slug (Post URL) như nhau.

Slug một bài viết không ảnh hưởng tới SEO. Nếu bạn có phiên bản bài viết tiếng Anh, bạn nên dùng slug theo tiếng Anh để dễ nhớ và phù hợp nhất cho hiển thị trên Google SERP.

Bạn có thể dùng công cụ kiểm tra bài viết đa ngôn ngữ để đảm bảo không lỗi SEO.

Khi bạn hoàn tất việc cài đặt theme TanaFlows, tính năng đa ngôn ngữ sẽ không được kích hoạt mặc định. Điều này bởi vì không phải ai cũng sử dụng trang web đa ngôn ngữ.

Để kích hoạt tính năng đa ngôn ngữ bạn phải có 2 site:

1. Site ngôn ngữ chính - https://domain.com
2. Site ngôn ngữ thứ hai - https://domain.com/en/

Cấu hình 2 site như sau:

Cấu hình site ngôn ngữ chính

Vào Setting > Design > Site-wide và điền ngôn ngữ của site thứ hai vào trường Other language. Trong trường hợp demo bên dưới thì site thứ hai là en - https://domain.com/en/

Cấu hình site ngôn ngữ thứ hai

Vào Setting > Design > Site-wide, điền:

• Other language: ngôn ngữ chính của site bạn, demo là vi như ngôn ngữ chính của ghostFam
• Secondary site: URL của site chính của bạn, demo là https://ghostfam.com không có dấu / ở cuối

Lưu lại và kiểm tra xem site đã có nút chuyển đổi ngôn ngữ chưa nhé (refresh trình duyệt Ctrl + Shift + R).

Trang chính sách riêng tư Privacy là trang phải có khi bạn dùng ghost nói riêng vì bạn cần có để xác thực doanh nghiệp khi tạo tài khoản Mailgun sử dụng.

TanaFlows sẽ tự động nhận liên kết ở chân trang khi bạn tạo xong.

Cách tạo trang Privacy cho theme TanFlows

1. Tạo mới Page
2. Đặt slug là privacy
3. Tạo nội dung tự động cho trang

Cách tạo nội dung tự động bạn vào liên kết sau:

https://app.privacypolicies.com/wizard/privacy-policy

Chọn Website > Điền thông tin site bạn sau đó bấm nút kế tiếp để tạo tự động.

Mặc định trang tạo ra là ngôn ngữ tiếng Anh. Bạn có thể để nguyên để Mailgun có thể đọc trang của bạn hoặc bạn có thể tự dịch ra tiếng Việt như song ngữ.

Trang tài liệu Docs là một trang tài liệu mini one-page chỉ duy nhất 1 trang, nội dung hiển thị dựa trên thanh điều hướng ở Sidebar giúp người dùng tìm kiếm hướng dẫn dễ dàng.

Trang tài liệu sẽ theo nguyên tắc tổng hợp các bài viết bạn quy định riêng cho trang tài liệu và tạo thành 1 trang duy nhất. Cách quy định nhu thế nào thì bạn hãy xem hướng dẫn chi tiết bên dưới.

Tài Liệu

Tài liệu hướng dẫn sử dụng theme TanaFlows: tạo landing page, tối ưu SEO, cài đặt và tổng hợp chỉ dẫn quan trọng.

TanaFlowsCường Trần

Bước 1: Tạo trang tùy chỉnh Tài liệu Docs

• Slug: tùy chọn, như demo là docs
• Page title: tùy chọn, như demo là Tài liệu
• Excerpt: là phần miêu tả sau tiêu đề như hình, bạn tự viết
• Template: bạn chọn template Docs
• Post access: Để Public hoặc Members only nếu bạn muốn trang Docs chỉ được xem bởi thành viên đăng ký. Thông thường là để Public cho Google SEO.
• Nội dung: Phần nội dung sẽ hiển thị bên dưới, bạn tùy ý tạo nội dung. Phần nội dung này hiển thị chính khi người dùng truy cập vào trang tài liệu (Giới Thiệu).
• Tags: nếu bạn dùng đa ngôn ngữ thì gán tag #multilingual không thì để trống.

Bước 2: Tạo các Tags cho trang tài liệu

• Name: tên của Tags là tiêu để heading bên sidebar của tài liệu
• Slug: tùy ý
• Description: phần miêu tả sẽ hiển thị khi người dùng nhấp vào các tiêu đề tương ứng trên sidebar.

Bước 3: Tạo Tags nội bộ #docs

Bước 4: Tạo các bài viết cho trang tài liệu

Bài viết bạn muốn hiển thị trên trang tài liệu, bắt buộc phải có:

• Tag #docs để quy định bài viết là cho trang Tài liệu.
• Tag có color #dddddd ở bước 2 (Demo là 1. Bắt đầu) để quy định bài viết thuộc heading nào trong Sidebar.

Nếu bạn dùng đa ngôn ngữ thì gán thêm tag #multilingual như demo.

---

Một số nguyên tắc cho trang tài liệu

Thứ tự của bài viết bên Sidebar theo thứ tự bảng chữ cái và Featured. Nếu bạn muốn bài viết nằm trên cùng thì có 2 cách:

1. Đặt tên là 1. 2. 3.
2. Featured bài viết để ưu tiên nằm trên các bài viết khác

Cuối mỗi bài viết của trang Tài liệu đều có liên kết về bài viết gốc giúp tạo liên kết nội bộ, tăng cường cho SEO.

Trang Changelog không chỉ đơn thuần là một trang thông tin, mà còn là một công cụ quan trọng để tạo dựng tương tác, tăng cường sự tin tưởng và thể hiện cam kết với khách hàng của bạn.

Thay đổi

Để tạo trang Thay Đổi, bạn vào ghost Dashboard > Tạo mới Page > Template “Changelog”. Trang sẽ tự tổng hợp các bài viết gắn nhẫn nội bộ #changelog.

TanaFlowsCường Trần

Cách tạo trang thay đổi Changelog với 2 bước đơn giản như sau:

Bước 1: Tạo Trang mới với template Changelog

Bạn tạo mới Page:

• Slug *: changelog
• Template: Changelog
• Page title: tùy chọn

Bước 2: Gán tag #changelog cho các bài viết

Để các bài viết chỉ xuất hiện riêng cho trang thay đổi changelog, bạn tạo một tag nội bộ là #changelog và gán vào các bài viết mà bạn muốn chỉ xuất hiện trên trang thay đổi changelog.

Trang liên hệ giúp tạo kênh giao tiếp với khách hàng, xây dựng tin cậy, thu thập thông tin và tối ưu hóa SEO, tạo điều kiện thuận lợi cho sự thành công cho dịch vụ của bạn.

Liên hệ

Liên hệ TanaFlows

TanaFlowsCường Trần

Bước 1: Tạo trang Page mới với template Contact

• Slug: contact
• Page title: tùy chọn
• Template: Contact
• Nội dung: Miêu tả trang

Bước 2: Tạo Form mới từ dịch vụ Formspark

Tạo tài khoản Formspark miễn phí để sử dụng.

Sau khi đăng nhập vào dashboard Formspark, bạn tiến hành tạo form mới

Form action có dạng:

https://submit-form.com/9syxxxx

Dán form action URL vào trong ghost Setting > Design > Site-wide > Contact form

Hoàn thành!

Cách quản lý các tin nhắn liên hệ

Bạn sẽ trả lời trực tiếp khi có tin nhắn mới qua email bằng cách Reply trực tiếp.

Trang chủ là nơi bạn hiển thị các thông tin quan trọng với người xem khi lần đầu ghé xem website của bạn.

Ba mục tiêu chính của trang chủ mà TanaFlows mong muốn đem lại:

1. Điều hướng đến các trang landing page quan trọng của bạn.
2. Tạo chuyển đổi cho sản phẩm dịch vụ của bạn hay phễu đăng ký thành viên.
3. Hiển thị các nội dung mới nhất bao gồm bài viết mới, cập nhật mới và các bài viết nổi bật.

Cách tạo trang chủ cho theme TanaFlows như sau

Bước 1: Bật tính năng trang chủ tùy chỉnh

Vào Setting > Design > Site-wide và chuyển từ custom homepage sang Yes

Bước 2: Tạo trang mới với slug homepage

• Slug (Post URL): homepage
• Tiêu đề: Tùy ý

Bước 3: Điền thông tin cho trang chủ

Trang chủ sẽ lấy các thông tin từ nguồn sau:

1. Setting > General: Bạn điền các thông tin cần thiết trong để trang chủ bổ sung thông tin.
2. Setting > Design > Brand: Bạn tải ảnh bìa chính cho trang chủ

Bước 4: Bổ sung nội dung cho trang chủ (tùy chọn)

Khi bạn tạo trang Homepage ở bước 1, bạn có thể tạo nội dung bổ sung thêm cho trang chủ bởi vì mỗi trang web đều có mục tiêu chuyển đổi riêng, và chỉ bạn mới có thể truyền đạt điều này một cách tốt nhất.

Dựa vào thư viện Snippet của TanaFlows, bạn có thể dùng các bố cục layout khác nhau như demo.

Trang bio Link là một phần quan trọng trong chiến lược định hướng traffic đến trang web của bạn. Được hiểu đơn giản, trang bio Link là một nơi tập trung các liên kết quan trọng nhất mà bạn muốn chia sẻ với khán giả của mình.

Điều này giúp bạn tối ưu hóa việc chuyển hướng traffic một cách hiệu quả, từ các kênh khác nhau như mạng xã hội, blog, hoặc email marketing.

Cường Trần

Nhà sáng lập ghostFam.com, cuongthach.com và phát triển theme ghost TanaFlows. Chuyên giải pháp kiếm tiền online với ghost CMS.

TanaFlowsCường Trần

Cách tạo trang Bio Link như sau:

Bước 1: Tạo trang Page mới với template Bio Link

Tạo mới Page, dùng template Bio Link

• Slug: Tùy chọn, có thể dùng link hay me hay bio
• Page Title: Tên của bạn
• Feature Image: Ảnh Avatar của bạn
• Excerpt: Viết dòng miêu tả ngắn gọn về bạn

Bước 2: Tạo nội dung cho trang Bio Link

Bạn sẽ dùng 4 card chính để tạo nội dung:

1. Heading
2. Text
3. Button Card
4. Bookmark Card

Trang chủ đề sẽ tổng hợp toàn bộ tags trên site của bạn để giúp điều hướng tốt hơn.

Cách làm trang chủ đề đơn giản như sau, tạo mới Page:

1. Slug (Page URL): tags
2. Template: Tags
3. Excerpt: phần miêu tả chung của trang chủ đề, bạn tự viết
4. Page title: Tùy bạn

Lưu và xuất bản trang.

Trang blog sẽ không được tạo tự động, thay vào đó bạn phải tự tạo trang blog, cách làm như sau:

Bạn tạo Page mới và đặt tên slug là blog

1. Slug (Page URL): blog
2. Template: Default
3. Excerpt: phần miêu tả chung của trang blog, bạn tự viết
4. Page title: Tùy bạn

Lưu và xuất bản trang.

Những bài viết được chọn làm Featured sẽ hiển thị trên slider, giúp người dùng dễ dàng tiếp cận và khám phá những nội dung hấp dẫn ngay từ lúc đầu trang.

Slider mang lại trải nghiệm dùng tuyệt vời cho người dùng, khiến cho việc duyệt qua các bài viết quan trọng trở nên thuận tiện và thú vị hơn bao giờ hết.

Bằng cách tăng tính tương tác và hấp dẫn của trang Blog, Tanaflows tin rằng người đọc sẽ cảm thấy hứng thú hơn trong việc khám phá nội dung đa dạng mà trang web mang lại.

Xem thực tế:

Blog

Nhận các hướng dẫn hack, tips và các cập nhật mới nhất về ghost CMS. Mở khóa toàn bộ bài viết độc quyền từ TanaFlows.

Cường TrầnTanaFlows

FAQ Schema là một phần quan trọng của dữ liệu cấu trúc Schema.org được sử dụng để đánh dấu thông tin câu hỏi thường gặp (FAQ - Frequently Asked Questions). Việc sử dụng FAQ Schema có một số lợi ích quan trọng:

1. Nâng cao hiển thị trên kết quả tìm kiếm: Sử dụng FAQ schema giúp các câu hỏi và câu trả lời xuất hiện một cách đáng chú ý trong kết quả tìm kiếm. Điều này thu hút sự chú ý của người dùng và có thể tăng tỷ lệ nhấp chuột đến trang web của bạn.
2. Tăng cơ hội dẫn đến tương tác: Với FAQ schema, người dùng có thể thấy trước câu hỏi mà họ muốn trả lời, giúp tạo ra sự tương tác trước khi họ thậm chí nhấp vào trang của bạn.
3. Cải thiện trải nghiệm người dùng: Việc cung cấp câu trả lời dễ tiếp cận và cấu trúc hợp lý có thể cải thiện trải nghiệm người dùng trên trang web của bạn.

Trang FAQ

TanaFlows tự động tạo cấu trúc schema cho blog hoặc trang FAQ bằng mẫu (template) giúp bạn nâng cao hiệu quả SEO của mình.

TanaFlowsCường Trần

Bước 1: Tạo tag nội bộ #faq-schema

Bạn cần tạo nhanh tag nội bộ FAQ schema để sử dụng:

Bước 2: Gán tag #faq-schema vào bài viết hoặc page

Bất cứ bài viết nào bạn có các heading h2 kết thúc với dấu "?" bạn đều có thể gán tag #faq-schema

TanaFlows sẽ tự động tạo FAQ schema tự động cho bạn với heading 2 là câu hỏi và nội dung bên dưới heading 2 sẽ là câu trả lời. Kết thúc câu trả lời là heading kế tiếp hoặc kết thúc bài.

Để kiểm tra bài viết có tạo FAQ schema chưa bạn dùng công cụ của Google

Rich Results Test - Google Search Console

Search Test Tool