Thứ Hai, 23 tháng 7, 2018

CÁCH CÀI ĐẶT THEME WORDPRESS

3 cách cài theme WordPress

Tìm và cài đặt theme từ thư viện

Nếu bạn là người mới học WordPressmình khuyến khích bạn chỉ nên cài các theme miễn phí có sẵn trong thư viện của WordPress.Org để nắm rõ cách sử dụng và thiết lập một theme vì các theme ở đó đa phần đều dễ sử dụng đúng chuẩn của WordPress và nhất là an toàn – không chứa mã độc.
Để cài theme mới cho WordPress, bạn vào Appearance –> Themes và ấn Add New.
cai-theme-wordpress
Lúc này bạn sẽ thấy danh sách các theme có trong thư viện WordPress.Org, hãy ghi nhớ là thư viện này có hơn 2000 themes khác nhau lận đấy. Bạn có thể sử dụng các bộ lọc để tìm ra một theme phù hợp với sở thích/nhu cầu của mình.
bo-loc-theme
Sau khi tìm ra một theme ưng ý, hãy ấn vào theme đó để xem thông tin và xem trước theme. Hãy lưu ý rằng, tính năng xem trước này chỉ có ý nghĩa tượng trưng chứ đôi lúc nó sẽ không hiển thị chính xác và đầy đủ các tính năng có trong theme đó.
xem-thong-tin-theme
Nếu bạn thấy ưng ý thì ấn nút Install để cài đặt.
cai-dat-theme
Và ấn vào nút Activate lên để kích hoạt chứ cài xong nó chỉ nằm trên thư mục /wp-content/themes mà thôi chứ chưa được kích hoạt.
kich-hoat-theme
Sau khi kích hoạt xong, hãy vào Appearance –> Menus để thiết lập menu và Apperance –> Widgets để thêm một vài widget vào sidebar để theme hiển thị tốt nhất. Đồng thời, nhiều theme sẽ có thêm mục khu vực tùy chỉnh riêng được hiển thị trên menu bên tay trái của Dashboard mà ta thường gọi đó là Theme Options, nếu có thì hãy truy cập vào đó tùy chỉnh.
theme-moi

Cài theme bằng cách upload từ máy tính lên website

Giả sử bạn đang có một theme trên máy tính thì bạn hãy nén nó lại thành file .zip. Lưu ý rằng, bạn phải nén thư mục của theme đó chứ không nén luôn thư mục lồng vào nó.
Ví dụ, khi giải nén ra thì theme của bạn phải có cấu trúc là /tên-theme/style.css((File style.css luôn nằm ở thư mục gốc của theme)) thì mới chính xác chứ nếu giải nén nó ra mà nó thành /tên-thư-mục/tên-theme/style.csslà sai, và bạn phải nén nó thành định dạng .zip chứ các đuôi khác như .rar, .tar đều sai.
Sau khi có file nén .zip của theme, bạn vào Appearance –> Themes –> Add New –> Upload Theme.
upload-theme
Sau đó bạn upload file .zip của theme lên và kích hoạt như thông thường. Nếu nó báo lỗi missing style.css thì là do bạn nén với cấu trúc sai, hãy giải nén ra và nén lại cho đúng như mình nói ở trên.

Cài theme bằng cách upload trực tiếp vào host/localhost

Cách này dùng để làm khi bạn bị giới hạn dung lượng upload do theme quá nặng, đó là hãy giải nén ra và upload thư mục theme vào thư mục /wp-content/themes/, nhớ là thư mục theme cũng phải có dạng /tên-theme/style.css chứ không phải /tên-thư-mục/tên-theme/style.css.
Sau khi upload xong, bạn vào Appearance –> Themes rồi kích hoạt vì lúc này theme mà bạn vừa upload đã hiển thị trong đó.

Nói thêm về việc cài theme

Khi bạn xem demo (bản xem thử) của một theme nào đó thì điều đó không có nghĩa là bạn cài vào là nó hiển thị giống y hệt như vậy. Bạn phải biết, mỗi theme đều có một cách cài khác nhau và muốn giống như demo bạn cũng phải tùy chỉnh nhiều (thông qua các tùy chọn sẵn có). Do vậy, bạn nên tập cài các theme miễn phí trong thư viện vì có nhiều theme cũng khá khó cài nên đó là nguồn bạn thực hành tốt nhất, dần dần bạn sẽ cảm thấy cài một theme như demo không hề quá khó.

Lời kết

Vậy là hết bài này, bạn đã biết cách thay đổi giao diện cho website của mình nhờ vào việc tìm hiểu cách cài một theme mới vào website thông qua nhiều cách khác nhau. Cũng từ đó, mình đã có nói qua một số lưu ý khi cài theme nên mình hy vọng bạn có thể nhớ nó và tập cách cài cho thuần thục.
Share:

HƯỚNG DẪN MENU TRONG WORDPRESS

Menu nghĩa là thanh trình đơn hiển thị các liên kết trên theme, tùy vào mỗi theme mà bạn sẽ có bao nhiêu menu, hiển thị ở trên hay ở dưới, bên trái hay bên phải chứ không phải chúng ta muốn cho nó hiển thị ra đâu cũng được. Ở trong khuôn khổ bài học này, mình sẽ giải thích cho các bạn hiểu về khái niệm Menu trong WordPress và cách sử dụng, thao tác, thêm liên kết lên menu là như thế nào.
Trước khi tìm hiểu về cách sử dụng menu, mình có hai thuật ngữ rất quan trọng mà cần các bạn phân biệt trong khi sử dụng menu là:
  • Menu: Mỗi menu sẽ chứa các liên kết trên đó, bạn có thể tạo ra bao nhiêu menu cũng được.
  • Menu Location: Vị trí hiển thị một trong các Menu mà bạn đang có.
Điều này có nghĩa là, chúng ta có thể tạo ra nhiều menu nhưng chúng ta chỉ có thể chỉ định một menu được hiển thị ra trên mỗi Menu Location. Có nhiều theme hỗ trợ nhiều Menu Location khác nhau nhưng ở theme mặc định thì thường chỉ có một location.
Để truy cập vào trang quản lý Menu, bạn vào Appearance –> Menus trong Dashboard.quan-ly-menu-wordpress
Mặc định bạn sẽ chưa có một menu nào, bạn hãy nhập tên menu cần tạo rồi ấnCreate Menu.
tao-menu
Sau đó, bạn nhìn cột bên tay trái là các đối tượng mà bạn có thể thêm vào menu như Page, Categories, Link (một liên kết bất kỳ). Bạn có thể chọn đối tượng mà bạn cần thêm vào và ấn nút Add to Menu để thêm nó vào menu đang mở.
them-vao-menu
Hoặc thêm một liên kết bất kỳ với tùy chọn Links.
them-link-menu
Mặc định nó sẽ không hiển thị Post trong cột đối tượng vì nó rất nhiều, nhưng nếu bạn muốn chèn Post vào menu thì có thể sử dụng tùy chọn Links rồi copy liên kết của post cần chèn vào, hoặc ấn vào nút Screen Options phía trên và đánh dấu vào mục Posts.
screen-options-menu
Hiển thị các chức năng ẩn bên trong khu vực Menu
Sau khi bạn đã thêm đầy đủ các liên kết vào menu như mong muốn, bạn có thể chọn Menu Location cần áp dụng cho Menu đang mở này ở phần Menu Settings phía dưới và ấn Save Menu.
add-location-menu
Bạn cũng có thể kéo và thả các liên kết trong menu để hoán đổi vị trí cho chúng.
keo-tha-menu
Bây giờ hãy ra lại trang chủ và xem theme của bạn đã hiển thị menu giống như bạn thiết lập chưa.
hien-thi-menu-ra-theme

Thêm menu kiểu mẹ/con

Menu kiểu mẹ/con nghĩa là một liên kết trong menu có lồng thêm các liên kết con và nó sẽ hiển thị ở dạng đổ xuống (đa phần là vậy trên các theme hiện nay). Để làm việc này rất đơn giản, bạn chỉ cần kéo thả liên kết trong menu cho nó nằm thụt vào một liên kết nào đó mà bạn muốn nó trở thành liên kết mẹ, ví dụ:
menu-con-wordpress
Nhớ ấn Save Menu lại và ra kiểm tra kết quả.
hien-thi-menu-con
Share:

CÁC BƯỚC CÀI ĐẶT WORDPRESS TRÊN LOCALHOST

Bước 1. Tải mã nguồn từ website WordPress.org
Trước tiên bạn hãy tải phiên bản mới nhất của mã nguồn WordPress tại địa chỉ https://wordpress.org/latest.zip.
Sau đó bạn giải nén ra sẽ có được một thư mục mang tên “wordpress“. Có thể thư mục wordpress này sẽ được lồng trong một thư mục khác tên là wordpress-x (x ở đây là số phiên bản), nhưng nói chung bạn cứ vào sẽ có được một thư mục tên wordpress như hình dưới.
cai-dat-wordpress-localhost-01
Thư mục sau khi giải nén mã nguồn
Tiếp tục, hãy truy cập vào thư mục wordpress, bạn sẽ thấy có một số thư mục tên là wp-admin, wp-includes, wp-content và một số tập tin tên là index.php, wp-config-sample.php,…Tất cả tập tin và thư mục này, chúng ta gọi nó là mã nguồn WordPress.
cai-dat-wordpress-localhost-02
Các tập tin và thư mục mã nguồn của WordPress.

Bước 2. Copy mã nguồn WordPress vào Localhost

Bây giờ, hãy copy toàn bộ file và thư mục này vào thư mục website của bạn trong localhost (ví dụ: C:\xampp\htdocs\thachpham). Nghĩa là bạn chỉ copy các file và thư mục mã nguồn thôi, không copy cả thư mục wordpress vì chúng ta cần cài WordPress vào tên miền http://localhost/thachpham mà, nếu bạn copy cả thư mục wordpress vào thì website của bạn sẽ có đường dẫn là http://localhost/thachpham/wordpress/.
cai-dat-wordpress-localhost-03

Bước 3. Tạo mới một database

Để chạy được WordPress thì localhost của bạn phải có một database dùng MySQL để nó có thể lưu các dữ liệu mềm vào đó như bài viết, các thiết lập,…trên website.
Cách tạo database trên localhost mình đã có hướng dẫn tỉ mỉ tại đây, bạn có thể vào xem.

Bước 4. Chạy website để cài đặt

Sau khi copy xong, hãy mở bảng điều khiển của XAMPP lên và khởi động Apache và MySQL. Sau đó truy cập vào website với đường dẫn http://localhost/thachpham
Lúc này, nó sẽ hiện ra bảng chọn ngôn ngữ cần cài đặt cho WordPress, hãy chọn là English và ấn Continue.
Chọn ngôn ngữ khi cài đặt WordPress
Chọn ngôn ngữ khi cài đặt WordPress
Ở bước tiếp theo, nó sẽ nhắc nhở cho bạn là chưa tiến hành đổi file wp-config-sample.php thành wp-config.php và khai báo thông tin database vào đó. Hãy ấn  Let’s Go để nó tự làm việc đó cho bạn.
cai-dat-wordpress-localhost-05
Và bây giờ là nhập thông tin database..
cai-dat-wordpress-localhost-06
Hãy luôn nhớ rằng trên localhost, User Name của database luôn là root, mật khẩu để trống (vẫn có cách thiết lập nhưng không cần thiết) và Database Host luôn là localhost.
Table Prefix nghĩa là tiền tố của database chứa dữ liệu WordPress, mặc định nó sẽ là wp_, chúng ta có thể đổi nó thành bất cứ cái gì nhưng phải bắt buộc có _ đằng sau.
Khi nhập xong thông tin database, hãy ấn nút Submit để làm bước kế tiếp. Nếu bước kế tiếp nó hiện ra như hình dưới thì nghĩa là bạn đã nhập thông tin database chính xác, hãy ấn nút Run the install để bắt đầu cài đặt.
cai-dat-wordpress-localhost-07
Ở bước cài đặt này, 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,…Nhập xong hãy ấn nút Install WordPress.
cai-dat-wordpress-localhost-08
Và nếu nó hiện chữ Success! như thế này là bạn đã cài đặt thành công, click vào nút Log in để đăng nhập vào bảng quản trị WordPress.
cai-dat-wordpress-localhost-09Và đây là giao diện trang quản trị của WordPress.
Trang quản trị của WordPress sau khi cài đặt
Trang quản trị của WordPress sau khi cài đặt
Và ở đây, mình cần các bạn hiểu rằng, nếu truy cập vào tên miền chính như http://localhost/thachpham, nó sẽ ra trang chủ của website WordPress như thế này.
Share:

Hướng dẫn cài đặt localhost XAMPP trên máy tính



Hướng dẫn cài đặt Localhost XAMPP

– Đầu tiên bạn vào địa chỉ sau để download XAMPP https://www.apachefriends.org/download.html
Nhấp vào More Downloads => Chọn phiên bản XAMPP phù hợp với hệ điều hành của máy tính bạn. Nếu cấu hình máy của bạn thấp hoặc trung bình thì bạn nên chọn gói Version 1.8.2 hoặc 1.8.3.


Hướng dẫn cài đặt localhost XAMPP
Hướng dẫn cài đặt localhost XAMPP

Sau khi tải về xong, bạn mở lên và chọn Run



Hướng dẫn cài đặt localhost XAMPP 01
cài đặt localhost XAMPP

Tiếp tục nhắp Next



Hướng dẫn cài đặt localhost XAMPP 02
cài đặt localhost XAMPP


Ở đây bạn Tích vào những mục bạn cần sử dụng như Apache, MySQL, PHP, phpMyAdmin hoặc tích hết tất cả cũng không sao. Sau đó nhấp Next.



Hướng dẫn cài đặt localhost XAMPP 03
cài đặt localhost XAMPP


Chọn ổ đĩa chứa Xampp và Next



cài đặt localhost XAMPP 04
cài đặt localhost XAMPP


Bạn bỏ check đi và tiếp tục Next



Hướng dẫn cài đặt localhost XAMPP 05
cài đặt localhost XAMPP


Next tiếp



cài đặt localhost XAMPP 06
cài đặt localhost XAMPP


Chờ quá trình cài đặt hoàn thành



cài đặt localhost XAMPP 07
cài đặt localhost xampp


Nhấp Finish



cài đặt localhost XAMPP 08
cài đặt localhost xampp


Một bảng thông báo sẽ hiện ra như hình dưới



Hướng dẫn cài đặt localhost XAMPP 09
cài đặt localhost XAMPP


Ở đây, nếu bạn muốn tự tay mở Xampp khi cần sử dụng thì chỉ cần nhấp vào 2 nút Start trên cùng là xong quá trình cài đặt, còn nếu bạn muốn mặc định khi mở máy tính là localhost sẽ hoạt động luôn thì làm như sau,
Nhấp vào dấu X trên cùng của mục Service =>  Chọn Yes. Một cửa sổ hiện ra hỏi bạn cho phép bên ngoài truy cập không. Bạn chọn Cancel
Tiếp tục nhấp vào dấu X thứ 2 ngay bên dưới => Chọn Yes



cài đặt localhost XAMPP 011
cài đặt localhost với xampp
Hướng dẫn cài đặt localhost XAMPP 012
cài đặt localhost XAMPP


Sau đó nhấp vào 2 nút Start như hình dưới là xong.



Hướng dẫn cài đặt localhost XAMPP 013
Hướng dẫn cài đặt localhost XAMPP


Lưu ý : Nếu khi bạn Start ở phần Apache mà bị lỗi trùng port 80 thì bạn vào Config => Chọn mục đầu tiên => Tìm dòng Listen 80 và sửa thành Listen 8088 => Sau đó Restart lại Apache và MySQL rồi mở trình duyệt lên gõ : http://localhost:8088
Thấy như hình dưới đây tức là bạn đã cài đặt thành công




Hướng dẫn cài đặt localhost xampp


Lời Kết : Kết thúc bài học hướng dẫn cài đặt localhost XAMPP trên máy tính, bài tiếp theo mình sẽ giới thiệu và hướng dẫn các bạn cách cài WordPress trên Localhost Xampp để học và thiết kế website.
Chúc bạn thành công!
Share:

Tìm kiếm Blog này

Được tạo bởi Blogger.

Học CSS căn bản

Trong phần này bạn sẽ được học kiến thức liên quan đến Học CSS nằm trong chuyên mục  HTML & CSS , nếu có vấn đề thắc mắc thì hãy liên h...