Word Press初心者 ヘッダー画像をスライドショーにする


はい、書けるときに書いておきましょう。

こういうタイトルのつけ方、よく見かけますねw見逃してください、初心者なのでw

だいぶ省略してますが探せばこの方法はいろいろ出てきますので、

私の場合、たくさんあった中での備忘録として書いておきます。

前回の続きですが、まずWordPress→Themeフォルダの中にテーマが入っています。

この画像には alt 属性が指定されておらず、ファイル名は 2019-10-22-5.png です

前回は子テーマを作る目的だったのですが、今回は

フォルダから 探すより、FTP上からした方が正確なので FTP上 でheaderPHPをコピー。子テーマ内のフォルダにペースト。

この画像には alt 属性が指定されておらず、ファイル名は 2019-10-22-4.png です

プラグインのMeta Slider をインストール。有効化。

各自好きに速さやフェイドなど動きを設定していただいて、右下のHow to Useの中のショートコードをコピー。

この画像には alt 属性が指定されておらず、ファイル名は 2019-10-22-5-1-1024x606.png です

→ここから headerPHP 内でヘッダー画像がどこで適用されるているか探します。テーマによっては functionsPHP の中に入ってたり、クラス名が違ったりするのでGoogleの検証ツールでどこに適用されてるかを探したほうが早かったりもします。

<div><br class=”Apple-interchange-newline”><div id=”gazou”> <?php echo do_shortcode(“[metaslider id=54]”); ?> </div></div>

↑たいていはこのような形が多いみたいですが、この <div>タグの間に挟む、もしくは差し替えです。

YouTubeでは外観のカスタマイズ→もともと適用されているヘッダー画像を差し替えたら画像が2重に被るのが無くなるみたいですが、

私が使用しているテーマでは上記の工程と <div> タグの中のヘッダー画像が適用されてるところをまるっと差し替えで

見事にやっとヘッダー画像(私が使用しているテーマではヘッダー画像兼背景画像)がスライドショーに適用されました。

この工程でどれだけの時間を要したことか・・・。

こういうのが好きな人はやってみましょう~

あと、こういうの書くの初めてなので最後に好きなグロい漫画をご紹介。

舞台はおフランス、死刑執行人一族の漫画。こちらの表紙は狂犬マリー様ですw

1時期この髪型真似したかったのですがやめました。

こういうの好きな人は是非~。

この画像には alt 属性が指定されておらず、ファイル名は ダウンロード.jpg です