[WordPress] 外掛分享: MakeITeasy Back To Top

WordPress 外掛 MakeITeasy Back To Top 的封面圖片。

前言介紹


  • 這款 WordPress 外掛「MakeITeasy Back To Top」是 2023-06-15 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2025-12-05,距離現在已有 83 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者


lovor |

外掛標籤


block | back to top | scroll to top | Back to Top Button | scroll to top button |

內容簡介


WordPress外掛 - 回到頁面頂端 - 這是一個高度可自訂和輕量的回到頁面頂部解決方案。 - 完全兼容全網站編輯主題,如果啟用區塊編輯器,也與傳統主題兼容。 - 這不同於其他類似的外掛,因為它是一個區塊,您可以在其中插入任何其他區塊,可以優化自定義。默認情況下,插入具有內聯圖像的按鈕區塊,但您可以刪除它,插入任何其他您希望的區塊,自定義默認按鈕或插入自己的圖像。由於按鈕是常規 WordPress 區塊,因此您可以像通常一樣進行自定義,在側邊欄中選擇背景色或前景色,為邊緣選擇邊框半徑或其他任何可以在區塊編輯器中自定義的內容。 - 插件提供一個名為“返回頂部”的區塊,可用於將用戶帶回頁面頂部。默認情況下,僅當用戶向下滾動一定量時才會顯示按鈕。 - 最佳使用方式是使用全網站編輯主題,在那裡您可以將其添加到頁腳(或標題),該區塊將顯示在每個使用此頁腳的頁面上。如果將其添加到頁面,則僅顯示在該頁面上。 - 如果將此區塊添加到頁面上,則僅顯示在此頁面上。為了在許多/所有頁面上顯示它,您必須將其添加到頁腳(或頁眉)。您可以通過在其中一個頁面上創建區塊並複製其代碼(從區塊菜單中選擇複製選項)來實現這一點。然後,在頁腳(標題)php模板中添加“do_blocks($ content);”行,其中將$content替換為複製的區塊內容。內容必須在單引號之間,因為它是字符串,根據 PHP 的規則。 - 在區塊編輯器側邊欄中,可以選擇區塊是否出現在桌面和移動設備的頁面中以及兩者之間的斷點。在按下按鈕時選擇頁面滾動模式:平滑或即時。區塊的不透明度。慢慢出現的持續時間(“淡入”)。區塊從瀏覽器窗口右下角的位置,以自選 CSS 單位進行定位。

原文外掛簡介


Very customizable and lightweight back to top 🔝 solution. Fully compatible with Full Site Editing themes and with classic themes if block editor is enabled. How this differs from other similar plugins? This is a block, inside which you can insert any other block. This makes it utmost customizable. By default, a button block with inline image is inserted, but you can remove it and insert any other block you wish or customize default button or insert your own image. As button is a normal WordPress block, you can customize it like you would normally do, pick background color or foreground color from sidebar, choose border radius for edges, or anything else which is customizable in block editor. Features (block editor sidebar) In the block sidebar, it is possible to choose if the block will appear both on desktop and mobile variant of page and breakpoint between the two. Choose page scroll mode when clicked on button: smooth or instant. Opacity of the block. Duration of slow appearance (“fade in”). Position of the block from bottom right corner of the browser window, in css unit by choice. Go to bottom functionality. DEMO Test in wordpress playground Choose “Live preview” button in top left area of screen. To get this working, a little effort is needed. These are the steps: Enter the admin area Open site editor (Edit site in admin toolbar) On the left sidebar, in AREAS, find Footer Insert “Back to top” block in the footer group block (outer group block, as there are two), as the last element of group. If you insert it outside, it may appear very wide. If you inserted it in the wrong place, correct it by moving the block to position. Set block alignment to right if you want it at the right side. Be carefull to set “Back to top”‘s block alignment, not alignment of the inner button. You can also activate “go to bottom” functionality in the block settings sidebar to try this. Save and navigate to front page. It should work. Or, alternatively, try demo of my popup block, where everything is already set up and also back to top button is showcased: MakeITeasy popup Go to bottom Introduced go to bottom functionality – can be turned on in block sidebar (off by default). When user scrolls down button flips down ⬇ and leads to bottom of page, when scrolled up it flips up ⬆ and leads to top of page. Usage General Plugin provides a block called “Back to top”, which serves the commonly known purpose to take user to top of the page. By default, button appears only when user scrolls some amount down. Block themes The best way to use plugin is using full site editing theme. There you can add it to footer (alternatively to header) and block will be displayed on each page with this footer. If you add it to page, it will be displayed for this page only. Classic themes As mentioned above, adding this block to page will show it only on this page. To show it on many/all pages, you have to add it to footer (or header). You can do so by creating block on one of the pages and copy its code (copy option from block menu). Then, add echo do_blocks($content); line in your footer (header) php template, where you replace $content with copied block content string. Content must be between single quotes, as it is string, according to rules of PHP. Or even better, use nowdoc syntax. Example for theme GeneratePress: First create child theme, so your code is not overwritten by theme updates. Then in footer.php, after line 13 of original footer.php of theme insert following code: echo do_blocks( <<<'block'

Back to top arrow
block ); Important note: If you install block through block editor, and after creating block, you copy block code to footer and delete original block in page, plugin will be automatically uninstalled. This is handled by WordPress. Therefore, if you are using classic theme and you will use block code only in PHP, either install plugin in a classic way through plugins page or keep one copy of block active somewhere (e.g dummy draft page), to prevent automatic uninstall. Developers Github repository https://github.com/Lovor01/makeiteasy-back-to-top

各版本下載點


  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「MakeITeasy Back To Top」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.0.1 | 1.1.0 | 1.1.1 | 1.2.0 | 1.2.1 | trunk |

延伸相關外掛(你可能也想知道)


  • Smooth Back To Top Button 》Smooth Back To Top 按鈕與捲動進度指示器能讓您的訪客輕鬆地捲回頁面頂部。, 這是一個輕量、完全可自訂的外掛,具有許多功能,包括:, 功能:, , 當使用者向...。
  • Scroll To Top WP 》Simple Scroll to Top WP 外掛可協助你啟用「回到頁首」按鈕到你的 WordPress 網站。此外掛可讓你的訪客輕鬆地快速回到頁面最上方。它支援所有主要瀏覽器,並...。
  • Easy Scroll To Top 》Easy Scroll To Top 是一款 WordPress 外掛,可添加一個按鈕,僅當用戶下滾頁面時才會出現,使他們能夠滾動到頁面頂部。不需要進行配置,只需啟用該插件即可...。
  • Yeasfi Back to Top Button 》這是一個簡單又流暢的回到頁面頂端按鈕外掛程式,易於安裝與使用。。
  • Modern Back To Top Button 》總結:Modern Back To Top Button 是一個為您的 WordPress 網站提供優雅且可自定義的"返回頂部"按鈕的外掛。當使用者滾動頁面時,按鈕會出現,讓他...。
  • Easy Back To Top Button 》### 總結:, Easy Back To Top Button 是一個輕量、用戶友好的外掛,讓您可以在 WordPress 網站上添加可自定義的「返回頂部」按鈕。, 無需編碼技能!直接從 Wo...。
  • Page Scroll To Top WP 》總結: 透過這個 WordPress 外掛,您可以輕鬆在您的網站上啟用「返回頂部」按鈕。, , 問題與答案:, 1. 這個外掛是用來做什麼的?, - 這個外掛可以幫助您在 Wor...。
  • Smooth Scroll To Top Button 》總結文案:Smooth Scroll To Top 按鈕讓訪客能夠輕鬆地滾動回頁面頂部,並提供完全可自定義的選項。訪客可以透過按鈕設計工具視覺化按鈕設計,並預覽實際效果...。
  • Minify Scroll To Top WP 》- Minify Scroll到最上面插件可幫助您在WordPress網站上啟用回到頁面按鈕。- 插件文檔:https://wordpress.org/plugins/minify-scroll-top-wp/- 不需要設置。...。
  • Scroll to top by one Click 》「一鍵返回頂端」插件能建立一個按鈕,幫助使用者通過一鍵回到頁面的頂端。, , 使用此插件可以讓WordPress網站的使用者輕鬆滾動回頁面的頂端。, , 支援所有主...。
  • SCROLL TO TOP BY TOWKIR 》回到頂端按鈕是一個簡單易用的 WordPress 外掛程式。您不需要任何編碼或程式設計知識,只需要安裝並啟用此外掛程式。。


文章
Filter
Apply Filters
Mastodon