[WordPress] 外掛分享： Interactive Longform Articles

內容簡介

互動式長文章，具有淡化滾動效果。

範例

https://www.theversed.com/90435/life-preserver-meet-the-navy-airr-who-is-dedicating-his-life-to-helping-others/

https://www.theversed.com/91272/ascender-one-sailors-journey-reach-new-heights

https://www.theversed.com/88874/wavemaker-the-road-to-recovery

使用方式

解壓縮插件檔案並上傳至 /wp-content/plugins/ 路徑，或透過 WordPress CMS 安裝插件。
啟用 WordPress CMS 中的 Plugins 插件。
如果使用 WP 5.0+，請停用 Gutenberg 編輯器（請參閱以下說明）
新增文章或頁面，並將「互動式文章」選擇為頁面模板。
建立互動式文章（請參閱以下說明）
發佈文章。

如何停用 Gutenberg 編輯器

互動式長文章目前不支援 Gutenberg 編輯器。請查看停用編輯器的選項：https://kinsta.com/blog/disable-gutenberg-wordpress-editor

如何建立互動式文章

https://github.com/clickonmedia/interactive-longform-articles/wiki/Instructions

設定

在「設定 > 互動式長文章」中，您可以調整幾個選用的設定：

將互動式文章啟用為單獨的文章類型。
啟用「下載」區域。
在文字編輯器中啟用 iframe 嵌入。
新增 Google Analytics 事件追蹤。
調整進度指標顏色。

選用功能
自訂標誌

啟用主題的自訂標誌，以添加自訂標誌：https://developer.wordpress.org/themes/functionality/custom-logo

標頭與頁尾

預設的標頭與頁尾可通過在名為「interactive」的目錄中包含 header.php 或 footer.php 模板來自訂。

短代碼

使用 [interactive-list max=”3″] 短代碼可添加互動式文章的輪播列表。「Max」參數指示所列出的文章的最大數量。需要為所有文章設置特色圖片。

要求

WordPress 3.0 - 4.*
已停用 Gutenberg 編輯器的 WordPress 5.*

外掛標籤

開發者團隊

📦 歷史版本下載

2.1.32.1.42.1.52.1.6

原文外掛簡介

Interactive longform articles, with a fading scroll effect.
Examples
https://www.theversed.com/90435/life-preserver-meet-the-navy-airr-who-is-dedicating-his-life-to-helping-others/
https://www.theversed.com/91272/ascender-one-sailors-journey-reach-new-heights
https://www.theversed.com/88874/wavemaker-the-road-to-recovery
Usage

Upload the unzipped plugin files to the /wp-content/plugins/ directory, or install the plugin via WordPress CMS
Activate the plugin in Plugins section in WordPress CMS.
If using WP 5.0+, disable Gutenberg Editor (see instruction below)
Add a new post or page, and select “Interactive article” as the page template
Create an Interactive Article (see instruction below)
Publish article

How to disable the Gutenberg editor
Interactive Longform Articles doesn’t currently support the Gutenberg Editor. Please see your options on disabling the editor at: https://kinsta.com/blog/disable-gutenberg-wordpress-editor
How to create Interactive Articles
https://github.com/clickonmedia/interactive-longform-articles/wiki/Instructions
Settings

There are a few optional settings you can adjust in Settings > Interactive Longform Articles:

Enable Interactive Articles as a separate post type
Enable the “downloads” section
Enable iframe embedding in text editor
Add Google Analytics Event tracking
Adjust the progress indicator color

Optional features
Custom logo

A custom logo can be added by enabling Custom Logo for the theme: https://developer.wordpress.org/themes/functionality/custom-logo

Header and footer

Default header and footer can be customized by including a header.php or footer.php template in a directory named “interactive” inside the theme

Shortcode

A carousel list of interactive articles can be added by using shortcode [interactive-list max=”3″]. “Max” parameter indicates the maximum amount of articles listed. Requires that featured images are set for all articles.

Requirements

WordPress 3.0 – 4.*
WordPress 5.* with Gutenberg disabled

延伸相關外掛