inflearn logo

Tạo blog Naver dạng trang web bằng AI: Từ thiết kế skin đến chèn liên kết

Thay vì tốn chi phí thiết kế website đắt đỏ, hãy biến blog Naver của bạn thành một trang web chuyên nghiệp. Bạn sẽ được học cách tự tạo giao diện blog dạng website bằng cách sử dụng Google Stitch và mẫu Figma, cũng như cách kết nối các menu, tư vấn, đặt chỗ và liên kết cửa hàng thông qua các widget trong suốt. Ngay cả khi không biết về thiết kế hay lập trình, chỉ cần làm theo trình tự bài giảng, bạn có thể tự cấu hình trang đầu tiên của blog thành một trang giới thiệu chuyên nghiệp, đồng thời có thể tự mình chỉnh sửa và quản lý.

1 học viên đang tham gia khóa học này

Độ khó Nhập môn

Thời gian Không giới hạn

Figma
Figma
AI
AI
Figma
Figma
AI
AI

Bạn sẽ nhận được điều này sau khi học.

  • Tự thiết kế giao diện blog Naver bằng cách sử dụng mẫu Figma

  • Tạo bản phác thảo giao diện blog với không khí mong muốn bằng Google Stitch

  • Kết nối liên kết đến các khu vực menu, nút bấm, hình ảnh bằng widget trong suốt

  • Kết nối đến các trang mong muốn như tư vấn KakaoTalk, đặt chỗ, Smart Store, Instagram, v.v.

  • Sử dụng 3 loại giao diện blog dạng trang chủ được cung cấp và trực tiếp chỉnh sửa

Cách thay đổi Naver Blog thành giao diện như một trang web, khóa học thiết kế blog dạng website.

Bạn đang vận hành blog, nhưng có bao giờ bạn cảm thấy tiếc nuối vì
màn hình đầu tiên trông quá bình thường không?


Nếu bạn cảm thấy chi phí thuê đơn vị ngoài quá tốn kém,
còn tự làm thì lại thấy khó khăn vì không biết thiết kế hay code
nên không biết phải bắt đầu từ đâu,
thì hãy thử tự mình tạo một blog dạng trang chủ thông qua bài giảng lần này nhé.


Khóa học này được thiết kế để ngay cả những người không am hiểu về thiết kế hay mã code cũng có thể
từng bước làm theo và trang trí blog Naver của mình giống như một trang web chính thức.


Bạn sẽ được học cách chỉnh sửa mẫu Figma, tạo hình ảnh giao diện (skin) theo phong cách mong muốn bằng Google Stitch, và cách sử dụng widget trong suốt để gắn liên kết vào menu và các nút bấm.


Mục tiêu không chỉ dừng lại ở việc trang trí cho đẹp mắt, mà là biến màn hình đầu tiên của blog thành một trang hướng dẫn để khách truy cập có thể dễ dàng di chuyển đến các trang tư vấn, đặt chỗ, mua hàng hoặc liên hệ.


Blog dạng website là gì?

Blog dạng website là blog được trang trí để trông giống như một trang web chính thức từ một blog Naver thông thường. Khi nhắc đến blog, chắc hẳn nhiều người sẽ nghĩ ngay đến hình thức các bài viết được xếp chồng lên nhau từ trên xuống dưới.


Blog dạng website không chỉ đơn thuần là một blog tập hợp các bài viết, mà là cách thiết kế bằng việc bố trí các yếu tố thường thấy trên một trang web như giới thiệu thương hiệu, menu, hướng dẫn dịch vụ, nút liên hệ ngay trên màn hình đầu tiên, giúp người truy cập có thể dễ dàng tìm thấy thông tin cần thiết.


Ví dụ, nếu là blog của học viện, bạn có thể thêm các menu như giới thiệu học viện, hướng dẫn lớp học, thời khóa biểu, tư vấn; nếu là blog của xưởng thủ công, bạn có thể thêm các nút hướng dẫn lớp học, ảnh tác phẩm, yêu cầu đặt chỗ. Nếu là blog của trung tâm mua sắm hoặc thương hiệu cá nhân, bạn có thể kết nối với Smart Store, Instagram, tư vấn KakaoTalk, trang portfolio để sử dụng blog như một trang giới thiệu tổng hợp.


Tại sao nên tạo blog dạng trang chủ?

Để tạo một trang web, bạn có thể phải tốn nhiều loại chi phí khác nhau như chi phí tên miền, chi phí máy chủ và chi phí sản xuất. Tất nhiên, tùy vào mục đích mà có những trường hợp nhất thiết phải cần một trang web riêng, nhưng ở giai đoạn mới bắt đầu, gánh nặng về chi phí và quản lý có thể sẽ rất lớn.


Blog dạng trang chủ tận dụng nền tảng Naver Blog sẵn có, nên bạn có thể tạo ra một màn hình đầu tiên đầy chuyên nghiệp mà không cần chuẩn bị máy chủ hay tên miền riêng. Ngoài ra, bạn có thể vừa đăng bài viết trên blog vừa cung cấp thông tin hướng dẫn, giúp nó hoạt động như một trang liên kết dẫn đến các mục quảng bá, tư vấn, đặt chỗ hoặc đăng ký.


Sau khi nghe bài giảng này, bạn có thể tạo ra những thứ như thế này

  • Bạn có thể thay đổi giao diện trang chủ của blog Naver thông thường thành một giao diện trông giống như một trang web chính thức.

  • Bạn có thể trực tiếp tạo các khu vực có thể nhấp vào như menu trên cùng, nút hình ảnh và nút tư vấn.

  • Bạn có thể kết nối khách truy cập với các liên kết mong muốn như tư vấn KakaoTalk, đặt chỗ Naver, Smart Store, Instagram và các trang web bên ngoài.

  • Bạn có thể chỉnh sửa các mẫu (template) có sẵn để tạo giao diện blog phù hợp với lĩnh vực kinh doanh và phong cách của mình.

  • Bạn có thể trực tiếp tạo hình ảnh giao diện theo phong cách mong muốn bằng cách sử dụng Google Stitch.

  • Khi có sự kiện, mùa mới, hoặc khi có các lớp học hay sản phẩm mới, bạn có thể trực tiếp chỉnh sửa mà không cần phải yêu cầu qua đơn vị dịch vụ.


Lợi ích khi có thể tự mình tạo ra

Nếu thuê đơn vị ngoài, việc thiết kế ban đầu có thể thuận tiện, nhưng sau này ngay cả khi chỉ muốn thay đổi một dòng chữ hay một hình ảnh, bạn thường phải yêu cầu họ mỗi lần như vậy. Tuy nhiên, nếu bạn có thể tự làm, bạn có thể chỉnh sửa ngay lập tức vào những lúc cần thiết. Bạn có thể chèn banner sự kiện trong thời gian diễn ra chương trình, thay đổi không khí giao diện theo mùa, và trực tiếp thay đổi menu cũng như hình ảnh khi có sản phẩm hoặc lớp học mới. Chỉ cần học cách làm một lần đầu tiên, bạn sẽ có thể quản lý blog lâu dài và linh hoạt hơn.


Tôi đề xuất cho những đối tượng sau đây

  • Những người đang vận hành Naver Blog nhưng muốn trang trí trang chủ trông chuyên nghiệp hơn

  • Những ai muốn sử dụng blog của học viện, xưởng thủ công, bệnh viện, studio, trung tâm mua sắm hay thương hiệu cá nhân như một trang web chính thức.

  • Những người cảm thấy chi phí thuê đơn vị ngoài quá tốn kém và muốn tự mình thực hiện những chỉnh sửa đơn giản.

  • Những người muốn tạo ra thành phẩm bằng cách làm theo từng bước một dù không am hiểu về thiết kế hay mã code.

  • Những ai muốn sắp xếp các liên kết dẫn đến tư vấn, đặt chỗ, mua hàng, và hỏi đáp một cách đẹp mắt ngay trên màn hình đầu tiên của blog.

  • Những người muốn tự mình thay đổi giao diện blog cho phù hợp với các sự kiện hoặc mùa trong năm


Không biết về thiết kế hay mã code cũng không sao cả

Khóa học này không dành cho các nhà thiết kế hay nhà phát triển chuyên nghiệp. Ngay cả những người lần đầu tiên tạo blog dạng trang chủ cũng có thể thực hiện từng bước một, từ việc cài đặt các chương trình cần thiết để có thể
làm theo đúng thứ tự. Dù bạn lần đầu sử dụng Figma cũng không sao. Dù bạn lần đầu nghe đến Google Sites cũng không sao. Hay dù bạn còn lạ lẫm với việc thiết lập widget trong suốt hay cài đặt liên kết thì cũng không vấn đề gì cả.


Trong bài giảng, tôi sẽ giải thích dễ hiểu những phần cần thiết
và hướng dẫn bạn thực hiện từng bước một theo trình tự công việc thực tế.


Khóa học sẽ diễn ra như thế này

Đầu tiên, chúng ta sẽ tìm hiểu một cách dễ dàng về blog dạng trang chủ là gì và tại sao nó lại cần thiết. Tiếp theo, bạn sẽ học cách cài đặt các chương trình và font chữ cần thiết cho bài giảng, cũng như cách tải tài liệu học tập. Sau đó, bạn sẽ học cách tạo giao diện blog bằng cách trực tiếp chỉnh sửa các mẫu (template) được cung cấp. Tiếp đến, chúng ta sẽ học cách sử dụng các widget trong suốt để kết nối liên kết vào menu và các nút bấm. Cuối cùng, bạn sẽ được học cách tạo hình ảnh giao diện blog theo phong cách mình mong muốn bằng cách sử dụng Google Stitch.


Mục tiêu của bài giảng này rất đơn giản

Mục tiêu không phải là tạo ra mọi thứ hoàn hảo như một nhà thiết kế chuyên nghiệp, mà là bạn có thể tự mình tạo ra những giao diện cần thiết cho blog và trực tiếp chỉnh sửa chúng bất cứ khi nào cần.


Đừng chỉ xem blog là không gian để đăng bài đơn thuần, hãy biến nó thành một không gian có thể giới thiệu thương hiệu của bạn và dẫn dắt khách truy cập thực hiện các hành động như liên hệ, đặt chỗ hoặc mua hàng.


Ban đầu có thể bạn sẽ cảm thấy khó khăn, nhưng nếu làm theo trình tự bài giảng, bạn hoàn toàn có thể thực hiện được từ việc chỉnh sửa template cơ bản cho đến việc tạo ra một giao diện blog mang đậm dấu ấn cá nhân của riêng mình.


Giờ đây, hãy biến blog Naver của bạn thành một không gian chuyên nghiệp hơn, đẹp mắt hơn và có tính ứng dụng cao hơn. Chúng ta sẽ cùng nhau thực hiện từng bước một từ những khâu đầu tiên trong khóa học thiết kế blog giao diện website này.


Hãy bắt đầu ngay bây giờ

Trước khi thuê đơn vị ngoài hay làm một trang web đắt tiền, hãy thử thay đổi blog Naver của bạn thành giao diện dạng website trước. Bằng cách vừa xem bài giảng vừa làm theo, bạn sẽ học được cách tạo skin phù hợp với blog của mình, kết nối các liên kết cần thiết và nắm vững phương pháp để có thể tự quản lý trong tương lai. Hãy bắt đầu tạo blog dạng website ngay bây giờ.

Sau khi nghe bài giảng, bạn có thể tự mình tạo ra một blog như thế này.

Mẫu cơ bản

Bạn sẽ học cách chèn một liên kết vào widget trong suốt.

Mẫu nhiều liên kết

Bạn sẽ được học cách chèn nhiều liên kết vào widget trong suốt.

Nội dung khóa học

  • Đây là khóa học được xây dựng tập trung vào thực hành, giúp bạn nhận được thành quả có thể sử dụng ngay lập tức sau khi hoàn thành khóa học.


Phần (1) Tìm hiểu về blog dạng trang web

Vừa xem blog dạng trang chủ đã hoàn thiện, vừa tìm hiểu cách để tạo ra một blog dạng trang chủ như thế nào.

Phần (2) Làm theo hướng dẫn

Thực hiện các thiết lập cho blog dạng trang web như widget trong suốt và tìm hiểu cách liên kết các đường dẫn bằng cách sử dụng mẫu (template) được cung cấp trong bài giảng.

Phần (3) Tự tạo giao diện cho riêng mình

Tìm kiếm tài liệu tham khảo và sử dụng công cụ thiết kế AI Google Stitch để tạo bản thảo dựa trên tài liệu tham khảo, sau đó chỉnh sửa chi tiết trong Figma.

Phần (4) Tài nguyên thiết kế

Chia sẻ các trang web cung cấp hình ảnh và phông chữ miễn phí để bạn có thể tạo ra các giao diện (skin) đa dạng hơn.

Lợi ích được cung cấp khi mua khóa học

🎁 3 mẫu template blog dạng trang web có thể sử dụng ngay lập tức

  • Cung cấp file Figma có thể chỉnh sửa.

  • Chỉ cần chỉnh sửa văn bản, thay thế hình ảnh và thay đổi màu sắc là bạn có thể hoàn thành ngay giao diện blog của mình.


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những ai muốn trang trí blog Naver một cách chuyên nghiệp như một trang web chính thức

  • Những người muốn tự mình thay đổi giao diện trang chủ blog mà không tốn chi phí thuê đơn vị sản xuất

  • Những người đang vận hành blog cho học viện, xưởng thủ công, bệnh viện, studio, trung tâm mua sắm hoặc thương hiệu cá nhân

  • Những người muốn tạo blog dạng menu kết nối với tư vấn, đặt chỗ, mua hàng, Instagram, v.v.

  • Những người đang tìm kiếm khóa học thiết kế blog mà bất kỳ ai cũng có thể làm theo ngay cả khi không biết về thiết kế hay lập trình

  • Những người muốn tự mình chỉnh sửa giao diện blog để phù hợp với các thay đổi về sự kiện, mùa và sản phẩm

  • Những người muốn tạo ra kết quả nhanh chóng bằng cách sử dụng các công cụ thiết kế AI và mẫu Figma.

Cần biết trước khi bắt đầu?

  • Bạn có thể tham gia khóa học ngay cả khi không có kinh nghiệm thiết kế hay kiến thức về lập trình.

  • Ngay cả khi bạn lần đầu sử dụng Figma, chúng tôi sẽ hướng dẫn để bạn có thể làm theo đúng những phần cần thiết trong bài giảng.

  • Chỉ cần bạn đang vận hành hoặc có kế hoạch tạo mới một blog Naver là đủ.

  • Chỉ cần có khả năng sử dụng máy tính cơ bản như sao chép, dán và mở tệp là được.

Xin chào
Đây là sahwang

514

Học viên

25

Đánh giá

4

Trả lời

4.8

Xếp hạng

2

Các khóa học

No-code Bubble.io cung cấp hướng dẫn dễ thực hiện để bất kỳ ai cũng có thể biến ý tưởng của mình thành dịch vụ web.

Đi tới Brunch

Chương trình giảng dạy

Tất cả

11 bài giảng ∙ (1giờ 2phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

31 ₫

28%

1.160.682 ₫