「固定フッター」タグアーカイブ

WordPressでphpファイルに一切記入せずに固定フッターを導入する方法 ワードプレスプラグイン

固定フッターを導入できるプラグイン – WordPress

 
 
スクロールしてもフッターがついてくるようになっているページが結構あるが、Wordpressでもこの
固定フッターを導入できる。
固定フッターに「ログインボタン」を追加したりすると、なかなかいい感じになる。

beforelogin

functions.php やページ用のファイル(index.phpやfooter.phpなど)に記述しても大丈夫だが、テンプレートがアップデートされると、カスタマイズが上書きされて消えたりする。
もちろん子テーマを使う事で上書きは回避できるが、そういった複雑な手段を使わなくても、簡単にプラグインで追加できる。

プラグイン Simple Sticky Footer

WordPress公式ディレクトリはここ。
https://ja.wordpress.org/plugins/simple-sticky-footer/

ワードプレスの管理画面「プラグイン」→「新規追加」で「Simple Sticky Footer」と検索する。

インストールして有効化。

「固定ページ」→「新規追加」で固定フッターに表示したい内容を記述する。
この写真では無料会員登録ページへのリンクを追加してみた。
sticky-footer1

固定ページの追加が終わったら、次は、「外観」→「Sticky Footer」をクリック。
sticky-footer2

Sticky Footer の設定ページで
sticky-footer3
Select page
先ほど追加した固定ページのタイトルを選択しよう。

幅/Width
ページの幅を入力。入力しない場合でも表示はされるので、入力必須ではない。

Animation Effect
アニメーション・エフェクト、Fade(フワッと表示)などを選べる。

Delay(s)
秒単位でアニメーション・エフェクトの時間を入力。

Addition CSS Rules
スタイルシートを入力できる。色や透過具合などもこれで設定可能。

隠す/hide
If this box is checked the Sticky Footer will be a hidden div. It is useful when you want to put some tracking scripts or other hidden HTML elements.
このボックスにチェックを入れると、フッターが表示されなくなる。これは、SEO用のアクセス解析のコードとかを入れる時に便利。

I want to use shortcodes
If this box is checked the Sticky Footer will be showed only on the pages where the shortcodes were inserted.
ショーとコードを入力したページにのみ、固定フッターが表示されるようになる。
特定のページにだけ表示させたい場合に便利。

この Simple Sticky Footer を活用して、ログインボタンを下の固定フッターに表示させたりなんかするといい感じになる。

ログインした人にはログインボタンを非表示にする方法は、関連記事に紹介しているので、参考にしていただきたい。
—————
関連記事:
WordPressで、ログイン時だけdisplay noneなどを適用し、非表示にする方法