Cách thiết kế ảnh bìa trang web trên BlogCover

Khi thiết kế trang web thì việc thiết kế ảnh bìa là một trong những thao tác cần thiết để định hình được trang web của bạn, cũng như gây được ấn tượng với người khác khi truy cập vào website của bạn. Có rất nhiều trang web hỗ trợ người dùng thiết kế trang bìa như BlogCover chẳng hạn.

BlogCover không yêu cầu người dùng tạo tài khoản để sử dụng mà có thể thiết kế được luôn. Trang web cung cấp đầy đủ các mục để người dùng thiết kế ảnh bìa, từ kích thước, font nền, kiểu chữ hay những biểu tượng khác cho ảnh bìa. Bài viết dưới đây sẽ hướng dẫn bạn đọc cách thiết kế trang bìa trên BlogCover.

Hướng dẫn tạo ảnh bìa trên BlogCover

Bước 1:

Chúng ta truy cập vào link dưới đây để vào trang chủ của BlogCover.

https://blogcover.now.sh/

Bước 2:

Chúng ta tiến hành thiết lập ảnh bìa cho trang web của mình. Trước hết tại Properties chúng ta sẽ thấy một loạt các mục tùy chọn thuộc tính cho ảnh bìa.

  • Blog: Chọn blog muốn tạo ảnh bìa mà dịch vụ hỗ trợ (Dev.to, HashNode, Medium).
  • Width: Tự nhập kích thước chiều rộng cho ảnh bìa.
  • Height: Nhập chiều cao cho ảnh bìa.
  • Format: Chọn định dạng lưu cho ảnh bìa.
  • Border: Chọn đường viền cho ảnh bìa.
  • Border Color: Chọn màu cho viền ảnh bìa.
  • Border Radius: Chỉnh độ bo tròn của góc ảnh bìa.

Thiết lập thuộc tính ảnh bìa

Khi đó ảnh bìa sẽ có hình dáng đầu tiên như hình dưới đây.

Hình dạng đầu tiên của ảnh cover

Bước 3:

Tiếp đến chúng ta chọn hình nền cho ảnh bìa để thay ảnh bìa mặc định của trang web. Nhấn vào phần Background để thay hình nền. Trong phần này cũng có các mục thiết lập nội dung khác nhau.

  • Background: Chọn màu nền khác cho ảnh bìa nếu muốn.
  • Background Image URL: Sử dụng hình nền cho ảnh bìa có trên web, dán link ảnh bìa để sử dụng ở khung bên dưới.
  • Dùng hình nền có sẵn của BlogCover: Bên dưới đã có hình nền mà BlogCover cung cấp. Nếu muốn đổi hình nền khác thì chọn Try Another. Nếu muốn dùng hình nền này thì chọn Use this image.
  • Darken Background: Chỉnh độ tối màu cho hình nền.

Thay đổi Background

Bước 4:

Chuyển tới mục Font để viết các tiêu đề ảnh bìa như lời chào, lời giới thiệu để tạo được sự chú ý tới người khác.

  • Font Name: Chọn font chữ muốn sử dụng. Chúng ta có thể nhập trực tiếp tên font chữ muốn sử dụng, hoặc nhấn vào biểu tượng ? để mở font chữ trong Google Fonts.
  • Heading Font Size: Chọn kích thước cho dòng chữ tiêu đề chính.
  • Summary Font Size: Chọn kích thước cho dòng chữ phụ.
  • Font Color: Bạn chọn màu sắc cho phông chữ.

Chọn font chữ

Sau đó chúng ta nhập nội dung các tiêu đề vào từng dòng cụ thể.

Nhập nội dung tiêu đề

Các dòng chữ đều có thể chỉnh vị trí trong vùng ảnh bìa, bằng cách di chuột vào biểu tượng mũi tên chữ thập rồi di tới vị trí khác mà bạn muốn đặt tiêu đề chính hoặc phụ.

Điều chỉnh vị trí tiêu đề

Bước 5:

Nếu người dùng muốn dùng hình ảnh của mình để thêm vào ảnh bìa thì tại mục Insert Image, chúng ta nhấn vào Choose File để tải hình ảnh của bạn lên.

Phần Quick Insert sẽ là các biểu tượng nếu cần để chèn vào hình ảnh.

Choose File

Lưu ý nếu chèn thêm hình ảnh thì BlogCover tự động chỉnh kích thước để phù hợp ảnh bìa, nên chúng ta sẽ không tự chỉnh được kích thước.

Choose File

Bước 6:

Nếu đã ưng ý với ảnh bìa mà bạn thiết kế thì nhấn tiếp vào nút Download Image ở góc phải phía trên để tải ảnh bìa xuống.

Tải ảnh bìa

Giao diện của BlogCover cũng có thể chuyển sang nền đen nếu muốn khi bật chế độ tối màu.

Chuyển sang nền đen

BlogCover nhìn chung cung cấp các tùy chọn thiết lập rất đơn giản, không hề phức tạp khi mọi nội dung đều được phân thành từng nhóm riêng biệt. Ảnh bìa sử dụng hình ảnh có sẵn mà BlogCover cung cấp nên có nhiều chủ đề hơn cho bạn chọn.

Chúc các bạn thưc hiện thành công!

Thứ Sáu, 25/10/2019 22:11
52 👨 1.531
0 Bình luận
Sắp xếp theo