Slider

Blog and WordPress

ブログにコンテンツスライダーを設置できるプラグイン「WordPress Content Slider」を導入してみた

投稿日:

 今回は、WordPressのプラグインのひとつ「WordPress Content Slider」を導入しましたので、その導入方法について書いていきたいと思います。このWordPress Content Slidrはブログにコンテンツスライダーを設置することができるプラグインで、ブログの見栄えを向上させるために導入しました。

WorPress Content Sliderのインストール

 まずは検索からプラグインを探しましょう。「WordPress Content Slider」と検索すれば、すぐでてきます。

wpslider1

 早速インストールをして、プラグインを有効化しましょう。

wpslider2

 有効化したら、左のカラムに「Content Slide」という項目があるはずですので、さらに「Content Slide」をクリックします。

wpslider3

WordPress Content Sliderの設定

 Content Sliderに進んでいくと設定画面になりますので、色々いじれます。文字の色とかスライドの切り替え時間など。とりあえず私の設定はこんな感じです。

wpslider4

 スライダーに表示するコンテンツや画像を指定してあげましょう。

wpslider5

プラグインの表示

 このプラグインを表示するには、以下のコードを表示させたい場所にペーストします。いちおう公式のヘルプにコードについて書いてありますが、私はこちらのコードを使っております。

<div align="center">
<?php
if(is_front_page())
{
if(function_exists('wp_content_slider')) { wp_content_slider(); }
}
?>
</div>

wpslider6

 私はヘッダーの部分に表示しています。WordPressのテーマ編集からheader.phpにコードを追記しましょう。

wpslider7

コンテンツスライダーが左に寄ってしまった場合の解決法

 私は最初、公式のヘルプに載っていたコードをheader.phpにペーストしましたが、コンテンツスライダーが左によってしまいました。おそらく、みなさんも公式のコードをただコピペしただけではそうなってしまうと思います。なので、私の場合は「align」を「center」に指定する事で解決しました。もちろん他にも解決策はあると思いますが、あまり詳しくない私にはこれが精一杯です。

 なんだかんだで、コンテンツスライダーがうまく表示されました。

wpslider8

終わりに

 私はコンテンツスライダーが結構好きで、前はデフォルトでコンテンツスライダーがあるWordPressテーマを使っていましたが、このプラグインを導入することで、どのテーマでもコンテンツスライダーが使えるようになりました。表示が左に寄ってしまうのを修正するところ以外は簡単に設定ができましたし、結構おすすめのプラグインです。


 記事はいかがでしたでしょうか?当ブログの管理人うらまつです。海外旅行とジャグリングが好きでこんなことやっております。ご覧になっていただければ嬉しいです。

広告

広告

-Blog and WordPress
-, , ,

執筆者:


  1. […] ◆ ブログにコンテンツスライダーを設置できるプラグイン「WordPress Content Slider」を導入してみた ( via 俺だって情報発信!! ) […]

comment

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

関連記事

hatebueyecatch

はてなブログPro申し込んでみた!もうひとつのブログ開設!!

 このたびもう一つ新たにブログを開設しようと思い、はてなブログでブログを開設しました。どうせなら独自ドメインでという事で有料ですが、はてなブログProを申し込みました。新たなブログは「下戸のビールブロ …

webmaster-eyecatch2

Google ウェブマスターツールに登録したぞ!SEO対策につなげよう

 今回、このブログをGoogle ウェブマスターツールに登録しました。  SEO対策になるということで、ブログを運営するには必須のものとなっています。Googleより無料で提供されているサービスなので …

oridomaineycatch

お名前ドットコムで独自ドメインとってみた。意外とあっさり取れました。

 みなさんこんにちは。  今回は、お名前.comを利用してオリジナルのドメインを取得してみました。このブログはすでに独自ドメインで運営しているのですが、今回は「はてなブログ」に新たにブログを開設しよう …

hatebueyecatch

はてなブログProで独自ドメインの設定してみた。設定の方法を解説!!

 先日、私ははてなブログProを申し込みましたが、はてなブログProでは独自ドメインでブログを運営できるということで私も独自ドメインの設定をしてみました。はてなブログで独自ドメインの設定をしようとして …

sharehtmlikon

記事をかっこよくシェアできるブックマークレット「ShareHtml」を導入したぞ!

 こんにちは、今回はShareHtmlを導入しましたので、その方法について書いていこうと思います。ShareHtmlといえば、自分のブログに他の記事を貼り付けることができるブックマークレットで、サムネ …

検索

管理人の動画「海外旅行しながらジャグリングしてきた」