メニュー 閉じる

スライダー下のアイキャッチ作成

PC画面の画像

Last Updated on

大きめアイキャッチでダイナミックなイメージに

スライダー下に目を引く大きめアイキャッチを設置したいと思います。

使用するのは Shortcodes Ultimate のみ。

このサイトでは  functions.php を編集して、画像右部分の一覧を作成してありますが、そこまでしなくても簡単にできる方法をまずは書きますね。

 

 

Dikka-Buisiness

因みに目指しているのはこんな感じ。
こちらのテーマでは選択した投稿記事や固定ページが、自動的にスライダー下に表示される構造となっていますが、それこそややこしいので「画像」のみでなんちゃってな感じで作っちゃいましょう(笑)

ショートコードアルティメット

まずは、このサイト 53rd.net と同じように作ってみますね。
まあ、これもなんちゃってな感じですけどね(笑)
右側の一覧は、今回 functions.php の編集無しで似たような感じで作りたいと思います。

 

ショートコードはこちら。

 

実際に表示するとこうなります。

画像も一覧も固定なので動的な要素には使えませんが、一押しのコンテンツへ導入するには十分だと思います。

 

 

いかがでしょうか?

ブログページにはサイドバーがあるので、どうしてもこじんまりと見えてしまいますが、「1カラム」のフロントページだといい感じに見えると思います。

 

 

 

 

 

関連記事