Linux 软件免费装
Banner图

Joli Table Of Contents

开发者 wpjoli
更新时间 2024年9月19日 19:51
PHP版本: 5.6 及以上
WordPress版本: 6.6.2
版权: GPLv2 or later
版权网址: 版权信息

标签

seo navigation summary indexes table of contents toc

下载

2.0.1 2.0.2 2.0.3 2.0.5 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.1.2 2.2.0 2.2.1 2.3.1 2.4.0 2.0.6 1.0.1 1.1.0 1.1.1 1.2.0 1.3.8 1.3.3 1.3.5 1.3.9 2.0.0 1.3.0 1.3.2 1.3.7 2.0.4 2.0.10 1.0.0

详情介绍:

https://www.youtube.com/watch?v=TXfJ4SnsNUA Joli Table of Contents is the best SEO-friendly Table of Contents for WordPress. It is both performance friendly & user friendly and provides plenty of options for customization so that it can match your website's look. It also performs really fast without jQuery and minified CSS/JS. Enhance your website and make it look more valuable for both your visitors and Google ! ⭐ CHECK OUR OTHER PLUGINS ⭐HIGHLIGHTS 🆕 GUTENBERG BLOCK Since v2, you can now use the block to insert a table of contents. The block lets you easily HIDE or EDIT specific headings. In addition, the block picks up on headings that would be generated by a third party shortcode or block but invisible in the actual editor. In the PRO version, you can override any setting for a specific block from the block settings panel. 🚀 PERFORMANCE ORIENTED Joli Table of contents uses a combination of minified CSS and Javascript to run at maximum speed. It also does not depend on jQuery to improve performance. 🧠 SUPERIOR HEADING PROCESSING Unlike its competitors, Joli Table of Content picks up on headings hidden behind third-party shortcodes and blocks. This means that it will show the headings that do not directly appear in the editor, but are still present in the front-end ! 🖌 THE MOST CUSTOMIZABLE TABLE OF CONTENTS PLUGIN Joli table of contents has been designed to really match your expectations. Every single part of the table of contents is highly customizable, and uses a CSS variable approach to make it even more customizable. You can adjust a large array of settings including: * Margin * Padding * Border radius * Border * Colors * Fonts * and more... 🔽 ICON OR TEXT TOGGLE Choose between a Text toggle for a more classic look OR an Icon toggle for a more modern approach. 📐 CUSTOM THEME READY Joli Table of contents now bundles a custom theme engine, that lets you create your own theme. There is a lot of CSS variables that you can override or/and create more complex styles. 🚀 SHOW ONLY A FEW HEADINGS UPON PAGE LOAD (PARTIAL FOLD) [PRO] Improve your page UX with the Partial Fold on load option. Only show the first few headings upon page load with a "View more" button to expand the table of contents fully. 📑 ADVANCED AUTO-INSERT RULES [PRO] Auto-insert supports multiple additional rules: * Post type * Post title * Post ID You can also EXCLUDE specific posts by Post title or Post ID 🎛 DIFFERENT SETTINGS PER POST TYPE [PRO] Create different settings per post type for maximum flexibility. For example you can use Theme 1 for "post" post type, and use Theme 2 for the "page" post types. Good news is every single setting can be set differently per post type, not just themes ! This also works with custom post types. ✅ FLOATING TABLE OF CONTENTS [PRO] The floating table of contents widget is optionally displayed as the user scrolls the page. It remains hover your content and now features optional navigation buttons and advanced customization ! ✅ SLIDE OUT TABLE OF CONTENTS [PRO] The slide out table of contents widget brings more value to your page and makes it more readable. It shows the table of contents in a fixed position on the side of the screen. ✅ PROGRESS BAR WIDGET [PRO] This new widget shows a fixed progress bar over the content and indicates the percentage of advancement throughout the reading. ✅ STICKY SIDEBAR TABLE OF CONTENTS [PRO] Use the table of contents in a sidebar widget and have it sticky as the page gets scrolled. 📃 Main Features 🚀 Joli Table of contents Pro Features include: Get Joli Table Of Contents Pro Auto-insert The Auto-insert feature is optional and allows to automatically insert the Table of Contents to your content with the following options. Supported post types: Shortcode Use the following shortcode within your content to have the table of contents display where you wish to: [joli-toc] 🎣 Hooks You can use any of the hooks provided to add custom content to the actual Table Of Contents. List of all the hooks available here. Examples & How to use ? Copy & paste the code examples below into your theme's functions.php file: Globally disables Joli Table Of Contents site-wide. add_filter('joli_toc_disable_autoinsert', function(){ return true; }); For some reason if you do not want the js/css/inline styles to load (could break functionnalities). //disables js add_filter('joli_toc_disable_js', function(){ return true; }); //disables css add_filter('joli_toc_disable_styles', function(){ return true; }); Customizes the shortcode tag ( Useful if you were using a different plugin before ). add_filter('jolitoc_shortcode_tag', function(){ return 'custom-tag';}); Customizes the title (collapse). add_filter('joli_toc_toc_title', 'my_custom_title', 10, 1); function my_custom_title( $title ){ if ($a == $b){ $title = "My Custom TOC Title"; }else{ $title = "My Alternate TOC Title"; } return $title; }

安装:

This section describes how to install the plugin and get it working. e.g.
  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the 'Plugins' screen in WordPress
  3. Use the Settings->Plugin Name screen to configure the plugin
  4. (Make your instructions match the desired user flow for activating and installing your plugin. Include any steps that might be needed for explanatory purposes)
INSTALLING FROM THE WORDPRESS ADMIN
  1. Go to the “Plugins > Add New” page.
  2. Type “Joli Table Of Contents” in the search field
  3. Look for the “Joli Table Of Contents” plugin in the search result and click on the “Install Now” button, the installation process of plugin will begin.
  4. Click “Activate” when the installation is complete.
INSTALLING WITH THE ARCHIVE Go to the page “Plugins > Add New” on the WordPress control panel Click on the “Upload Plugin” button, the form to upload the archive will be opened. Select the archive with the plugin and click “Install Now”. Click on the “Activate Plugin” button when the installation is complete. MANUAL INSTALLATION Upload the folder joli-table-of-contents to your site's plugin folder, usually it is /wp-content/plugins/. Go to the page “Plugins > Add New” on the WordPress control panel Look for “Joli Table Of Contents” in the plugins list and click “Activate”. HOW TO DISPLAY THE TABLE OF CONTENTS ON MY WEBSITE ? Once you've installed Joli Table Of Contents, go to the Settings page under the Menu "Joli TOC". Then You have 3 choices:
  1. Under Auto-insert, select the post types you would like to have to TOC to display
  2. Use the Joli Table of contents Block in the Gutenberg editor.
  3. Use the [joli-toc] shortcode directly inside your content.
WHAT TO DO AFTER ACTIVATION ? Please check our Getting started guide.

屏幕截图:

  • Block being edited
  • Heading being edited in the block
  • Front-end view with modifications from the block
  • Free Themes overview
  • Settings page - GENERAL
  • Settings page - HEADINGS
  • Settings page - AUTO-INSERT
  • Settings page - WIDGET SUPPORT
  • Settings page - THEME
  • Settings page - STYLES
  • Settings page - FLOATING TABLE OF CONTENTS
  • Settings page - SLIDE-OUT TABLE OF CONTENTS
  • Settings page - PROGRESS BAR

升级注意事项:

With the introduction of the version 2, Joli Table of contents benefits from a complete redesign. This new redesign brings much more flexibility in terms of styling, adds performance, gets rid of jQuery, and is correcting the flaws of the version 1. To achieve these goals, building on top of V1 was not possible, that is why the version 2 comes with some breaking changes. Your custom CSS from v1 will not work anymore andd some hooks are being deprecated.

常见问题:

What should I do after I install the plugin ?

Please refer to our Getting started page for first time use and also How to insert a table of contents ?.

What does the new v2 change ?

Joli Table of contents has been entirely redesigned from the ground up since v2. This new version brings a brand new Block for Gutenberg, more performance, gets rid of jQuery, and the architecture of the actual TOC has been rethought to make it more flexible in terms of custom design. Themes are now built around CSS variables. If you have been using the v1 until now, all of your custom CSS will not work on v2. Some hooks have also been deprecated. The "Visibility" option has been deprecated, and is now replaced by multiple, simpler options (such as "fold on load")

I have been using v1.x.x, what will happen after updating to v2 ?

After you update to v2, you will see a WARNING notice in your WordPress dashboard, inviting you to switch to v2. Since the v2 has gone through a complete redesign, there are some breaking changes and to make the switch easier, Joli Table of contents provides a mechanism to switch between v1 & v2 until you are comfortable with the v2. The v1 support will be definitely dropped on Jul 31st, 2024 (extended from Jan 31st 2024).

How can I make it work after installation ?

Once you've installed Joli Table Of Contents, go to the Settings page under the Menu "Joli TOC". Then You have 3 choices:

  1. Under Auto-insert, select the post types you would like to have to TOC to display
  2. Use the Joli Table of contents Block in the Gutenberg editor.
  3. Use the [joli-toc] shortcode directly inside your content.

Is Joli Table Of Contents responsive ?

Yes, it is fully responsive and hover events work as touch actions on mobile.

The title, headings or toggle button won't show, what to do ?

Depending on your theme, text color may have the same color as the TOC background color as they are inherited by default. In order to change the color, go to the Settings, then under the Appearance tab, change any color.

更新日志:

2.4.0 2.3.1 2.3.0 2.2.0 2.1.2 2.1.1 2.1.0 2.0.10 2.0.9 2.0.8 2.0.7 2.0.6 2.0.5 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.3.9 1.3.8 1.3.7 1.3.6 1.3.4 1.3.3 1.3.2 1.3.0 1.2.0 1.1.2 1.1.1 1.1.0 1.0.1 1.0.0