Bài 7: Hướng dẫn cài theme WordPress-giao diện cho website WordPress

Cài đặt theme Wordpress

Theme- hay còn gọi là Giao diện website của WordPress thực sự quá bá đạo, bá đạo từ ngày xưa đến nay rồi. Đặc biệt trước đây mình có sử dụng một số mã nguồn khác trước khi đến với WordPress thì thấy rằng khi cài theme cho WordPress nó dễ dàng hơn nhiều cũng như thời điểm hiện nay thì có quá nhiều theme hỗ trợ.

Cài thêm cho WordPress thì có hai loại, một là từ thư viện có sẵn MIỄN PHÍ của WordPress, và một loại là bạn Upload ( thường dành cho những theme trả phí mà bạn có kiếm cũng không có)

Một số theme nổi tiếng hiện nay

  • Genesis- Đến từ Studio Press: Đây là một hãng làm theme WordPress rất lớn, Genesis thì chuẩn seo, nhẹ, dễ dàng cài đặt và hiện nay rất nhiều website lớn đang sử dụng Genesis.
  • Flatsome: Theme bán hàng số 1 trên thế giới hiện nay dành cho WordPress

Những website đang sử dụng Theme nào

Theme WordPress là gì?

Theme WordPress | Giao diện website WordPress là bề ngoài dành cho website của bạn, nếu theo xuyên suốt chương trình hướng dẫn tạo website ngay từ đầu, mình có thể giải thích

Theme WordPress được ví như cách bạn bài trí cho ngôi nhà bạn, khi bạn có ngôi nhà đẹp rồi thì việc khoác cho nó một bộ áo đẹp chính là cách để khách hàng đánh giá một phần về sự đầu tư và chăm sóc cho website của bạn.

Cài đặt theme WordPress
Cài đặt theme WordPress

Theme WordPress cũng lên đến hàng triệu loại, nhưng có lẽ một số gương mặt nổi bật đã chiếm tới 90% giao diện đang được sử dụng. Vì thế, mình sẽ hướng dẫn bạn cài đặt Theme Flatsome. Đây là Theme cực đỉnh của việc phát triển website, tuỳ biến siêu khủng khiếp.

Hướng dẫn cài theme wordpress

Đầu tiên, mình nói luôn là mình hướng dẫn cài theme Flatsome – Một thêm siêu xịn mà thường thì phải qua vài lần cài theme,lựa chọn giao diện bạn mới hiểu nó mạnh mẽ đến nhường nào. Tuy nhiên, mình sẽ hướng dẫn cũng như chia sẻ với bạn đọc luôn. Để bạn đọc sẽ đỡ đi thời gian thử nghiệm.

Thông tin về theme Flatsome

Theme Flatsome là theme trả phí, bạn phải bỏ tiền ra để mua được theme này sử dụng. Tuy nhiên, với hầu hết mọi người thì đây là một mức giá khá cao. Nên trước mắt bạn hãy sử dụng theme của mình tải về để phát triển trước, sau này khi có điều kiện nhất định hãy nên tự mua key, bản quyền để sử dụng nhé!

Theme Flatsome

Thông tin và Mua theme Flatsome ( giá 59USD): https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319

Link tải bản của mình: ( bạn tải sẵn theme về đi nhé)

Key Flatsome: 8f93cd51-5246-4505-9228-9a4137e6ec00


Cài đặt theme WordPress

Chuẩn bị: Bạn tải sẵn thêm Flatsome mình giới thiệu bên trên về máy tính nhé.

Bước 1: Bạn đăng nhập vào Website WordPress: như của mình là ví dụ trong các bài trước là  https://vuakinhmat.com/wp-admin

Đăng nhập WordPress
Đăng nhập WordPress

Bước 2: Truy cập vào Giao diện.

Chọn mục thêm mới.

Thêm mới giao diện WordPress
Thêm mới giao diện WordPress

Chọn tiếp ” tải giao diện lên”

Tải giao diện website WordPress
Tải giao diện website WordPress
Upload giao diện WordPress
Tải giao diện lên > Chọn Choose File

Bạn tìm đến file tải về ( giải nén ra, chọn đến Theme File>. chọn Flatsome *** ( phiên bản tải về)

Chọn theme Flatsome
Chọn theme Flatsome


Kích hoạt giao diện Flatsome

Chọn kích hoạt

Thông tin giới thiệu về trình cài đặt theme WordPress
Thông tin giới thiệu về trình cài đặt theme WordPress

Chọn Let’s Go!

Điền Key Flatsome vào đây
Điền Key Flatsome vào đây

Bạn điền Key Flatsome: 8f93cd51-5246-4505-9228-9a4137e6ec00 vào và chọn Activate

Báo lại Key ok, click vào Continue

Báo lại Key ok, click vào Continue

Active theme xong là chuyển đến tạo và thiết lập Child Theme

Thiết lập Child Theme Flatsome

Giải thích một chút ở bước này: Flatsome là theme chính, nó sẽ tạo ra một Child theme- theme con để khi bạn sửa đổi, tác động lên child theme này sẽ ít ảnh hưởng đến code lõi của Theme.

Thiết lập Child theme Flatsome
Thiết lập Child theme Flatsome, Child theme thì đặt tên là gì cũng được, để mặc định Flatsome Child cũng được. Rồi nhấn vào Create and Use Child Theme

Cài đặt Plugin liên quan đến Theme

Theme này được tối ưu, vì thế họ sẽ đề cử một số Plugin đi kèm để tăng cường tối đa khả năng của theme Flatsome

Các Plugin này tôi đã giới thiệu ở bài ” Hướng dẫn cài đặt Plugin ” toàn Plugin quan trọng cả. Bạn nên cài vào

  • Contact Form 7 : Tạo Form đăng ký thông tin, ví dụ như Form đăng ký lắp mạng FPT
  • Nextend Social Login : Đăng nhập các site mạng xã hội
  • Unlimited Sidebars Woosidebars Bổ sung tính năng cho trang bán hàng
  • WooCommerce : Tạo một trang bán hàng chuyên nghiệp
  • YITH WooCommerce Wishlist : Bổ sung tính năng cho trang bán hàng
Cài Plugin bổ sung cho Flatsome
Cài Plugin bổ sung cho Flatsome

Ở đây sẽ có hai lựa chọn, Skip this Step ( bỏ qua bước này, không cài mấy Plugin giới thiệu )đó hoặc Continue ( cài những Plugin kia ) bạn nên chọn Continue

Import nội dung Demo

Flatsome họ tạo sẵn một số nội dung demo, bài viết,sản phẩm … bạn nên chọn trong trường hợp như sau:

  • Nếu đã có bài viết có sẵn, thì không nên Import
  • Nếu chưa có bài viết, mới hoàn toàn thì nên Import, một số thiết lập mặc định để bạn định hình lại sẽ trình bày ra sao, như thế nào.
Import nội dung demo
Import nội dung demo

Chọn Skip this Step ( bỏ qua bước này) hoặc Continue ( để tiếp tục ) >> Nên chọn Continue

Cài giao diện mặc định cho theme Flatsome

Như đã nói thì Flatsome là một loại giao diện siêu tuỳ biến, từ theme gốc bạn sẽ có thể tạo ra nhiều loại Child theme khác nhau. Và Flatsome cũng giới thiệu cho bạn một số giao diện gốc, mẫu khá ok để bạn lựa chọn

Chọn giao diện cho Flatsome
Chọn giao diện cho theme Flatsome

Phần logo: Bạn có thể upload trực tiếp logo website của bạn lên đó, nếu không thì logo mặc định là logo của Flatsome luôn. SAU NÀY BẠN THÍCH THAY LOGO LÚC NÀO CŨNG ĐƯỢC NHÉ

Phần Select Preset : Bạn lựa chọn giao diện mình thích, họ tạo sẵn cho bạn luôn rồi. Có đâu tầm chục mẫu đó.

Sau đó nhấn Continue nhé

Cài đặt xong theme WordPress Flatsome

yeah! sau một số bước thì đây là thời điểm bạn nếm quả ngọt nè. Chúc mừng bạn đã cài đến bước cuối cùng rồi. Chỉ cần chọn Agree and Continue

Cài đặt hoàn thiện Flatsome
Cài đặt hoàn thiện Flatsome

  • View your new website! : Click ngay vào đây để xem website của bạn như thế nào nhé

Một số thông tin mà bạn sẽ cần quan tâm sau khi cài theme WordPress.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *