thuc-hanh-wordpress

Bài 12: Tạo Menu, Sidebar và chèn quảng cáo trong WordPress

Sau khi tạo được Category trong WordPress Alovoice sẽ hướng dẫn các bạn tạo Menu, Sidebar và chèn quảng cáo trên website của mình

Tạo Menu trong WordPress

Để tạo Menu chúng ta thực hiện như sau:

Từ trang quản trị chọn “Appearance->menus“

Bước 1: Tạo menu

Bạn Click vào “Create a new menu”,  trong trường “Menu Name” nhập vào giá trị tên menu là MenuChinh sau đó click vào “Create Menu” để tiến hành tạo menu.

tao-menu-trong-wordpress

Bước 2: Thêm các thành phần vào menu

tao-menu-trong-wordpress-1

Bạn nhấp vào “Categories” sau đó chọn tab “View all”, trong box này click chọn tất cả các thể loại đã tạo ở bước trên, sau đó nhấp vào “Add to Menu”.

Bạn nhấp vào “Pages” sau đó chọn tab “View all”, trong box này click Home. sau đó nhấp vào “Add to Menu”.

Tất cả các thể loại con kéo vô trong như minh họa bên dưới, ví dụ thể loại con “Lập trình Plugin chúng ta muốn đưa thục vô so với thể loại cha “Lập Trình WordPress” thì thực hiện như sau: click vào “Lập trình Plugin” giữ phím trái chuột và kéo vào trong.

Sau khi thực hiện xong, tiến hành gán menu vào vùng tương ứng của nó, thực hiện bằng cách: tại “Menu Settings” mục “Theme locations”  click chọn “Navigation”“Mobile”

Cuối cùng click vào “Save menu” để lưu lại tất cả các thiết lập.

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

tao-menu-trong-wordpress-2

Bước 3:Thêm icon vào menu

Bạn click vào menu Home, click vào Icon (optional) chọn Home sau đó click vào “Save Menu” như hình bên dưới:

tao-menu-trong-wordpress-3

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

tao-menu-trong-wordpress-4

Với cách làm tương tự bạn có thể tạo các Icon khác cho các menu khác còn lại, xem đây là bài thực hành thực tế dành cho bạn.

Có thể bạn quan tâm:
Khóa học WordPress Coaching 1 kèm 1 thứ 7 hàng tuần
Toàn tập Ebook thực hành WordPress

Thêm các thành phần vào Sidebar


Bạn vào “Appearance->Widgets”,đầu tiên bạn xóa tất cả các Widgets trong phần Sidebar bằng cách click lên Widget và nhấp vào delete như hình bên dưới. Chỉ để lại Widget Search mà thôi.

tinh-chinh-sidebar-wordpress-1

Vùng Sidebar sau khi xóa như sau:

tinh-chinh-sidebar-wordpress-2 

+ Thêm bài viết mới nhất vào vùng sidebar

Click vào “MTS Recent Posts”, chọn “Sidebar” sau đso click vào “Add Widget” như hình bên dưới

tinh-chinh-sidebar-wordpress-3

Sau khi widget đã được đưa vào vùng Sidebar, Bạn nhập “Bài viết mới nhất” vào trường title sau đó click “Save” để lưu lại những gì vừa làm.

tinh-chinh-sidebar-wordpress-4

Sau đây là kết quả.

tinh-chinh-sidebar-wordpress-5

+ Thêm Tag Cloud vào Sidebar

tinh-chinh-sidebar-wordpress-6

+ Thêm quảng cáo vào Sildebar, phần này làm các bước giống như mục “Thực hiện chèn quảng cáo vào vùng Header” như ở trên để thêm ảnh và link cho quảng cáo.

tinh-chinh-sidebar-wordpress-7

Và đây là kết quả sau khi thêm Tag và quảng cáo:

tinh-chinh-sidebar-wordpress-8

Còn rất nhiều thành phần widget để thêm vào vùng sidebar này, bạn có thể khám phá để thêm vào những thành phần phù hợp với nhu cầu sử dụng của bạn.

Chèn quảng cáo vùng header

Chọn “Media->Add New” sau đó click vào “Select Files” chọn tập tin “banner-qc-alovoice.png” trong thư mục “banner” của tập tin thực hành “Hinh-thuc-hanh-theme-best-mythemeshop.zip” mà bạn đã download từ group facebook. Chờ chút cho WordPress upload lên trang web, sau đó click vào “Edit”

chen-quang-cao-trong-wordpress-1

Sau khi click vào Edit, trong Box “File URL” chọn đường dẫn đến tập tin ảnh sau đó nhấn nút phải chuộtchọn copy như hình minh họa bên dưới.

chen-quang-cao-trong-wordpress-2

Bạn vào “Appearance->Widgets”  click vào “MTS 728×90 ad” sau đó chọn “Header Ad” và click “Add Widget”. Như hình minh họa bên dưới.

chen-quang-cao-trong-wordpress-3

Sau khi click vào “Add Widget”, “Widget MTS 728×90 ad” đã được đưa vào vùng quảng cáo “Header ad”, tại đây trong vùng “Ad image url”  bạn dán (Paste) Đường link URL của file ảnh đã copy ở bước trên. Còn trường “As link url” bạn gõ vào trang web cho banner quảng cáo này, ví dụ ở đây là alovoice.vn Sau đó bạn click “Save” để lưu lại. 

chen-quang-cao-trong-wordpress-4

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

chen-quang-cao-trong-wordpress-5

Như vậy là cơ bản website của chúng ta đã chở nên chuyên nghiệp và đầy đủ chức năng, qua phần cuối cùng Alovoice sẽ hướng dẫn bạn quản lý bài viết trong WordPress một cách chi tiết nhất.

Comments