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

Simple Sticky Footer

描述

Instructions: First of all activate the plugin.

Step1: Create a new page. I suggest to add as title “Sticky Footer”

Step2: Go to the configuration page APPEARANCE -> SIMPLE STICKY FOOTER.

Step3: Select the page which will be shown on your website.

Step4(optional): Define a width, in most cases the width of your page.

Step5(optional): Define an animation effect.

Step6(optional): Define a delay. Sometimes you want to show the sticky footer after 10-15 seconds. Now you can do this.

Step7(optional): Define additional CSS rules like: rounded borders, gradient background, shadows, etc … Do not use { }, just enter the css properties ex: background:gray;border-top:1px;

Have fun!

PS: If you have useful feature tip related to this plugin please write in the plugins support section.

螢幕截圖

  • Settings page.
  • Front-end exampe.

安裝

  1. Install Simple Sticky Footer either via the WordPress.org plugin directory, or by uploading the files to your server
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. (optional) Configure the plugin settings in APPEARANCE -> STICKY FOOTER.
  4. That’s it. You’re ready to go!

常見問題

How can I add custom sticky footer wherever I want?

Shortcode feature was added since v1.2.0.

Examples:

  1. Insert shortcode into a page/post – : [simple_sf pid=900], where pid is the id of your (sticky footer) page.
  2. Insert shortcode into a template file: <?php echo do_shortcode(‘[simple_sf pid=900]’); ?>

You might create as many sticky footers you want, and easily can integrate in any template file.

Why I can’t see the bottom part of the page ?

Sticky footer has a fixed position. It’s recommended to define padding bottom for your body with the height of the sticky div.
Eg: Sticky footer height is 160px. You might define in your themes style.css : body {padding-bottom: 160px;}

How can I customize 100% ?

If it is not enough the customizaton options from the administration panel, you should add extra CSS properties in your style.css from the active theme directory.
Of course you can add interactions in your theme’s javascript file.
Sticky footer has 2 divs:

  • container: #simple-sticky-footer-container

  • content: #simple-sticky-footer

評價

2017年4月26日
Very nice Plugin works also perfect with Page Designer and Gravity Forms. One tiny wish would be to close the sticky footer But anyway thank you for the updates and good work
2016年9月3日
I tested this with Avada and had no problems out of the box. This is definitely a good solution for any website that needs a sticky footer and needs to make it easily. Because this plugin pull from a page’s content, then creating the content for your Sticky footer is simple as creating a page, then selecting that page to be your stick footer content. And that’t it. Done, unless you want to add some fancy effects 🙂 5 Stars.
閱讀全部10個評價

貢獻者及開發者

“Simple Sticky Footer” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Simple Sticky Footer 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

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

修改日誌

1.3.5

  • [Test] WordPress 4.7
  • [Test] WordPress 4.4.1
  • [Test] WordPress 4.3.2
  • [Test] WordPress 4.3.1
  • [Test] WordPress 4.3.0
  • [Test] WordPress 4.2.1

1.3.4

  • Fix: Warning: Missing argument 2 for wp_kses() error message

1.3.3

  • Add CSRF protection and sanitize user inputs
  • [Test] WordPress 4.0.1

1.3.2

  • [Test] WordPress 4.0

1.3.1

  • [Change] Add z-index 999 for the sticky footer container
  • [Test] WordPress 3.9.1

1.3.0

  • [Fix] Editor collapse issue https://wordpress.org/support/topic/sticky-footer-update-has-broken-the-editor

1.2.9

  • [Fix] Create a separate javascript file for the plugin.
  • [Fix] Conflict in the twentytwelve default theme.
  • [Test] WordPress 3.8.1.

1.2.8

  • [Fix] Update for WordPress 3.8

1.2.0

  • [New feature] Shortcode for Sticky Footer: [simple_sf pid={page_id}]

1.1.0

  • Added delay configuration option
  • Added animation configuration option

1.0

  • First version.