ヘッダー画像をスライドに変えてみました！

※画像はクリックで拡大出来ます。

まずは、WordPressから

フリーソフトのMeta Sliderのダウンロード

 

『Meta Slider』

をインストールすると管理画面のサイドバーに下図の様に設定欄が出現します。

 

新規スライド作成画面で

まずは画像サイズを入力します

ヘッダー画像ですので、1200px:300pxで入力しました。

 

メデアに画像をアップロードします。

新規画像をアップロードする場合は”ファイルをアップロード”、既に存在する画像を選択する場合は”メディアライブラリ”をクリックします。そして、画像を選択したら”スライダーに追加”をクリックしてスライドに追加します。ここではメディアライブラリーから選択しました。

※ Meta SliderにはCropと言ってスライド画像を設定サイズに合わせる機能があります。しかし、画枠がずれたり、解像度が下がったりなどなど見栄えが悪くなります。基本的に設定したサイズと同じサイズのスライド画像をアップロードすると良いでしょう。

 

 

”スライドの遅延”と”アニメーションの速度”の設定が終了したら上部にある”保存してプレビュー”ボタンをクリックします。

プレビュー画面で画像のチェックや設定時間等の確認をします。

次はスライドショーをサイトに埋め込む方法です。

 

 

固定ページや投稿記事に埋め込む場合には上図の様に「使い方」で”ショートコード”を選択後、コードをコピーして固定ページや投稿記事の編集画面にそのまま貼り付けます。

 

 

このコードをWordPressのheader.phpに記述しました。

 

このままですと、ダブって画像が表示されてしまいます。

ダッシュボード⇒賢威の設定⇒「画像を設定する」⇒削除

でなんとか出来ましたが、ヘッダーとメニューの間が開きすぎてるんですけど・・・?

 

宿題が出来ました・・・😞

失礼しました、ご指導頂ければ幸いです。

ありがとうございました。

 

スポンサードリンク