TOP > plugin , WordPress > 上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」

2009年07月29日

上から迫り出てくるようなスライドパネルをプラグインで簡単実装「Sliding Panel」

国内外問わず非常に多く使われているオープンソースのCMS、Wordpressですが、その魅力の一つに非常に多くの拡張機能が簡単にプラグインを導入するだけで実現できてしまう所があります。今日紹介するのは上から迫り出てくるようなスライドパネルを簡単に実装でいる「Sliding Panel」を紹介したいと思います。

hybrid01

上記のように画面上部に出たボタンを押すとスライド式で迫り出てきます。

詳しくは以下

実装は簡単でプラグインをダウンロード後、フォルダごと「/wp-content/plugins 」へ移動。その後プラグインの設定でプラグインを有効にすれば設定完了です。あとはheader.phpファイルの<body>タグの後に下記のコードを貼付ければOKです。

<?php if ( function_exists( ‘get_sliding_panel’ ) ) get_sliding_panel(); ?>

デザインはCSSで制御されていますので比較的簡単にカスタマイズできるかと思います。その他カスタム方法などを含め実装の詳しい流れなどがまとめられたドキュメントがプラグインのzipファイルの中に同封されていますのでそちらもご覧ください。なおプラグインは2.8+となっています。

Sliding Panel: WordPress Plugin

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

posted 06:59 |

Category: plugin , WordPress

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください【商用可】アナログ感のあるドローイングフリーフォント「THRONE」アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください

Template deisgn by iDEACLOUD inc.

トップに戻る