Tổng quan về các chức năng chính trong WordPress

Sự khác nhau giữa WordPress.Com và WordPress.Org

Có phải anh em đã từng thắc mắc về WordPress.comWordPress.org là như thế nào không? Anh em cùng xem sự khác nhau giữa hai thằng này để hiểu rõ về nó.

WordPress.Org

Là địa chỉ website của trang chủ mã nguồn WordPress, tại đây bạn có thể tải bản cài đặt mã nguồn WordPress về và tự cài lên host của bạn rồi tự do tùy biến, quản trị. Phiên bản tự cài đặt người ta thường gọi là WordPress tự host (WordPress Self-Hosted).

Sở dĩ mà mình khuyến khích các bạn sử dụng WordPress tự host là vì chúng ta có toàn quyền quản trị vì nó được lưu và chạy trên host của riêng mình, sử dụng tên miền (domain) riêng như thachpham.com nè, bạn có thể tự do cài thêm bất kỳ theme WordPress nào bạn có, cài thêm plugin và tùy biến với các kỹ năng nâng cao.

WordPress.Com

Là địa chỉ website của dịch vụ tạo blog miễn phí trên nền tảng mã nguồn WordPress. Đây cũng là một sản phẩm của Automattic nhưng chuyên phục vụ cho các đối tượng người dùng chỉ muốn có một website WordPress nhanh chóng mà không cần cài đặt, không cần thuê host và chi phí để sử dụng tên miền riêng là $25/năm.

Tuy nhiên với dịch vụ này, bạn không có quyền cài theme bên ngoài vào mà chỉ phụ thuộc vào các theme miễn phí trong thư viện theme WordPress.Com có hỗ trợ. Cũng như bạn không thể cài đặt plugin mà chỉ sử dụng các tính năng có sẵn của WordPress. Do vậy nếu bạn đang dùng WordPress.Com mà xem các bài hướng dẫn khác tại quỷ sứ thì sẽ không thể nào làm theo được.

Tóm lại

Nếu bạn muốn sử dụng WordPress theo hướng chuyên nghiệp thì hãy sử dụng WordPress.Org để tự do tùy biến tốt hơn.

Các chức năng chính của WordPress

Sau khi đã có được một website WordPress trên Hosting (hoặc VPS, DediServer), bạn đã bắt đầu bước vào con đường khám phá mã nguồn WordPress thần kỳ. Đừng quá lo lắng nếu nó có vẻ mới mẻ đối với bạn, thực ra nó rất đơn giản, chẳng có gì phải phức tạp hóa.

Trước khi chúng ta tìm hiểu về chi tiết các tính năng trong khu vực quản trị (Dashboard) và cách sử dụng nó, mình sẽ cho bạn xem qua một số tính năng của WordPress để bạn hình dung ra là nó như thế nào để bạn dễ dàng đi tiếp các phần còn lại, vì mình nhận ra rằng mọi việc sẽ đơn giản hơn nếu bạn đã hiểu sơ sơ về nó bằng cách dùng các ví dụ trực quan.

Sau khi cài xong mã nguồn WordPress, bạn sẽ sử dụng một theme mặc định của WordPress. Một điều thú vị là theme mặc định này sẽ được đổi mỗi khi họ ra một phiên bản mới. Bạn ra trang chủ website sẽ thấy giao diện mặc định của WordPress là như thế này:

Các phần tô đỏ lượt là: Tên Web, mô tả, bài viết và Widget trên trang.

Bây giờ bạn hãy click vào post “Hello world!” và chúng ta có các thành phần như sau ở trang hiển thị nội dung một post (nó được gọi là single page):

Trang nội dung post

Ở ngay trang xem nội dung post, bạn nhìn lên trên menu màu đen (còn được gọi là Admin Bar) sẽ thấy các liên kết dẫn tới các chức năng như tạo mới một Post, Page, xem tên người đang đăng nhập. Thanh này chỉ hiển thị khi bạn đăng nhập vào website.

Nhìn qua bên Sidebar, bạn sẽ thấy nó có để sẵn một số widget như sau:

Bây giờ bạn rê chuột lên thanh Admin Bar vào tên website và chọn Dashboard để truy cập vào trang quản trị (Dashboard) của website WordPress của bạn.

Okay, và bây giờ bạn đã vào tới trang Dashboard của WordPress, nó sẽ trông như thế này:

Trang quản trị của WordPress sau khi cài đặt

Bên trái Dashboard là thanh menu màu đen chứa liên kết trỏ tới các khu vực cần quản trị, bên phải nó sẽ hiển thị nội dung tương ứng với từng trang quản trị.

Mặc định khi bạn vào trang Dashboard, bên phải nó sẽ có các liên kết dẫn bạn tới từng phần để bạn làm quen với nó. Trong đó bao gồm các khu vực chia thành block nhỏ như sau:

Nếu bạn cần có thể đọc tiếng Anh và cần trợ giúp thì có thể ấn vào menu Help phía bên trên để xem các trợ giúp nhanh (quick help) để bạn làm quen với Dashboard tốt hơn. Hoặc bạn có thể ẩn/hiện từng khu vực phía dưới trong liên kết Screen Options.

Kết thúc phần này, chắc hẳn bạn đã biết qua một số thuật ngữ trong WordPress rồi phải không nào? Rất may thay, đó lại là các thuật ngữ thông dụng nhất nên bạn không cần phải lo lắng ở các bài học sau nữa. Ở phần tiếp theo, mình sẽ hướng dẫn bạn chi tiết cách đăng một post mới để bạn có thể đăng một bài viết đầu tiên của bạn lên website nha.

Tìm hiểu khu vực Appearance trong Dashboard

Khu vực Appearance trong Dashboard của WordPress có thể bạn sẽ lui tơi khá là nhiều bởi vì đây chính là khu vực mà bạn sẽ làm việc để tiến hành tinh chỉnh giao diện (theme) trên website hoặc đổi theme. Trong khu vực này, có khá nhiều tính năng mà tùy thuộc vào theme nó sẽ có hiển thị hay không (Header, Background) nhưng mình vẫn sẽ hướng dẫn qua nó trên theme mặc định để bạn có thể hiểu được vai trò.

Tất cả các chức năng trong khu vực Appearance tức là nó sẽ quản lý phần bộ mặt sẽ xuất hiện trên website của bạn.

Cách cài đặt giao diện WordPress

Vậy là sau các thao tác trên bạn đã đến phần cài đặt theme vào website WordPress vốn rất thú vị và có thể sẽ tốn nhiều thời gian của bạn để thực hành.

Ở trong bài này, mình sẽ hướng dẫn bạn cách cài theme thông qua ba cách đó là cài theme miễn phí thông qua thư viện theme của WordPress.Org, cài bằng cách upload gói theme trong Dashboard và cách cuối cùng là copy thư mục theme vào thư mục /wp-content/themes/ trên host đang chứa website WordPress của bạn.

Nếu bạn là người mới học WordPress, mì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 bị dính shell, mã độc.

Để cài theme mới cho WordPress, bạn vào Appearance –> Themes và ấn Add New.

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.

Rất nhiều Theme đẹp và hấp dẫn, có cả gái 💋💋💋

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 đó.Nếu bạn thấy ưng ý thì ấn nút Install để cài đặt.

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.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.

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.css là 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.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á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 đó.

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ó.

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.

Tùy biến theme đơn giản với Customize

Tính năng Appearance –> Customize hiện nay có mặt hầu hết trên mọi theme để người dùng có thể tự tùy chỉnh lại các tham số mà nó có hỗ trợ tùy biến và bạn có thể xem sự thay đổi trực tiếp mà không cần phải lưu thiết lập.

Sau khi Active theme nó sẽ có các phần Customize, Widgets, Menus, Background

Hoặc bên tay trái là các tùy chọn để bạn có thể thiết lập mà theme này cho phép bạn tùy chỉnh. Mỗi khi bạn thay đổi thiết lập, giao diện bên tay phải sẽ thay đổi ngay lập tức để bạn xem trước kết quả thiết lập. Nếu bạn thấy hài lòng thì ấn vào nút Save để lưu lại và áp dụng chính thức lên website.

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à:

Đ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.

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 ấn Create 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ở.

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.

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.

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.

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.

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ụ:

Nhớ ấn Save Menu lại và ra kiểm tra kết quả.

Kết thúc phần này bạn đã có thể sử dụng thành thạo thức năng Menu có trong WordPress rồi. Hãy nhớ rõ một điều là không có theme nào hiển thị giống nhau mà mỗi theme sẽ có cách hiển thị hoàn toàn khác, nhưng đa phần đều có ít nhất một menu.

Sử dụng Widget trong WordPress

Widget có thể gọi là một tính năng mà bất kỳ một website WordPress nào cũng phải cần dùng, nó là một tập hợp các chức năng; mỗi widget tương ứng với một chức năng để bạn chèn vào sidebar (thanh bên) của theme. Chẳng hạn như bạn có thể chèn widget Recent Posts để hiển thị các bài viết mới nhất, widget Text để chèn các mã HTML vào,…v..v…Dù rằng mặc định WordPress đã cung cấp sẵn một số widget nhưng các widget có thể tăng lên tùy thuộc vào theme hỗ trợ thêm và cài plugin.

Trong khuôn khổ bài này, mình sẽ giải thích cho các bạn hiểu vai trò của widget và cách thao tác với widget trong khu vực Customize.

Để thao tác với Widget, các bạn có thể vào Appearance –> Customize hoặc Appearance –> Widget, nhưng ở đây mình sẽ truy cập vào Appearance –> Widget vì nó được dùng phổ biến hơn và không phải theme nào cũng hỗ trợ thao tác với widget ở khu vực Customize.

Trong đó, bên tay trái (màu đỏ) là danh sách các widget mà các bạn có thể sử dụng và tay phải (màu xanh) là các sidebar. Tùy vào theme, mà bạn sẽ có bao nhiêu sidebar, và có nhiều theme có sidebar dành riêng cho từng phần (Trang chủ, Single, Page,…) nên bạn chịu khó đọc mô tả mờ mờ bên trên nó và xem tên sidebar.

Để sử dụng widget, bạn chỉ cần click và kéo widget bên tay trái vào sidebar mà bạn muốn hiển thị widget đó mà thôi.

Hoặc là click vào widget bên tay trái và chọn sidebar cần dùng và ấn nút Add Widget, nó sẽ tự thêm vào vị trí cuối cùng của sidebar.

Sau khi thêm xong widget, mỗi widget có thể sẽ có các tùy chọn riêng biệt để bạn thiết lập nó nhằm hiển thị như ý muốn, các bạn bấm vào và tùy chỉnh lại, sau đó ấn Save để lưu lại.

Cuối cùng là ra ngoài theme và xem widget của mình đã hiển thị chưa nhé.

Hướng dẫn plugin

Đây là phần có thể gọi là thu hút nhất khi sử dụng WordPress.Org, đó là chúng ta có thể cài thêm các plugin để website của mình trở nên mạnh mẽ hơn vì một website WordPress chuyên nghiệp không chỉ cần một theme đẹp mà cần có cách sử dụng các plugin hợp lý nữa. Hiện tại số lượng plugin có trong thư viện WordPress.org rất nhiều và nó hoàn toàn miễn phí nên bạn có thể yên tâm về các plugin miễn phí có thể phục vụ rất nhiều nhu cầu của bạn.

Plugin được dịch theo nghĩa tiếng Việt là trình cắm, dùng để bổ sung một tính năng gì đó vào website WordPress mà mặc định nó không hỗ trợ. Ví dụ bạn muốn có thêm tính năng hiển thị bài viết liên quan thì sẽ cài các plugin làm chức năng bài viết liên quan.

Trong khuôn khổ các bài hướng dẫn của phần này, mình sẽ nói qua về cách cài plugin, tìm plugin và cách sử dụng một plugin tiêu biểu để bạn hiểu nó rõ ràng hơn. Mời các bạn xem thêm chi tiết ở các phần chuyên mục con bên dưới.

5.0
01

Vu Dinh Toan

About Vu Dinh Toan

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :