[WPtips] Liên Kết ẩn Và Cách Tạo Mục Lục Thủ Công ... - Sera Hwang

1.Mình chỉ giúp các bạn tạo sẵn mục lục dạng Chương 1, Chương 2, Chương 3,… chứ còn dạng thứ tự chương kèm tên chương như kiểu “Chương 1: Dẫn sói vào nhà” thì mình không làm nhé. Cái này thì tất nhiên là sau đó các bạn phải tự nhập thêm vào thứ tự chương rồi chứ mình làm sao biết tên chương của các bạn là gì mà nhập thay

2.Các thao tác của mình được thao tác trên trình duyệt Google Chrome và hệ điều hành Windows 7, nếu các bạn sử dụng trình duyệt và hệ điều hành khác thì thao tác có thể khác đi đôi chút nhưng không đáng kể (và mình nghĩ là các bạn có thể tự thích ứng và mày mò được).

3.Về cơ bản thì các bạn chỉ cần copy+paste code mục lục tạo sẵn rồi chèn liên kết ẩn vào là được. Nhưng để mục lục trông lung linh hơn thì mình sẽ hướng dẫn các bạn một số tuỳ chỉnh với code. Các công cụ cần thiết khi tuỳ chỉnh code mục lục bao gồm: phần mềm Microsoft Word 2010, phần mềm Notepad (là Notepad, không phải Notepad++ nhé). Máy tính của mình sử dụng MS Word phiên bản 2010 nên mình hướng dẫn các bạn tạo bảng theo phiên bản này, các phiên bản cũ hoặc mới hơn mình không cài nên mình không rõ, các bạn có thể lên mạng để tìm cách sử dụng thao tác tương ứng với phiên bản MS Word 2010. Còn Notepad là phần mềm có sẵn trong hệ điều hành Windows ở bất kì phiên bản nào. Nếu các bạn dùng hệ điều hành khác mà không có phần mềm này thì các bạn có thể lên mạng tải về hoặc tự tìm kiếm những phần mềm có chức năng tương đương.

4.Trong bài này, mình sẽ hướng dẫn các bạn tuỳ chỉnh mục lục với thuộc tính căn lề là căn giữa (center). Nếu các bạn muốn tìm hiểu thêm để định dạng code mục lục đẹp hơn (đổi phông chữ, cỡ chữ,…) thì các bạn hãy đọc thêm bài HTML và một số code HTML cơ bản cho blog WordPress để biết cách viết một số thuộc tính nhé cuoinherang

5.Cuối mỗi phần hướng dẫn tuỳ chỉnh sẽ có video minh hoạ thao tác, nếu các bạn đọc hướng dẫn bằng lời và hình ảnh (nếu có) mà vẫn chưa hiểu thì hãy xem video để dễ hình dung hơn nhé cuoinherang

6.Khi các bạn sử dụng code mục lục tạo sẵn của mình, dù đã tuỳ chỉnh hay chưa tuỳ chỉnh, miễn là các bạn lấy nó để sử dụng thì hãy ghi nguồn cho mình như một cách tôn trọng công sức của người viết. Dưới đây là code ghi nguồn mình đã viết sẵn, các bạn hãy dán nó vào cuối phần mục lục truyện hoặc cuối bài viết chứa mục lục truyện nhé cuoinherang

<p style="text-align: center; margin: 15px 0;"><span style="display: inline-block; color: #808080; border-top: 1px solid #cccccc; padding-top: 7px; font-family: Arial; font-size: 13px; word-break: break-word;"><em>(Code mục lục được chia sẻ bởi <span style="color: #808080;"><strong><a style="color: #808080;" href="https://wptutbyserahwang.wordpress.com/2020/03/08/lien-ket-an-va-cach-tao-muc-luc-thu-cong/2/#code-muc-luc" target="_blank" rel="noopener">Sera Hwang</a></strong></span>)</em></span></p>

Từ khóa » Cách Tạo Mục Lục Trong Html