Plugin MenuTree Việt Hóa - Auto Tạo Mục Lục

Xàm tí đã

Đây là plugin giúp bạn tự động tạo mục lục bài viết dựa trên các thẻ H1 H2 H3 H4 H5 H6 có trong bài viết!

Demo

　Demo bạn có thể xem ngay bài viết này, bạn có thể thấy phần Mục lục ở bên trái của bài viết.

Hướng dẫn cài đặt

• Tải plugin ở cuối bài viết về và upload vào thư mục usr/plugins/, hãy đổi tên thư mục thành MenuTree nếu không plugin sẽ không hoạt động.
• Di chuyển tập tin menutree.js vào đường dẫn như sau /usr/themes/theme bạn đang sử dụng/assets/js
• Di chuyển tập tin menutree.css vào đường dẫn như sau /usr/themes/theme bạn đang sử dụng/assets/css
• Quay lại bảng điều khiển của blog và vào trang Quản lý plugins trong bảng điều khiển blog, tìm và bật plugin có tên là Menu Tree.

• Vào cài đặt và bạn sẽ có 2 sự lựa chọn như sau: Chế độ nhúng và Chế độ độc lập
  

  <!-- menu-index -->

• Vào đường dẫn sau /usr/themes/theme bạn đang sử dụng/post.php và thêm đoạn code dưới đây vào khu vực hợp mắt của bạn!

            <aside class="joe_aside">
                <section class="joe_aside__item menutree">
                 <div class="joe_aside__item-title">
                  <svg t="1642997936013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2169" width="128" height="128"><path d="M838.3 895.9H197.9c-53.9 0-97.7-43.8-97.7-97.7V236.7c0-53.9 43.8-97.7 97.7-97.7h640.3c53.9 0 97.7 43.8 97.7 97.7v561.4c0.1 53.9-43.7 97.8-97.6 97.8zM197.9 203.8c-18.1 0-32.9 14.8-32.9 32.9v561.4c0 18.1 14.8 32.9 32.9 32.9h640.3c18.1 0 32.9-14.8 32.9-32.9V236.7c0-18.1-14.8-32.9-32.9-32.9H197.9z" fill="#666666" p-id="2170"></path><path d="M695.1 455.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 578.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 701.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM379.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5zM657.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5z" fill="#666666" p-id="2171"></path></svg>
                  <span class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Mục lục</font></font></span>
                  <span class="aimac"></span>
                  <span class="line"></span>
                 </div>
                 <div class="joe_aside__item-contain">
        <?php $this->treeMenu(); ?>
                 </div>
                </section>
            </aside>
  <script src="<?php $this->options->themeUrl('assets/js/menutree.js'); ?>"></script>

Download