這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WP Intro.JS Plugin

外掛說明

WP Intro.JS plugin allows you to easily add tours or tutorials to your site (front-end or back-end admin pages) using Intro.JS. Additionaly, hint pips are available to be displayed. Almost every feature within Intro.JS has been implemented.

WHY USE INTRO.JS?
When new users visit your website or product you should demonstrate your product features using a step-by-step guide. Even when you develop and add a new feature to your product, you should be able to represent them to your users using a user-friendly solution. Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily.

General Information

Tours can be associated to any page or post. There are 2 shortcodes available to provide quick links to start the tour or show the hints. Tours can auto-start as well as be disabled after completion per user.

Shortcodes

  • [wpintrojs_tour] – Shows a Start Tour link
  • [wpintrojs_hint] – Shows a Show Hints link

螢幕擷圖

  • Tour Overview
  • Edit Tour
  • Add Steps
  • Add Hints

安裝方式

Requirements

  • PHP 5.3+ (7.3+ is preferred)
  • WordPress 3.6+
  • jQuery 1.10+

Install Methods

  • Through WordPress Admin > Plugins > Add New, Search for “WP Intro.JS”
    • Find “WP Intro.JS”
    • Click “Install Now” of “WP Intro.JS”
  • Download wpintrojs-plugin.zip locally
    • Through WordPress Admin > Plugins > Add New
    • Click Upload
    • “Choose File” wpintrojs-plugin.zip
    • Click “Install Now”
  • Download and unzip wpintrojs-plugin.zip locally
    • Using FTP, upload directory wpintrojs to your website’s /wp-content/plugins/ directory

Activation

  • Click the “Activate” link for “WP Intro.JS” at WordPress Admin > Plugins

Upgrading

  • Through WordPress
    • Via WordPress Admin > Dashboard > Updates, click “Check Again”
    • Select plugins for update, click “Update Plugins”
  • Using FTP
    • Download and unzip wpintrojs-plugin.zip
    • Upload directory wpintrojs to your website’s /wp-content/plugins/ directory
    • Be sure to overwrite your existing wpintrojs folder contents

Deactivation

  • Click the “Deactivate” link for “WP Intro.JS” at WordPress Admin > Plugins

Deletion

  • Click the “Delete” link for “WP Intro.JS” at WordPress Admin > Plugins
  • Click the “Yes, Delete these files and data” button to confirm “WP Intro.JS” plugin removal

常見問題集

  • How do I start the tour or hints via JS? Just make a call to wpIntroJs_StartTour() or wpIntroJs_ShowHints().

使用者評論

2020 年 6 月 16 日
I've already got two tours on my website introducing new users to the various features and pointing out what's what. This plugin is exactly what I needed.
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WP Intro.JS Plugin〉的開發相關工作。

參與者

將〈WP Intro.JS Plugin〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

  • 1.0.0 Initial Commit