ヘッダー画像をPC、スマホ（iPhone）共に自動切り替え写真にしたい

ヘッダーのロゴ部分を
スライダーにするなら
親テーマのheader-logo.phpを変えればできると思います
サイトの概要を入れたい場合は
そこまでを書き換えて
入れたくない場合は完全に書き換えればいけると思います

試してないのでバックアップは必ずしてから
ご確認ください

header-logo.phpはheader.phpで読み込まれて
header.phpは各ページなどで読み込まれているので
これでいけると思います

別にやろうとされている様なことはプラグインで無くてもできますが、本当にそうかどうかを聞く所から始めないといけません。

サンプル: 以前作った自動で各リストアイテムのサムネイルをヘッダ画像としてローテーション | codepen

こういうのを想像されているのか、あるいはヘッダではありませんが、

サンプル: 関連記事のスライダー化(2列ver レスポンシブ) WordPress theme Simplicity用 | codepen

このように一定で横なりたてなりにスクロールするいわゆるスライダー(カルーセル)を想像されているのか、ヘッダというのは位置の話で、実は#mainと#sidebarの上部分、#naviとの間あたりに大きなスライダーを入れたいのか、とかを聞いておく必要があります。例えば以下のようなもの。

サンプル: jQueryのプラグインでスライダー | codepen

> コードを表示させたい場所に表示するとしか書いていなくて、
> その表示させたい場所がどこなのかわからないでいます。

これはどんなスクリプトの配布サイトでもそう書いてあります。ここで必要なのは、その位置はどこかを示してもらうということです。前述した、「#mainと#sidebarの上部分、#naviとの間あたり」というような感じです。

「何をどこに入れたい」が必須です。僕らはそれがわかりませんから。
これを簡単に説明するにはスクリーンショットを撮り、何かしらのソフト(windowsならペイントとか)で、「ここ」みたいな所を示してもらうだけで良いです。

スクリーンショットをどのようにして掲載するかは「初めての方は必ずお読みください」に書いてあります。

場所はこれらスクリーンショットでわかりますが、どういうものを入れたいかは今回はプラグインなんですけれども、基本プラグインのサポートはフォーラムではしてません。まぁわかるものについては答えますが、利用も設置も自己責任なんです。
で、その内容によってはwordpressのプラグインであるほうが良い場合と、jQuery等のプラグインでもできるというような場合とがあります。

何かを利用してできないというような質問よりは、その前の段階で「こういうことをしたいと思っているけれどもSimplicityではどうすればよいですか？」というような質問の方が同じ悩みや希望を持っている人にとっては有用です。
個人的な解決はその利用環境によって変わる事もあり、それは基本的な何かしらの回答がついた後に個別に答えたほうが良いようにも思います。

つまり、何をしたいかを提示して、どの部分にどうしたいという設置場所を書いてもらうというようなことをくどくどと説明しているわけですが(笑)、回答する側としてはできるだけ他の人にも使える方法を探りたいということなだけです。

Easing Sliderよりも他のプラグインのほうが場合によっては良い場合もあります。何をどうしたいかがわかれば別のプラグインや方法を提示することもできます。なので「何をどうしたいか」はとても重要です。

そこで、

> 普通にヘッダー画像を自動写真で切り替えたいだけ

ここですが、「ヘッダー画像を切り替える」のは目的だとわかります。そのヘッダー画像はどういったものかであったり、何枚あってどれぐらいの間隔でとか色々あるじゃないですか。どういう形式のものを想像されているのかは僕らにはわかりませんから、「どこそこのサイトのこういうの」とか、まぁ今回はプラグイン名があるので検索やらしてみますが、できればそのサンプルとなるスライダー自体のリンクも欲しい所です。

Easing Sliderであればスピードとかは管理画面から調整できるはずです
ひとつ気になることといえばサイズ(設定)です
スマホはiPhoneだけではないので
調整は大変だと思います
PCもそうですが・・・

みなさんコメントありがとうございます。

＞header-logo.phpはheader.phpで読み込まれて
header.phpは各ページなどで読み込まれているので
これでいけると思います

親テーマのheader-logo.phpにTemplate Functionであるこのコードを書き込んだところ、

<?php if ( function_exists( ‘easingslider’ ) ) { easingslider( 1866 ); } ?>

確かに反映されたのですが、どちらも中途半端な大きさで、タイトルの下に表示される形になりました。
MAXまで広げてこれなので、どうしたらいいのか困っています。
スクリーンショット 2016-12-01 11.46.08

そして、タイトルの下に表示されてしまっているので、
タイトルの上にちゃんと全ての画像が収まるようにしたいです。

どうしたらいいでしょうか？

これがその画像のスクリーンショットです。
http://fast-uploader.com/file/7036167162993/

今使用しているEasying Sliderでは、
4秒間に一度画面が切り替わるように設定しています。
今のところ5枚にしていますが、間隔と枚数はまだ適当です。

これが綺麗に表示されるのであれば、
特に使っているプラグインにこだわりはありません。

>Hidekichiさん
いつもありがとうございます。
送っていただいたサンプルを拝見させていただきましたところ、イメージとしてはこんな感じで、
トップページにあるカバー写真のヘッダー画像を自動で切り替えられるようにしたいです。
http://fast-uploader.com/file/7036167162993/
これのことかなと思います。
サンプル: 以前作った自動で各リストアイテムのサムネイルをヘッダ画像としてローテーション | codepen

ちなみにスマホはiPhone7を使っています。

こちらの環境では中途半端な表示にはなりませんでした
https://1drv.ms/i/s!Am5FaiBsdNRKkzgvaHnVNSw8azap

確認したいことなのですが
Easing Slider>Dimensions>Make 100% full width.にチェックが入っていますか?
heder-logo.phpの内容が

<?php //サイトのタイトル（タイトルをロゴ画像に変更するカスタマイズなど） ?>
<!-- サイトのタイトル -->
<?php if ( function_exists( 'easingslider' ) ) { easingslider( ID ); } ?>

に近い感じになっていますか?
これだけにしてできますか?

できないのであれば
スライダーのサイズを教えてください

スマホでも問題ありませんでした

＞Easing Slider>Dimensions>Make 100% full width.にチェックが入っていますか?
入っています。

＞heder-logo.phpの内容が
<?php //サイトのタイトル（タイトルをロゴ画像に変更するカスタマイズなど） ?>
<!– サイトのタイトル –>
<?php if ( function_exists( ‘easingslider’ ) ) { easingslider( ID ); } ?>
に近い感じになっていますか?
なっています。

＞これだけにしてできますか?
できませんでした。縦横のサイズが合いません。
左右の幅が届かないのと、縦の幅も切れています。
スマホも同じ状態です。

＞できないのであれば
スライダーのサイズを教えてください
現在は、Width:700、Height:350にしています。

スクリーンショットを送ります。
http://fast-uploader.com/file/7036206018457/

助けてください。
よろしくお願いします。

Width:700、Height:350で試しても問題ありませんでした
メニュー部分がかぶっているのでメニューの位置をずらしたらどうなりますか

#navi {
margin:○px;
}

○を変えてください
これだとすべてが変わるので

#navi {
margin:○px 0 0 0;
}

これで○を変更してください
横サイズに関してはプラグインで調整をするのが良いとは思います

完全に上書きするのであれば(タイトル、説明、ヘッダー画像がいらない)cssで消してみてはどうでしょうか?

#h-top, site-title, #site-description {
display:none;
}

cssをいじっても反映されない場合はキャッシュが関係していることがほとんどなので
キャッシュを削除するかシークレットモードでご確認ください

みきさん、
ご返信ありがとうございます。

すみません、まずこれら（ ＞をつけた下記3つ ）がどこにあるのかがわかりません。
スタイルシートなのか、header-logo.phpなのか、
色々探しましたが未だに見つけられないでいます。

＞#navi {
margin:○px;
}
○を変えてください
これだとすべてが変わるので

＞#navi {
margin:○px 0 0 0;
}
これで○を変更してください
横サイズに関してはプラグインで調整をするのが良いとは思います

完全に上書きするのであれば(タイトル、説明、ヘッダー画像がいらない)cssで消してみてはどうでしょうか?

＞#h-top, site-title, #site-description {
display:none;
}

教えてください。よろしくお願いします。

すみません
子テーマもしくは親テーマ(できるなら子テーマを利用してください)
のstyle.cssに記述してください
おそらくメニューの位置が変わるのでできるかなと思っています
反映されない場合はシークレットモードでご確認ください