WordPressテーマELEPHANTでヘッダー画像を動かなくするカスタマイズ方法

 

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

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

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

elephant背景

 

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

 

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

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

 

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

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

 

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

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

ELEPHANTヘッダー画像固定2

 

↓そのあとに、elephant2-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 -
色んな人にブログ運営の事を教えているブログ集客の専門家。得意なのはブログ集客・SNS活用法・SEOライティング。※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら
 

  関連記事 - Related Posts -

 

  最新記事 - New Posts -

 

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© ELEPHANT2 , 2018 All Rights Reserved.