Bài 12: Header, Background, Editor trong WordPress

Bài trước, chúng ta đã tìm hiểu cách tạo và hiển thị các Menu trên Website của bạn. Giờ, chúng ta sẽ đi tiếp 3 công cụ còn lại nằm trong Appearance (gồm Header, Background, Editor).

 

Bài viết này thực hiện những thay đổi trên giao diện Twenty Fourteen của WordPress 3.9.1.

I. HEADER

1. Lựa chọn Header:

Bạn chọn công cụ Header trong phần Appearance trong trang quản trị WordPress.

Preview: Hiển thị hình ảnh Header được lựa chọn.

Select Image: Lựa chọn một ảnh làm Header bằng 3 cách: 

  • Cách 1: Nhấn vào Chọn tệp (Select Files) > Chọn ảnh bạn muốn đặt làm Header > Nhấn Upload (2).
  • Cách 2: Nhấn vào Choose Image (3) để chọn ảnh đã được tải lên thư viện ảnh Media Libary làm Header.
  • Cách 3: Trong phần Uploaded Images chứa các ảnh đã được chọn làm Header mà bạn đã tải lên trước đó.

+ Nếu bạn chọn vào Random  (4) để WordPress sẽ hiển thị ngẫu nhiên các ảnh có trong đó.

+ Nếu bạn chọn một hình ảnh bên dưới phần Random (5), bạn sẽ chọn ảnh đó làm Header.

Header text: bạn có thể đánh dấu chọn Show header text with your image để hiển thị Site Title cùng với ảnh làm Header.

Nhấn Save Changes để lưu lại thay đổi.

2. Trước khi thêm Header cho giao diện:

3. Sau khi chọn ảnh làm Header

Lưu ý: Công cụ Header thường được cung cấp giúp bạn lựa chọn ảnh cho các giao diện mặc định của WordPress như Twenty Fourteen, Twenty Thirteen, Twenty Twelve. Các giao diện được hãng thứ 3 phát triển có thể không sử dụng công cụ này.

II. BACKGROUND

Tương tự, background thường được dùng để thay đổi ảnh nền cho Website sử dụng các giao diện mặc định của WordPress như Twenty Fourteen, Twenty Thirteen, Twenty Twelve. Trong trường hợp bạn sử dụng giao diện của hãng thứ 3, có thể bạn sẽ không thấy công cụ Background trong phần Appearance.

Để có thể lựa chọn Background cho Website, bạn chọn Appearance, nhấn Background.

Tương tự như trong phần Header, bạn có thể thấy:

Preview: Hiển thị ảnh nền đã được chọn.

Select Image: Bạn có 2 cách để chọn một ảnh làm ảnh nền

  • Cách 1: Tải ảnh từ máy tính của bạn bằng cách nhấn Chọn tệp (Select File), chọn ảnh trong máy tính của bạn, chọn Upload để tải ảnh lên Website.
  • Cách 2: Chọn ảnh trong thư viện ảnh Media Library làm ảnh nền bằng cách nhấn vào Choose Image và chọn một ảnh trong thư viện, nhấn Set as background.

Display option:

Nếu bạn không muốn sử dụng một hình ảnh làm ảnh nền, bạn có thể lựa chọn một màu làm màu nền cho Website bằng cách nhấn vào Select Color, chọn một màu bạn muốn đặt làm màu nền. Sau đó nhấn Save Changes.

III. EDITOR

Bạn muốn thay đổi mã nguồn của giao diện Website WordPress bạn đã cài đặt trên Website, bạn chọn Appearance, nhấn Editor.

Trong phần Edit Themes, bạn cần chọn giao diện bạn muốn can thiệp mã trong phần Select theme to edit, sau đó nhấn Select (2). Sau khi chọn thành công, bạn sẽ thấy trong phần Templates (3) sẽ xuất hiện các Template của giao diện bạn chọn ở trên. Bạn nhấp chuột vào Template cần chỉnh sửa.

Bạn có thể xem thông tin Template bạn đang chọn được hiển thị bên dưới dòng chữ Edit Themes (4). Như trong hình, dòng chữ Twenty Fourteen: Styleshees (style.css) cho bạn biết bạn đang chọn Template Stylesheet để quy định phong cách hiển thị nội dung trong giao diện Twenty Fourteen.

Ở cửa sổ bên dưới (5) là nội dung đoạn mã chứa trong Template Stylesheest (style.css) như trong hình. Bạn có thể thay đổi các đoạn mã trong phần này. Nhấn Update File để lưu lại các thay đổi.

Lưu ý: Trước khi tiến hành các thay đổi các đoạn mã sử dụng trong các Template, bạn nên lưu lại đoạn mã ban đầu bằng cách chép chúng ra Notepad++ và lưu lại chúng dưới dạng .txt.

Save


Ngôn ngữ

Hải sản Vân Đồn

Chuyên mục Tùy biến giao diện WordPress

TÌM KIẾM

Chuyên mục Thủ thuật WordPress

SINH NHẬT 5 - TRIỆU BẤT NGỜ