Hướng dẫn sử dụng trình soạn thảo của WordPress [phần 1]

Ngày 18 / Tiết 1 / Thời lượng 30 phút. Mục lục khóa 100 ngày làm web.

Trong buổi thực hành cách đây mấy ngày, bạn đã làm quen với trình soạn thảo của WordPress khi tạo bài viết đầu tiên, nhưng đó mới ở mức độ rất sơ khai mà thôi. Hôm nay chúng ta sẽ tìm hiểu rõ hơn về nó. Kỹ năng này rất quan trọng, vì đây sẽ là khu vực mà bạn dành phần lớn thời gian để tạo, biên tập nội dung cho website.

Đầu tiên, bạn chọn Posts > Add New, để vào phần soạn thảo (tương đương với việc tạo bài viết mới):

Posts > Add New
Posts > Add New

Bạn nhập tiêu đề, và viết vài dòng cho nó, trước khi chúng ta tìm hiểu những cái khác, chẳng hạn của tôi:

Nhập tiêu đề và viết vài dòng
Nhập tiêu đề và viết vài dòng

1. Bôi đậm, in nghiêng, gạch chân văn bản

Video hướng dẫn:

A. Bôi đậm

Để bôi đậm một đoạn văn bản, bạn lấy chuột quét chọn toàn bộ văn bản đó, một menu nhỏ xuất hiện, bạn nhấn vào chữ B.

Bôi đậm văn bản
Bôi đậm văn bản

Bôi đậm cũng thực hiện được thông qua phím tắt, bạn cũng quét chọn văn bản, và nhấn tổ hợp phím Ctrl + B (nhấn giữ phím Ctrl trên bàn phím, sau đó nhấn phím B).

Để hủy bôi đậm (tức là đưa văn bản bôi đậm về dạng văn bản thường) bạn lặp lại thao tác trên.

B. In nghiêng

Để in nghiêng một đoạn văn bản, bạn thao tác tương tự, nhưng lần này bạn nhấn vào chữ I.

In nghiêng văn bản
In nghiêng văn bản

In nghiêng cũng thực hiện được thông qua phím tắt bằng tổ hợp phím Ctrl + I

Nếu muốn hủy in nghiêng văn bản nào đấy, bạn lặp lại thao tác.

C. Gạch chân

Để gạch chân một đoạn văn bản, bạn quét chọn văn bản đó, sau đó nhẫn vào mũi tên xổ xuống rồi chọn Underline:

Hoặc bạn nhấn tổ hợp phím Ctrl + U thì nó cũng cho kết quả tương tự.

Nếu muốn hủy gạch chân văn bản nào đấy bạn lặp lại thao tác.

2. Tạo danh sách

Video hướng dẫn:

Văn bản được trình bày dưới dạng danh sách có hai dạng.

A. Dạng chấm tròn (còn gọi là không có thứ tự)

Ví dụ. Một số đồ ăn tốt cho sức khỏe:

  • Đậu
  • Lạc
  • Bắp cải
  • Su hào

B. Dạng số (còn gọi là có thứ tự)

Ví dụ. Các quốc gia có diện tích lớn nhất thế giới:

  1. Nga
  2. Canada
  3. Hoa Kỳ
  4. Trung Quốc

Khi viết nội dung cho website, bạn rất thường xuyên dùng đến kiểu trình bày dạng danh sách, vì nó giúp văn bản rõ ràng, mạch lạc, và dễ tiếp thu hơn.

Ở trình soạn thảo WordPress, để tạo danh sách, bạn làm như sau:

Ở dòng mới bạn click vào dấu cộng bên góc phải, một menu xổ ra, bạn chọn List từ menu đó (nếu không thấy hãy nhập list vào ô Search):

Tạo danh sách
Tạo danh sách

Danh sách chấm tròn sẽ xuất hiện:

Danh sách chấm tròn
Danh sách chấm tròn

Viết xong một dòng trong danh sách thì nhấn phím Enter nó sẽ tự động xuống dòng ở danh sách kế để bạn viết tiếp.

Nếu bạn muốn kết thúc danh sách list, chuyển sang kiểu viết văn bản thường thì Enter 2 lần liên tiếp là được.

Nếu muốn chuyển sang danh sách dạng số, bạn click vào biểu tượng này (Select List):

Menu khác xuất hiện, bạn click vào biểu tượng có số 1, 2 này:

Là có danh sách dạng số. Thao tác cũng tương tự như dạng chấm tròn.

3. Căn giữa ảnh

Trên website, mặc định là ảnh sẽ được căn về phía bên trái (tức là ảnh dóng thẳng với lề bên trái), giống như thế này (nguồn ảnh: sonart_vietnam / pixabay.com):

Ảnh dóng thẳng lề trái
Ảnh dóng thẳng lề trái.

Nếu bạn muốn căn giữa ảnh, tức là để ảnh nằm giữa so với 2 bên, thì bạn click vào tấm ảnh đó, sau đó click vào biểu tượng sau:

Click vào biểu tượng căn ảnh
Click vào biểu tượng căn ảnh

Tiếp đó bạn chọn Align center là ảnh sẽ nằm ở chính giữa:

Align center để ảnh căn ra giữa
Align center để ảnh căn ra giữa

Và đây là kết quả:

Ảnh đã được căn giữa
Ảnh đã được căn giữa

Trong thực tế, căn ảnh ra giữa rất hay được dùng, vì nó tạo ra bố cục cân đối, vừa mắt.

Còn căn phải thì sao?

Nhìn chung website ít khi căn phải ảnh, nhưng bạn cũng nên biết để đôi khi cần dùng đến.

Nếu bạn nhấn Align right thì ảnh sẽ được căn sang bên phải:

Ảnh được căn sang phải
Ảnh được căn sang phải

Khi ảnh được căn sang phải chữ sẽ tràn sang bên trái.

Căn giữa thì không như thế. Khi bạn căn giữa thì chữ sẽ ở trên và dưới bức ảnh, chứ không tràn sang 2 bên.

Căn sang phải thế này bạn sẽ phải bố trí chữ sao cho vừa đủ liên quan đến bức hình đó khi trình bày văn bản.

4. Kẻ bảng

WordPress có khả năng trình bày bảng biểu (table) rất tiện. Dữ liệu bảng biểu nó giống như thế này:

3 họ phổ biến nhất ở Việt NamTỷ lệ
Nguyễn31%
Trần 11%
9%

Giống như danh sách dạng list, dữ liệu bảng biểu cũng giúp nội dung của bạn rõ ràng, gọn gàng, và dễ hiểu hơn.

Video:

Để thêm bảng trong WordPress, bạn click vào biểu tượng dấu cộng, sau đó click vào Browse all:

Browse all
Browse all

Một menu bên trái hiện ra, và bạn click vào Table:

Click vào Table để tạo bảng
Click vào Table để tạo bảng

Lúc này ở nội dung trang sẽ xuất hiện hộp sau:

Tùy biến thông tin cho bảng
Tùy biến thông tin cho bảng

Ở đây:

  • COLOUMN COUNT: nghĩa là số lượng cột của bảng mà bạn muốn (cột nằm dọc).
  • ROW COUNT: nghĩa là số hàng của bảng mà bạn muốn (hàng nằm ngang).

Ví dụ bạn muốn tạo bảng về họ phổ biến ở Việt Nam như trên, thì có nghĩa là bạn cần 4 hàng và 2 cột, bạn nhập thông tin đó vào, rồi nhấn Create Table để tạo bảng:

Kết quả:

Bảng đã được tạo và chèn vào website
Bảng đã được tạo và chèn vào website

Nếu bạn muốn thêm hàng, thêm cột hoặc xóa hàng, xóa cột thì làm thế nào?

WordPress cũng có sẵn tính năng chỉnh sửa cho bạn. Khi bạn click vào bảng, một menu hiện ra, bạn sẽ thấy nút để sửa bảng (Edit table):

Sửa bảng
Sửa bảng

Click vào đó bạn sẽ thấy các tùy chọn sau:

Các tùy chọn thêm sửa xóa bảng
Các tùy chọn thêm, sửa, xóa bảng

Giải thích cho hàng:

  • Insert row before: nghĩa là tại hàng mà bạn đang đặt con trỏ chuột, khi click tùy chọn này, nó sẽ chèn thêm một hàng ở trên hàng đó.
  • Insert row after: nghĩa là tại hàng mà bạn đang đặt con trỏ chuột, khi click tùy chọn này, nó sẽ chèn thêm một hàng ở dưới hàng đó.
  • Delete row: nghĩa là nó sẽ xóa hàng đó (hàng mà bạn đang đặt con trỏ chuột).

Giải thích cho cột:

  • Insert column berfore: nghĩa là tại cột mà bạn đang đặt con trỏ chuột, khi click tùy chọn này, nó sẽ chèn thêm một cột ở trước cột đó.
  • Insert column after: nghĩa là tại cột mà bạn đang đặt con trỏ chuột, khi click tùy chọn này, nó sẽ chèn thêm một cột ở sau cột đó.
  • Delete column: nghĩa là sẽ xóa cột đó (cột mà bạn đang đặt con trỏ chuột).

Chẳng hạn, trong bảng họ phổ biến ở Viêt Nam phía trên, giờ tôi muốn thêm một họ nữa vào thống kê, nghĩa là cần thêm một hàng nữa ở cuối. Do vậy tôi phải để con trỏ chuột xuống cuối hàng (nằm cột nào cũng được, nhưng phải ở hàng mà bạn muốn, trong trường hợp này là ở cuối), và nhấn Insert row after / Thêm một hàng nữa bên dưới.

Kết quả:

4 họ phổ biến nhất ở Việt NamTỷ lệ
Nguyễn31%
Trần 11%
9%
Phạm6%

Giờ tôi muốn bổ sung thêm cột Thứ tự 1, 2, 3, 4 làm thành cột đầu tiên để đánh thứ tự các họ thì tôi phải để con trỏ chuột vào cột đầu tiên (con trỏ chuột nằm hàng nào cũng được, nhưng phải thuộc cột mà bạn muốn chèn phía trước), rồi chọn Insert column berfore / Thêm một cột nằm phía trước cột này.

Kết quả:

Thứ tự4 họ phổ biến nhất ở Việt NamTỷ lệ
1Nguyễn31%
2Trần 11%
39%
4Phạm6%

Các thao tác với bảng, bạn cứ thực hành một lúc là sẽ quen việc chỉnh sửa thôi, nó thực sự dễ hiểu và cũng dễ thao tác.

Bài tiếp >>> Hướng dẫn sử dụng trình soạn thảo của WordPress [phần 2]