Hướng dẫn chi tiết: Trình bày bài nội dung đẹp

MỜI THAM KHẢO:
Tất cả những bài viết Tutorial
ĐỂ SÁNG TẠO NỘI DUNG NHƯ Ý!

HƯỚNG DẪN CHI TIẾT
Để viết một bài nội dung chất lượng cao

Chúng tôi cảm thấy hạnh phúc thay nếu như người đọc truy cập trên máy tìm kiếm Google, tìm được nội dung chất lượng đúng như mong chờ của họ.
Và chúng ta ở đây để cố gắng góp phần làm được điều đó...
Và vui hơn nữa, nếu ta tin chắc rằng ta có thể làm được dễ dàng ngay tại đây, từ bây giờ.

Chúng ta luôn biết rằng, một trang nội dung chất lượng(trên website nào đó), nội dung luôn là phần quan trọng nhất. Ở đây, chúng tôi chỉ đề cập đến cách trình bày một nội dung có sẵn để người đọc cảm thấy rõ ràng, dễ hiễu; tối ưu tốc độ truy xuất, luôn hiển thị đẹp trên mọi kích cỡ màn hình từ điện thoại đến màn hình vi tính cỡ lớn.

ĐỂ TRÌNH BÀY MỘT NỘI DUNG CHUYÊN NGHIỆP

Phải hiểu rằng, khi truy cập một đường dẫn từ một trang web bất kỳ, kết quả hiển thị ra trên trình duyệt là "một trang nội dung".
Trang nội dung được đề cập ở đây đơn giản hơn thế: vì không bao gồm khung viền (header, footer bao gồm các menu, logo vv). Trang nội dung ở đây có thể là một đoạn văn bản dài, có kèm hình vv, hoặc phức tạp hơn tùy vào người soạn thảo (ở chế độ AMP-HTML Code) - tức là sẵn sàng cho khả năng sáng tạo không giới hạn.
Chúng tôi mong muốn rằng, làm thế nào để chỉ cho bạn cách tạo ra trang nội dung "có bố cục" như ý, và có cách làm đẹp tại từng đơn vị bên trong bố cục đó. Thuật ngữ chuyên môn gọi đây là sử dụng ngôn ngữ HTML và CSS.
Tại đây, chúng tôi sẽ không chuyên sâu về HTML và CSS. Chúng tôi sẽ tạo ra các ví dụ mẫu, hết sức cơ bản, từ đó phân tích để bạn hiểu cách sử dụng và tùy biến theo ý của mình... dần dần bạn sẽ có một kiến thức đầy đủ về HTML và CSS để có thể lên ý tưởng, lập trình hoặc thiết kế mọi trang nội dung không thể tốt hơn.

Sơ lược:
Một nội dung (layout) bao gồm nhiều khối hình chữ nhật(khối - gọi là div). Bên trong mỗi khối có: nhiều khối nhỏ hơn hoặc các đoạn text, hoặc media (hình, mp3, video mp4) hoặc các cách trình bày khác - gọi là viết AMP-HTML Tags.
Tại mỗi đơn vị bên trong nội dung, ta có thể chỉnh kiểu font chữ, kích thước, màu sắc, vị trí..
Thêm nữa, làm theo CSS-Grid để áp dụng cho từng khối hoặc html-tag: thay đổi vị trí, hoặc cho ẩn đi trên điều kiện kích thước màn hình (điện thoại, ipad, laptop và màn hình to hơn).

Ghi chú: Khi bạn ở trang soạn thảo nội dung (trang admin cung cấp bởi W3AMP), có sẵn các hướng dẫn: nhiều cách làm tắt để nhúng những đoạn code thường dùng, ví dụ nhúng bản đồ, slide, video youtube... Những kiểu viết rút gọn như vậy giúp cho bạn cảm thấy tiện nghi và không bị gián đoạn ý tưởng sáng tạo của mình. Xin xem thêm ở đây.

TRÊN THỰC TẾ: KHI THỰC HÀNH

Trên đây là tóm lược đầy đủ kiến thức một cách cô đọng và ngắn gọn nhất để đáp ứng nhu cầu cơ bản - thiết kế layout.
Nhưng khi áp dụng thực tế, có thể bạn không còn nhớ những cách thức này. Bạn hãy luôn luôn sẵn sàng tìm kiếm các hướng dẫn khác từ Google.
Cách bạn tìm là gõ từ khóa: "CSS HTML + nhu cầu trình bày". Có một số ít trường hợp nó không hợp lệ với công nghệ AMP, bạn cũng đừng quá lo lắng về điều đó. Khi bạn test công cụ AMP hoặc trên webmaster-tool của Google sẽ có báo cho bạn đoạn code nào không hợp lệ, và cách khắc phục nó.
Định kỳ, hệ thống Support của W3AMP sẽ kiểm tra tất cả các đường link từ website,blog (có đăng ký) của khách hàng để phát hiện ra lỗi, đề xuất cách trình bày... tối ưu cho bạn.

Tóm lại, đừng chần chờ trong việc sáng tạo ra những nội dung mà cả thế giới đang mong chờ ở bạn!