Title: raindrops で推奨のMeta Sliderを違うスライダープラグインに変更
Last modified: 2017年5月15日
---
# raindrops で推奨のMeta Sliderを違うスライダープラグインに変更
* 解決済 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/)
* こんにちは。
raindrops 1.472 を利用させていただいています。 ステキなテーマ
でとても気に入っています。 子テーマを作成済みです。
* raindropsはプラグインMeta Sliderをインストールすることでトップページにスライダー
を容易に表示できるようになっていますが、他のスライダープラグインを利用したいと
思い、header-front.phpをコピーしてみたりしましたが、知識不足で手詰まりとなって
います。
* できれば、カスタマイズ＞アドオン＞トップページにスライダーを表示
で管理できる
と嬉しいのですが、直に書いてでもかまいませんので、どこに変更を加えればよいか、
ご指南いただけますとありがたいです。 よろしくお願いいたします。
13件の返信を表示中 - 1 - 13件目 (全13件中)
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217046)
* こんにちは、
* テーマを利用していただきありがとうございます。
* Meta Sliderスライダーを表示する仕組みについて、
* ヘッダー画像を表示する関数 raindrops_the_header_image()には、raindrops_header_image_home_url
やraindrops_header_image_elementsといったフィルターがあります。
* Meta Sliderは、これらのフィルターを使って動作します。
raindrops_header_image_home_url
は、ヘッダー画像をクリックするとホームへのリンクがある場合、 raindrops_header_image_elements
は、リンクがない場合に動作します。
* テンプレートは、header.phpが使われます。
* どんなプラグインを使おうとしているのかわからないので、手作りでCSSスライダーを
追加する例を書いておきます。
functions.php に以下のPHPを追加します。
* ```
site title
';
if( is_home() ) { //どのページで表示するか条件分岐
return $slider;
}
return $html;
}
?>
```
* カスタマイザーの「追加CSS」
* ```
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
#slider_title{
position:absolute;
top:1em;
left:1em;
z-index:1;
color:#fff;
font-weight:bold;
}
#my_insert_slider { overflow: hidden; }
#my_insert_slider figure img { width: 20%; float: left; }
#my_insert_slider figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite;
}
```
* 実際のコードは、
* plugins/plugins-presentation.phpの中にあります。
* 動作の仕組みは、
テーマをインストールした後に、プラグインがアクティベートされ
た時だけ動作する。 （すでにアクティベートしている場合は、なんてこととするんだって
なるので） こういうプラグインは、大抵カスタム投稿タイプを使っているので、使って
いるカスタム投稿タイプから、 スライダーIDなどを取得して、先のフィルターの画像
要素の部分にあたるところで、do_shortcode()して 表示しています。 テーマインストール
後アクティベートされていれば、カスタマイザーのアドオンセクションに管理項目を表示
するといった段取りになっていたと思います。
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217076)
* nobita さま、お世話になっています。
早くに詳しくお返事いただき、感謝いたします。
* > 手作りでCSSスライダー
* とても参考になります。ありがとうございます。
この方法をはじめましたが、私の能力
では、気の利いたスライダーにならないため、 途中で断念してしまいました。（今後
の課題として記録させていただきました）
* 今回はプラグインを差し替える工程を取り入れたいと思います。
因みに私の使いたい
スライダーのプラグインで生成されたショートコードは `[wdps id="1"]` です。
* その場合、＞手作りのスライダーの
* > functions.php に以下のPHPを追加します。
* から行って、後半の
* > スライダーIDなどを取得して、先のフィルターの画像要素の部分にあたるところで、
> do_shortcode()して表示しています。
* に進む手順ということでしょうか？
理解力に乏しく申し訳ありません。よろしくお願い
いたします。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217078)
* プラグインの名前は解かりますか？
* こんなかんじでどうでしょう
* ```
%1$s';
if ( ( is_home() ) {
return sprintf( $slider, do_shortcode( '[wdps id="1"]' ) );
}
return $html;
}
?>
```
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217098)
* nobitaさま、早々にありがとうございます。
お返事頂いた中の`[wdps id="1"]`のスライダー
プラグインの名称は「Post Slider WD」です。
* 実はスライダーの件で諦めていた「raindrops」を、サーバーの移転をきっかけにまた
復活してみようという経緯がありました。
（組み込んだら当該サイトをnobitaさまお
示ししようと思いましたので、下記が必要かどうかまで分らなかったのですがお伝えし
ます）
* 新たに「Post Slider WD」を導入して、今しがたスライダーの要素を組み込んでいました。
ところが自分にはあまり使い勝手が良くないことが解り、今まで使っていた「Smart Slider
3」（ショートコードは`[smartslider3 slider=1]`を復活させることを検討中です。
ということで二転三転して大変申し訳無いのですが、今、二種類のプラグインで迷って
るところです。
* しかし、先にお伝えしているショートコードのプラグイン名
* > Post Slider WD
* を例にしてご教示いただければ応用しますので、どうぞよろしくお願いいたします。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217108)
* コードに間違いがあったので、再掲します。
* Smart Slider 3
* ```
%1$s';
if ( is_home() ) {
return sprintf( $slider, do_shortcode( '[smartslider3 slider="1"]' ) );
}
return $html;
}
?>
```
* Post Slider WD
* ```
%1$s';
if ( is_home() ) {
return sprintf( $slider, do_shortcode( '[wdps id="1"]' ) );
}
return $html;
}
?>
```
* ショートコードは、wps じゃなくて wdpsというのもあるんですか？
* Post Slider WDは、フリー版だと、サイズの調整機能が見つからなかったのですが、小
さく表示されるようですね。
* > 実はスライダーの件で諦めていた
* 今後の役に立てたいので、どのような事であきらめていたのか教えていただけるとうれしい
です
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217132)
* nobitaさま、お世話になります。
* いまかなりの時間をかけてお返事を送信したのですが、消えてしまいました(¯―¯٥)
* 概略は、変化がなく、私の方法がまちがっていたのか
ということと レイアウトが崩れ
てしまった（スティッキーウィジェット） ご質問の返事
* 等です。
* 大変申し訳無いのですが、今週中、多用で忙しく、レスポンスが悪くなりますので、もう少し
経ちましたら気を取りなおして書き直したいと思います。
よろしくお願いいたします。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217136)
* mod look 管理者様
* [@wpmid](https://ja.wordpress.org/support/users/wpmid/)さんの投稿が反映してい
ないようです。
* メールで投稿が届いていたので、内容を私の返信に追加したら、私の投稿も消えてしま
いました。
* [@wpmid](https://ja.wordpress.org/support/users/wpmid/) さん
* メールが届いているので書き直す必要はありません。
* ちょっと時間がかかると思いますが、動作確認用チャイルドテーマを作成して、ダウンロード
できるようにしたいと思います。
- この返信は9年、 5ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 5ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217138)
* nobitaさま、そうでしたか、良かったです！
お手数をおかけしますがよろしくお願い
致します。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 4ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217151)
* > 子テーマの作成は2種類で行なっていました。
> 始めのコードを 1）Child Theme Configurator
> というプラグインで作成した子テーマの functions.php に追加すると、サイトが
> 表示されなくなった。 2）「チャイルドテーマの作成方法」に従って子テーマを作成
> の functions.php に追加したがなにも変化がなかった。
* 今回のスライダーをテストするためのチャイルドテーマを作ってみましたので、時間の
ある時にでもテストしてみてください。
* tenman.info/download/raindrops-slider.zip
* 使い方
* 二つのスライダープラグインを両方アクティベートしておいてから、
* チャイルドテーマをインストールして、カスタマイザーを開くとEXAMPLEというセクション
が追加されていると思いますので、WDスライダーを一度選択して、保存していただき、
ブログを表示するとWDスライダーが表示されます。（カスタマイザープリビューの更新
は行われません）
以降、スライダーを切り替えたり、スライダーIDを変更したりして
確認作業を行ってください。
* > また、何度かテーマの変更をしていく間に、「スティッキーウィジェット」が、TOP
> ページのコンテンツ内に表示されていることに気が付きました。
> 私は「エキストラ
> サイドバー」の下に「スティッキーウィジェット」が現れると認識していたのですが、
> それは間違いだったのでしょうか。
* トップページの、投稿一覧の上部に表示されるウィジェットです。サイドバー等で固定
表示されるようなウィジェットも「スティッキーウィジェット」といった呼ばれ方をする
ことがあるかもしれませんが、Raindropsの場合には投稿一覧の上部になります。
* Raindropsのスティキーウィジェットエリアは、何を考えて配置したか？なんですが、
最近増えているワンページレイアウト等、トップページに直接記事を配置するような形式
に対応するために設けた機能です。
スティキーウィジェットエリアにピンナップ投稿
ウィジェットを追加して、投稿IDを3つぐらいカンマ区切りで入力して、グリッドレイアウト、
アイキャッチ画像を設定すると投稿がグリッド形式で表示されます。そういった表示を
行うために作った機能です。
* > 外観＞カスタマイズ からのウィジェット編集において、TOPページ以外では、「ステ
> ィッキーウィジェット」の表示がなくなります。
> ダッシュボード経由ですと、「ステ
> ィッキーウィジェット」の項目がなくなってはいないません。
* スティキーウィジェットは、トップページだけで表示します。例えば2ページ目以降は
表示しない設定になっています。
（ちょっとカスタマイズすると、カテゴリーやほか
のアーカイブでも表示が可能です。）
* カスタマイザーは、テンプレートのこの設定を検出するため 2ページ目以降を表示し
ている場合は、ウィジェットエリアが表示されません。
* ダッシュボード経由の、ウィジェットのページでは、常に表示されます。
* > 少し前に「デフォルトサイドバー側にスティッキーウィジェット」といったカスタマイズ
> を見つけ行なった記憶があり、それが見当たらないのですが、そのことが関係あります
> でしょうか？
* 多分関係ないと思います。「デフォルトサイドバー側にスティッキーウィジェット」という
表現だと、例えば広告ブロックなんかをサイドバーのスペースが余っていたら、その部分
では常に広告ブロックを表示し続けるといった機能を示すものではないかと思います。
* > 「wps」は無料版か、もしかしたら他のスライダープラグインのショートコードかも
> しれません。（Post Slider WDはWDというサイトのプラグインなので）というのもある
> んですか？
* すみません、wds の間違いでした。プロ版なので、wdpsになるんでしょうね
* > 今後の役に立てたいので、どのような事であきらめていたのか教えていただけるとうれしい
> です
> Raindrops に初めてであった時に一目惚れして導入しました。
* うれしいですね、「一目惚れ」 いい響きだなー
* > 2年～1年半ほど前の間だったと思うのですが、アップデートの際にレイアウトが崩れ
> てしまって原因がわからず仕方なく「Catch Evolution」というテーマに変更してい
> ましたが、今度は「Smart Slider 3」の仕様の変更で表示されなくなってしまいました。
* 気づかないうちにいろいろ迷惑をおかけしていたようでごめんなさい。いろいろやらかし
てしまう事も少なくないのですが、このフォーラムに書き込んでいただければ、可能な
限り対処します。よろしくお願いします。
* こういう機会でもないと、スライダープラグインを改めてみてみる事もなかったと思い
ます。進化していますね、勉強になりました。
- この返信は9年、 4ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 4ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217158)
* nobitaさま、こんにちは。
ちょっと時間がかかる、どころか（私にとっては）瞬時に
連絡が来て、サクサクっと思い通りに表示されてました！ びっくりしました！
* 慌て者なので、子テーマをダウンロード・有効にし、最初に
テーマの編集＞子テーマ
の functions.php 内に書かれている順に関数を消してい行き、何もつまずくことなく
あっという間に表示されました。
* あとで
* > カスタマイザーを開くとEXAMPLEというセクションが追加されている
* のあたりの説明に気がついて子テーマアップから再度試し、今は「EXAMPLEセクション」
が残っていて、これによってセレクトできるということでしょうか？
そうしますと、
高機能過ぎて恐縮至極です。
* 今まだスライダーの内容や、コンテンツが見劣りしてしまうので、「スティッキーウィ
ジェット」の使い方も理解できたことですし、もう少し充実させてからメンテを解いて
お知らせしたいと思います。
* 疑問はこれで解決しすぎなくらいでありますが、スイティッキーウィジェット活用等の
理解結果を報告するまでしばらくこのままにさせていただきます。
本当に何から何まで
ありがとうございました。
- この返信は9年、 4ヶ月前に[かわねこ](https://ja.wordpress.org/support/users/wpmid/)
が編集しました。
* [nobita](https://ja.wordpress.org/support/users/nobita/)
* (@nobita)
* [9年、 4ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217160)
* 書き忘れました
* functions.php 54行
* ```
return sprintf( $slider, do_shortcode( '[wds id="' . $id . '"]' ) );
```
* フリー版で作ったので プロ版の場合は
* ```
return sprintf( $slider, do_shortcode( '[wdps id="' . $id . '"]' ) );
```
* になると思うので、プロ版の場合は、その点修正してください
- この返信は9年、 4ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
が編集しました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 4ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-217162)
* ありがとうございます！了解いたしました。
* トピック投稿者 [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* (@wpmid)
* [9年、 3ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-218540)
* nobitaさま、お世話になります。
ご報告が大変おくれて申し訳ありません。 この件
についてはおかげさまですぐに解決がなされました。
* 他の件でつまづきページを再公開出来ないままでしたのでなかなかお返事できないでいま
した。
それについて新たにトピ立たせて頂くことにし、こちらは解決済みとさせていただきます。
本当にありがとうございました。
13件の返信を表示中 - 1 - 13件目 (全13件中)
トピック「raindrops で推奨のMeta Sliderを違うスライダープラグインに変更」には新た
に返信することはできません。
## タグ
* [Raindrops](https://ja.wordpress.org/support/topic-tag/raindrops/)
* フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
* 15件の返信
* 2人の参加者
* 最後の返信者: [かわねこ](https://ja.wordpress.org/support/users/wpmid/)
* 最後の活動: [9年、 3ヶ月前](https://ja.wordpress.org/support/topic/raindrops-%e3%81%a7%e6%8e%a8%e5%a5%a8%e3%81%aemeta-slider%e3%82%92%e9%81%95%e3%81%86%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%ab%e5%a4%89/#post-218540)
* 状態: 解決済
## トピック
### 人気のトピック
### 返信がないトピック
### サポート関連ではないトピック
### 解決済みのトピック
### 未解決のトピック
### すべてのトピック