Warning: Use of undefined constant ‘thumb240’ - assumed '‘thumb240’' (this will throw an Error in a future version of PHP) in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/themes/elephant-single/functions.php on line 66
ELEPHANT SINGLEのヘッダー画像を動かさない方法 | ELEPHANT SINGLE
Warning: count(): Parameter must be an array or an object that implements Countable in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/plugins/wordpress-ping-optimizer/cbnet-ping-optimizer.php on line 533

      2017/08/16

ELEPHANT SINGLEのヘッダー画像を動かさない方法

 

Warning: Use of undefined constant full - assumed 'full' (this will throw an Error in a future version of PHP) in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/themes/elephant-single/single.php on line 63
shutterstock_623804987

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら

WordPressテーマELEPHANT2、ELEPHANTシングルではヘッダー画像がスクロールするとスルスルっと動くような仕様になっています。

↓↓ このような感じですね。

elephant背景

 

今回は、これを動かないように固定する方法を解説します。

 

ELEPHANTのヘッダー画像を動かさない方法

それでは手順を解説します。

 

手順1)以下のコードをコピーしてください。

このコードがコピー出来たら、手順2に進みます。

 

手順2)先ほどコピーした子テーマのstyle.cssに貼る

WordPressのダッシュボードで「外観」⇒「テーマの編集」をクリックします。

ELEPHANTヘッダー画像固定2

 

↓そのあとに、elephant-single-child:スタイルシート(style.css)というところが開きます。この大きなスペースの一番下に、先ほどコピーしたコードを貼ります。
ELEPHANTヘッダー画像固定1

 

↓そして「ファイルを更新」ボタンをクリック!
ELEPHANTヘッダー画像固定3

 

これで完了!

 

 

手順3)公開画面で変化がない場合、キャッシュをクリアして再読み込みをする

これで基本的にはOKなのですが、キャッシュという『以前に見た状態』が残っている場合があります。

その場合、

  • Windowsの場合⇒Ctrlキーを押しながらF5キーで公開画面を再読み込み
  • Macの場合⇒『開発』⇒『キャッシュを空にする』

をしてみてください。

 

WP Fastest Cacheをお使いの場合

更に、プラグイン『WP Fastest Cache』をお使いの場合、これだけではキャッシュが消えません。

WordPressのダッシュボードの左のメニューの『WP Fastest Cache』⇒『キャッシュの削除』タブをクリック⇒『キャッシュの削除』と『キャッシュと圧縮されたCSS/JSファイルを削除』をクリック。

これで行けると思います。

 

 

 

 

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら




Copyright© ELEPHANT SINGLE , 2017 All Rights Reserved.