Title: Simple Sticky Footer
Author: Sandor Kovacs
Published: <strong>2013 年 4 月 11 日</strong>
Last modified: 2016 年 12 月 10 日

---

搜索插件

![](https://ps.w.org/simple-sticky-footer/assets/banner-772x250.png?rev=695706)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/simple-sticky-footer_c9b999.svg)

# Simple Sticky Footer

 作者：[Sandor Kovacs](https://profiles.wordpress.org/almos20/)

[下载](https://downloads.wordpress.org/plugin/simple-sticky-footer.1.3.5.zip)

 * [详情](https://cn.wordpress.org/plugins/simple-sticky-footer/#description)
 * [评价](https://cn.wordpress.org/plugins/simple-sticky-footer/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/simple-sticky-footer/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/simple-sticky-footer/#developers)

 [支持](https://wordpress.org/support/plugin/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;

好好享受吧！

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

## 屏幕截图

[⌊Settings page.⌉⌊Settings page.⌉[

Settings page.

[⌊Front-end exampe.⌉⌊Front-end exampe.⌉[

Front-end exampe.

## 安装

 1. Install Simple Sticky Footer either via the WordPress.org plugin directory, or 
    by uploading the files to your server
 2. 通过WordPress的的“Plugins”菜单激活插件
 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

## 评价

![](https://secure.gravatar.com/avatar/de8a74baae14bf62e1b18f1719379755995d9133936fc9ece9792b0a4a0c9290?
s=60&d=retro&r=g)

### 󠀁[Not work in latest WordPress version](https://wordpress.org/support/topic/not-work-in-latest-wordpress-version/)󠁿

 [Esteban88](https://profiles.wordpress.org/esteban88/) 2021 年 2 月 23 日

Unfortunately it does not work in WP 5.6.X the developer abandoned the plugin

![](https://secure.gravatar.com/avatar/8f0a14988a5fcac169c15e194edcd27ee79d6410bed4933521de91713b64b778?
s=60&d=retro&r=g)

### 󠀁[Cumple muy bien su función](https://wordpress.org/support/topic/cumple-muy-bien-su-funcion-2/)󠁿

 [wp_caiafa](https://profiles.wordpress.org/wp_caiafa/) 2018 年 2 月 16 日

Lo uso con el tema Twenty Eleven, funciona muy bien, gracias

![](https://secure.gravatar.com/avatar/9c7be41168a828b3275c2a320c1b629708f7a7af499541029a40e662b9320a3e?
s=60&d=retro&r=g)

### 󠀁[Clean and Simple to use](https://wordpress.org/support/topic/clean-and-simple-to-use-2/)󠁿

 [metaeditor](https://profiles.wordpress.org/metaeditor/) 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

![](https://secure.gravatar.com/avatar/b553ddfd3593f64cda4b436e9f839c31c6cf29fea457be2a42b64b6373252ec6?
s=60&d=retro&r=g)

### 󠀁[Very easy Sticky Footer (Avada Tested)](https://wordpress.org/support/topic/very-easy-sticky-footer-avada-tested/)󠁿

 [Noahj Champion](https://profiles.wordpress.org/noahj-champion/) 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.

![](https://secure.gravatar.com/avatar/57cdfa07a77a7a724a51c7ff69deb240df6b8517e90c7e43a1587f31249d5f46?
s=60&d=retro&r=g)

### 󠀁[Cool idea but..](https://wordpress.org/support/topic/cool-idea-but/)󠁿

 [Israel Umaña Sedó](https://profiles.wordpress.org/esreal/) 2016 年 9 月 3 日

didn't work for me. Tower theme.

 [ 阅读所有10条评价 ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/)

## 贡献者及开发者

「Simple Sticky Footer」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Sandor Kovacs ](https://profiles.wordpress.org/almos20/)

[帮助将「Simple Sticky Footer」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/simple-sticky-footer)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/simple-sticky-footer/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/simple-sticky-footer/)，或通过[RSS](https://plugins.trac.wordpress.org/log/simple-sticky-footer/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/simple-sticky-footer/)。

## 更新日志

#### 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.

## 额外信息

 *  版本 **1.3.5**
 *  最后更新：**10 年前**
 *  活跃安装数量 **600+**
 *  WordPress 版本 ** 3.1.0 或更高版本 **
 *  已测试的最高版本为 **4.7.38**
 *  语言
 * [English (US)](https://wordpress.org/plugins/simple-sticky-footer/)
 * 标签
 * [advertising](https://cn.wordpress.org/plugins/tags/advertising/)[sticky div](https://cn.wordpress.org/plugins/tags/sticky-div/)
   [Sticky Footer](https://cn.wordpress.org/plugins/tags/sticky-footer/)
 *  [高级视图](https://cn.wordpress.org/plugins/simple-sticky-footer/advanced/)

## 评级

 3.9 星（最高 5 星）。

 *  [  6 条 5 星评价     ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/?filter=5)
 *  [  1 条 4 星评价     ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/?filter=2)
 *  [  2 条 1 星评价     ](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/?filter=1)

[您的评价](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/simple-sticky-footer/reviews/)

## 贡献者

 *   [ Sandor Kovacs ](https://profiles.wordpress.org/almos20/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/simple-sticky-footer/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.sandorkovacs.ro/en/)