Tự học WordPress – bài 2: Tạo 1 trang web bán hàng đơn giản với plugin WooCommerce (phần 1)

Xin chào các bạn. Chào mừng trở lại với loạt bài vọc vạch WordPress của mình.
Kỳ trước chúng ta đã cài đặt và cấu hình xong WordPress trên localhost, mở lên được trang Dashboard của website. Kỳ này chúng ta thử dùng WooCommerce để tạo 1 trang web bán hàng đơn giản nhé. 😀

Đôi nét về WooCommerce

Đây là 1 công cụ cực kỳ nổi tiếng và rất phổ biển trong cộng đồng sử dụng WordPress, đặc biệt là những ai dùng WordPress với mục đích xây dựng và vận hành 1 trang web bán hàng. WooCommerce cung cấp gần như đầy đủ các plugin phục vụ cho việc tạo list sản phẩm, tạo trang chi tiết sản phẩm, hỗ trợ tính năng mua hàng… nói chung là đủ cả, không thiếu gì. Với WooCommerce, bạn không cần tuỳ chỉnh nhiều, không cần code kiếc gì vẫn tạo ra được một trang web bán hàng đầy đủ tính năng, còn đẹp mắt hay không còn tuỳ vào khả năng vọc vạch của chúng ta. 😁

Cài đặt WooCommerce

Bạn mở Dashboard như ở bài trước, mở vào mục Plugins, rồi chọn button Add New. 
Sau đó bạn tìm WooCommerce, rồi bấm Install. 
Sau khi đợi Install xong, lúc này bạn về lại mục Plugin sẽ thấy WooCommerce đã xuất hiện trong list Plugin. Bạn bấm vào Activate để kích hoạt WooCommerce. Sau đó bạn sẽ thấy menu bên trái của Dashboard được add thêm các item như: WooCommerce, Products, Analytics, Marketing.

Tạo sản phẩm mới

Giờ chúng ta thử vào menu Product, tạo 1 product mới xem thế nào nhé.
Bạn vào mục Product, rồi chọn Add New.
Sau đó bạn điền tên sản phẩm, mô tả chi tiết, bên dưới sẽ có khu vực nhập data của sản phẩm gồm các mục như: giá sản phẩm (giá gốc / giá khuyến mãi), tình trạng (còn hàng / hết hàng), thông tin ship hàng, ghi chú, ….
Bên phải là các ô cho phép bạn setting có publish sản phẩm lên website ngay hay không, chọn category cho sản phẩm, chọn tag cho sản phẩm, và Product image. Đây là chỗ để bạn upload hình ảnh cho sản phẩm đấy. Kế đến là Product gallery. Product image sẽ được hiển thị như là hình đại diện ở trang chi tiết sản phẩm. Tí nữa chúng ta sẽ kiểm tra lại.

Mình thử tạo 1 sản phẩm là “Nguyệt quế” và setting hình ảnh, giá.  Sau khi setting xong xuôi thì chúng ta bấm vào Publish là xong.
Giờ chúng ta vào site và thử xem nhé. Ở Dashboard, góc trên bên trái, bạn click vào tên Website và chọn Visit Site. Kết quả của mình thế này đây. Còn chuối lắm, chủ yếu là để kiểm tra sản phẩm đã lên trang chủ chưa. Và Click vào sản phẩm, chúng ta sẽ chuyển tới trang chi tiết sản phẩm với những nội dung chúng ta đã setting ban nãy. Thế là tạm ổn rồi đấy. Chúng ta có thể làm cho giao diện chuyên nghiệp hơn bằng cách customize website chúng ta, tạo product category, vân vân mây mây. Các bạn thấy đó, mình chưa hề code kiếc gì mà vẫn tạo được 1 trang bán hàng. Rõ ràng là WordPress quá tiện lợi cho người dùng phổ thông đúng ko nào? Với một vài cú click đơn giản, ai cũng có thể tạo 1 website bán hàng hoặc blog cá nhân cho riêng mình. Bạn chỉ cần nội dung thôi, còn giao diện cứ để WordPress lo.

Tạm kết

Kỳ này bạn chúng ta tạo sản phẩm để bán, kỳ sau chúng ta sẽ cải thiện giao diện để website chúng ta xinh xắn và chói loá hơn các bạn nhé.
Hy vọng các bạn sẽ thấy thích và cùng mình tìm hiểu để tạo ra một website WordPress đẹp mắt và hữu dụng. 😉

Tự học WordPress – bài 1: Cài đặt WordPress và cấu hình Localhost

WordPress là một CMS (Content Management System – Hệ thống quản trị nội dung) rất phổ biến của ngôn ngữ PHP. Với WordPress, một người hoàn toàn không biết về code cũng có thể tạo được một trang web giao diện đẹp xịn sò và chuyên nghiệp.

WordPress có thể giúp chúng ta tạo ra đủ thứ trang web đối với đủ loại ngành nghề và nhu cầu sử dụng: Web doanh nghiệp, e-Commerce Web (thương mại điện tử), blogs, web du lịch, chứng khoán, diễn đàn, thậm chí cả mạng xã hội (nếu chúng ta có đủ kĩ năng).

Chúng ta sẽ thử cùng nhau cài đặt và sử dụng WordPress từ Nothing đến lúc tạo ra một trang web nhé.. 😀

Lựa chọn WordPress

Nếu bạn search từ khoá “WordPress” trên Google, bạn sẽ tìm thấy 2 trang web về WordPress là wordpress.com và wordpress.org.

Vậy ta chọn cái nào để cài đặt wordpress đây? com hay org?

Bạn có thể tham khảo so sánh giữa 2 loại hình WordPress tại đây.

Nếu bạn là người dùng chỉ muốn tạo 1 Blog đơn giản, không cần tuỳ chỉnh nhiều về giao diện các thứ thì wordpress.com là đủ cho bạn rồi. Còn nếu bạn muốn tạo một trang web doanh nghiệp, ít tốn chi phí và muốn tuỳ chỉnh giao diện theo ý mình thì hãy chọn wordpress.org – “The real WordPress”. 😎😎😎

Cài đặt WordPress

Bạn vào trang download của wordpress.ord để download bộ cài đặt của WordPress về và giải nén, sẽ thấy thư mục wordpress. Cứ tạm để đó, chúng ta sẽ quay lại với nó sau.

Tiếp theo chúng ta download XAMPP về máy. Đây là một bộ bao gồm nhiều phần mềm như Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin, giúp biến PC của chúng ta thành Web Server và có thể quản lý data của website. Tóm lại là XAMPP giúp bạn chứa Website của mình và cung cấp công cụ để bạn quản lý Website.

Ngoài XAMPP thì bạn cũng có thể dùng LAMPP, WAMPP, MAMPP gì cũng được (khác nhau chữ cái đầu là ứng với các hệ điều hành, LAMPP: L là dành cho Linux, WAMPP: W là dành cho Windows, MAMPP: M là dành cho Mac OS X). Mình chọn XAMPP vì nó dùng được cho bất kì hệ điều hành nào (X tức là X-OS, OS nào em nó cũng tương thích 😇).

Download XAMPP tại đây nhé các bạn. Download xong thì cứ giải nén rồi Next mải miết đến khi Finish thì thôi. Tuy nhiên nhớ bỏ Check ở ô “Learn more about Bitnami for XAMPP” nhé.

Nếu trong quá trình cài đặt mà Windows Security Alert báo là đã block feature của App là “Apache HTTP Server” thì bạn cứ click vào nút “Allow access” nhé.

Sau khi cài đặt xong thì XAMPP Control Panel sẽ được hiển thị như sau.

Lúc này bạn cần edit một tí để có thể Start được 2 thứ quan trọng nhất của XAMPP là Apache và MySql.

Bạn vào phần Config của Apache.

Tìm dòng Listen 80 và chỉnh thành Listen 8080 là được. Giờ bạn có thể bấm nút Start của Apache và MySql rồi. 

Cài đặt Database và Setup First Site

Bạn hãy copy thư mục wordpress lúc nãy vào thư mục C:\xampp\htdocs\.

Tiếp theo chúng ta cài đặt database. Bạn mở trình duyệt web lên, vào địa chỉ http://localhost:8080/phpmyadmin sẽ thấy trang quản lý database.

Bạn bấm nút New để tạo mới database, nhập database name và chọn encode tuỳ ý (mình thường dùng utf8_unicode_ci), rồi bấm Create là xong.

Lúc này chúng ta có 1 database với các thông tin như sau:

  • Database Host: localhost
  • Database user: root
  • Database password: trống
  • Database name: database name mà bạn vừa nhập (ví dụ mình đã nhập wordpress)

Giờ bạn lại mở 1 tab trình duyệt web mới, vào địa chỉ http://localhost:8080/wordpress để cài đặt lần đầu cho trang quản trị website của chúng ta, sẽ thấy trang chọn ngôn ngữ. Hãy chọn English và bấm Continue.

Tiếp theo chúng ta sẽ thấy 1 trang chỉ hiển thị thông báo rằng chúng ta cần nhập các thông tin như Host, user, password, database name để kết nối với database. Chúng ta bấm vào nút Let’s go. Kế đến sẽ tới trang để nhập vào các thông tin vừa nêu. Bạn nhập thông tin Database Name bạn đã nhập lúc nãy, User Name là root, Password bỏ trống, Database Host là localhost, Table Prefix bạn có thể để trống hoặc thích chọn prefix gì tuỳ ý. Sau đó bấm Submit.

Trang kế tiếp bạn bấm Run the install.

Ở bước kế tiếp, các bạn sẽ cần phải thiết lập các thông tin quan trọng cho website như Tên của website, tên tài khoản admin cùng mật khẩu, email…Nhập xong hãy ấn nút Install WordPress.

Xong rồi đấy. Lúc này sẽ hiện ra trang Success, và bạn bấm vào nút Login, với tài khoản admin mật khẩu bạn vừa nhập, bạn Login xong sẽ chuyển tới màn hình Dashboard.

Thế là xong. Giờ bạn đã sẵn sàng để vọc vạch WordPress rồi đấy.

Tạm kết

Trên đây là các bước cài đặt wordpress vào PC, lần tới chúng ta sẽ cùng nhau thử vọc vạch cái Dashboard này để tạo ra một trang web nho nhỏ nhé.