Bước đầu tạo website bằng flatsome

Bước đầu tạo website bằng flatsome

Tạo website bằng flatsome để bán hàng hoặc làm tiếp thị ? Trong bài Kiếm tiền lúc rảnh với tiếp thị liên kết mình đã nói cách đăng ký làm publisher trên trang accesstrade để làm liên kết. Việc cần làm của các bạn bây giờ là xây dựng một website và SEO content để đẩy top Google Search.

Để đọc và làm theo tiếp bài này bạn cần xem lại 2 bài trước :

Kiếm tiền lúc rảnh với tiếp thị liên kết : Để biết cách đăng ký tài khoản trên AccessTrade

Làm web tiếp thị liên kết với accesstrade : Để biết cách đăng ký hosting – tên miền và các theme phù hợp và lên ý tưởng như thế nào để xây dựng một website tiếp thị liên kết.

Trong bài này mình sẽ hướng dẫn các bạn từng bước từng bước để tạo nên một website, từ các bước cài đặt localhost bằng phần mềm xampp, đến cài đặt wordpress và cài đặt theme flatsome vào wordpress. Các bạn cứ thong thả, mọi việc cũng rất đơn giản, không cần phải biết code đâu.

Cài đặt WordPress lên localhost

Không nói đến khái niệm dài dòng thì bạn hiểu Localhost như sau : Thay vì bạn mua một hosting trên các nhà cung cấp dịch vụ như azdigi đã đề cập ở bài trước, thì bạn sẽ làm web trên máy tính của mình trước. Sau khi mọi việc chỉnh chu thì bạn mới bắt đầu upload code của bạn lên hosting.

Vậy Localhost là một nơi có thể chạy được code của bạn, tức là nó gần như một cái hosting, chỉ là chạy local trên máy tính của bạn, và chỉ bạn có thể truy cập được.

Để sử dụng localhost thì chúng ta có sẵn gói phần mềm xampp giúp bạn làm việc này.

Cài đặt Xampp

Bước 1. Tải xampp về máy tại https://www.apachefriends.org/download.html

Bước 2. Cài đặt xampp

Bước 3. Khởi động các module Apache và MySQL trên Xampp

Bật xampp lên và nhấn start ở 2 dòng Apache và MySQL để khởi động 2 module này

Pasted 103

Bước 4. Thư mục chứa code của bạn trên xampp

Bạn mở thư mục cài đặt xampp lên, nếu không biết cài ở đâu thì bạn bấm vào nút Explorer để mở

Pasted 104

Như của mình lúc cài mình chọn cài vào ổ đĩa H, và đường dẫn thư mục xampp của mình là H:\xampp

Tiếp tục bạn cần chú ý đến thư mục htdocs như hình dưới, nó là thư mục lưu các trang web của bạn

Pasted 105

Để tạo một website bạn cần vào thư mục htdocs và tạo thư mục chứa web của bạn

Tên miền local để chạy trang web là http://localhost/tên_thư_mục

Ví dụ trong H:\xampp\htdocs mình tạo các trang web như hình dưới, thì muốn chạy các trang web dưới sẽ lần lượt như sau :

http://localhost/affz

http://localhost/cz

http://localhost/dev

http://localhost/rehub

….và bạn muốn tạo bao nhiêu trang web thì làm tương tự như vậy.

Pasted 106

Ở đây mình làm một website bán camera cho khách và mình tạo thư mục affz trong htdocs và khi mình code vào trong thư mục này thì trang web mình sẽ chạy với tên miền http://localhost/affz

Pasted 108

Bạn là người mới và chỉ cần làm website thì chỉ cần biết sử dụng xampp ở mức đấy là ok.

Download wordpress

Bước 1. Tải mã nguồn wordpress về máy tính https://vi.wordpress.org/download/

Pasted 109

Bước 2. Copy vào thư mục htdocs để giải nén cho nhanh

Pasted 110

Bước 3. Kích phải vào file wordpress-5.8.3-vi.zip và chọn Extract Here để Giải nén bạn sẽ có được một thư mục mới vừa giải nén ra tên là wordpress

Pasted 111

Pasted 112

Bây giờ thư mục wordpress nó sẽ chứa toàn bộ mã nguồn wordpress. Bây giờ bạn chỉ cần đổi tên thư mục wordpress thành bất cứ tên gì mà bạn thích, hoặc để im cũng được.

Ví dụ ở đây mình sẽ đổi tên thành webaff vì mình đang làm web về tiếp thị liên kết.

Và trước khi cài đặt theme flatsome và làm các bước khác để xây dựng một website, bạn cần lưu ý cho mình một số điểm sau :

Trong mã nguồn wordpress bạn vừa download về, bạn chỉ cần chú ý đến thư mục wp-content, và chúng ra sẽ chỉ can thiệp và thêm bớt các file trong thư mục này, ngoài ra thư mục wp-adminwp-includes và các file *.php trong thư mục webaff bạn chưa cần can thiệp vào vội.

Pasted 114

Tiếp tục mở thư mục wp-content ra bạn sẽ thấy 2 thư mục là pluginsthemes

Thư mục plugins : sẽ chứa những plugin mà sau này bạn cài đặt thêm để thêm một số chức năng cần thiết cho trang web

Thư mục themes : sẽ chứa những giao diện mà bạn cài vào, ví như lát nữa chúng ta sẽ cài theme flatsome thì nó sẽ ở trong thư mục themes này.

Bạn cần lưu ý điều này để về sau muốn chỉnh sửa themes hay plugin còn biết đường để vào mà sửa.

Pasted 115

Tạo cơ sở dữ liệu cho web

Trước khi cài đặt web wordpress bạn cần tạo cơ sở dữ liệu cho nó.

Truy cập vào : http://localhost/phpmyadmin/

Làm theo các bước như hình dưới để tạo cơ sở dữ liệu

(1) : Bấm vào Mới  để tạo mới một cơ sở dữ liệu sẽ dùng cho webafff

(2) : Đặt tên cơ sở dữ liệu ( mình đặt trùng tên với thư mục web luôn cho dễ nhớ )

(3) : Bạn chọn bảng mã utf8_unicode_ci

(4) : Bấm tạo để Tạo cơ sở dữ liệu

Pasted 117

Sau khi bấm tạo thì bạn để ý menu bên trái sẽ hiện tên cơ sở dữ liệu của bạn, bây giờ cơ sở dữ liệu của bạn hoàn toàn trống, nó chưa có một bảng hay một trường dữ liệu nào, việc tạo ra các bảng dữ liệu hay các trường dữ liệu sẽ được thực hiện khi ta chạy cài đặt wordpress ban đầu.

Pasted 118

Chạy cài đặt wordpress

Để chạy cài đặt ban đầu cho wordpress bạn chỉ cần nhập tên miền và Enter. Như đã nói ở trên đường dẫn local của mình sẽ có dạng như sau :

http://localhost/webaff

Và mình chỉ cần gõ vào trình duyệt đường dẫn trên để chạy cài đặt

Pasted 116

Đến bảng nhập thông tin cơ sở dữ liệu

Tên database bạn nhập tên mà bạn đặt khi tạo cơ sở dữ liệu phía trên

Tên người dùng root ( mặc định thằng xampp nó cung cấp )

Mật khẩu : Để trống ( mặc định thằng xampp nó cung cấp )

Database Host : localhost

Tiền tố bảng dữ liệu : bạn cứ giữ nguyên là wp_

Pasted 119

Bấm nút gửi và bạn nhận được thông báo như này là OK, nhấn Bắt đầu cài đặt để cài đặt wp

Pasted 120

Tiếp tục đến bước nhập thông tin quản trị wordpress

Lưu ý : Tên người dùng và mật khẩu ở đây là thông tin về sau bạn quản trị bài viết, trang, trong trang quản trị wordpress và cái này là bạn tự đặt

Pasted 121

Nhấn cài đặt WordPress để cài đặt là xong.

Bây giờ bạn chú ý đến 2 đường dẫn sau :

http://localhost/webaff/ : Đây là đường dẫn website mà khách hàng truy cập sẽ thấy được.

http://localhost/webaff/wp-admin : Đây là trang quản trị bạn sẽ viết bài, úp ảnh, thiết kế trang …. bằng thông tin đăng nhập bạn vừa tạo ở phía trên.

Giao diện sơ khai ban đầu của wordpress sẽ trông như thế này, chỉ có một bài viết demo mặc định mà wordpress tạo sẵn cho bạn là Chào tất cả mọi người.

Pasted 122

Download & Cài đặt Flatsome

Download Flatsome

Đầu tiên bạn cần có theme flatsome trước.

Bạn có thể mua bản quyền trên themeforest hoặc download file theme mình để phía dưới. ( Bạn có thể yên tâm khi download theme mà mình chia sẻ trên website này )

Link download Theme Flatsome

flatsome.3.15.3.zip flatsome.3.15.3.zip

Link download Child Theme Flatsome

Flatsome Child Theme Flatsome Child Theme

p/s: Child theme là gì? Child theme được gọi là theme con, trong trường hợp này là theme flatsome và theme con của flatsome, mục đích sử dụng child theme là để bạn viết thêm code chức năng vào theme hoặc tùy biến theme về sau bạn cập nhật thằng flatsome thì những chức năng bạn viết thêm vào vẫn còn giữ nguyên.

Cài đặt Theme Flatsome

Cài đặt trong trang quản trị

Cài đặt theme Flatsome : 

Bạn đăng nhập vào trang quản trị theo đường link http://localhost/webaff/wp-admin bằng tài khoản và mật khẩu đã tạo ở trên khi cài đặt wordpress.

Nhấp vào Menu Giao diện / Giao diện

Pasted 123

Trong này sẽ liệt kê tất cả những theme bạn đã cài, mặc định thằng wp nó cài sẵn cho chúng ta 4 theme.

Nhấp vào nút thêm mới cài giao diện khác

Pasted 124

Nhấp Tải giao diện lên

Chọn tệp : Ở đây bạn chọn vào file flatsome.3.15.zip bạn vừa tải về

Pasted 125

Nhấn cài đặt để cài giao diện Flatsome

Pasted 126

Sau khi cài xong thì bạn nhấn vào Kích hoạt để giao diện hoạt động

Pasted 127

Flatsome sẽ dẫn bạn đến trình cài đặt tự động ban đầu, tuy nhiên nếu bạn tải file về không có mã kích hoạt bản quyền thì bạn cứ nhấn Not right now

Pasted 129

Đối với các theme mặc định mà wordpress cài sẵn, bạn có thể xóa chúng bằng cách kích vào theme cần xóa và có nút Xóa ở góc dưới bên phải

Cài đặt Child Theme : Lặp lại tương tự bước cài giao diện trên cho file child-theme.zip

 

Copy thẳng vào thư mục webaff/wp-content/themes/

Ngoài cách trên ra thì bạn có thể copy thẳng 2 file zip vào thư mục webaff/wp-content/themes và giải nén ra

Pasted 130

Sau khi cài đặt theme flatsome xong thì bạn sẽ có một giao diện cực kỳ đơn giản như sau:

Pasted 131

Bài viết sau mình sẽ hướng dẫn các bạn cách tùy biến bố cục, tông màu, font chữ, tạo Trang chủ, viết bài viết cho website để tạo một website hoàn chỉnh.

Nội dung trên website dành cho mục đích thông tin và giáo dục. Trang web của chúng tôi không nhằm mục đích thay thế cho lời khuyên, chẩn đoán hoặc điều trị y tế chuyên nghiệp.

0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x