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
  {message type="warning" content="Nếu bạn chọn Chế độ nhúng thì mỗi khi viết bài bạn cần phải dán đoạn code dưới đây vào phần nội dung bài viết, để mục lục có thể hiển thị "/}

  <!-- menu-index -->

  {message type="warning" content="Nếu bạn chọn Chế độ độc lập thì mỗi lần đăng bài viết mới, bạn sẽ không cần thêm đoạn code như chế độ nhúng nữa, và bạn cần chỉnh sửa code bên trong theme thêm chút nữa để hoàn tất "/}

• 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

{collapse}
{collapse-item label="Download Plugin MenuTree"}
{cloud title="Server WAPVN.TOP" type="ty" url="https://upload.wapvn.top/FXfPzCJzvKpI9mB/file" password=""/}{cloud title="Link dự phòng 1" type="360" url="https://drive.google.com/file/d/1iYLi71GcAv_QS2-1NeJfEwuV1RXgIvmc/view?usp=sharing" password=""/}{cloud title="Link dự phòng 2" type="bd" url="https://1drv.ms/u/c/8dbfce557068ce41/EVu8em0I2EhGu5bUhI1DMk4BYMlpW2IsUM6c5G_WRIs2lQ?e=OL05Hr" password=""/}
{/collapse-item}
{/collapse}{message type="error" content="Vui lòng ghi rõ nguồn: MeoDiLac - WapVN.TOP"/}