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

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

関連記事

wapuueyecatch

WordPressの管理者変更したぞ。デフォ設定の場合はセキュリティ的に大問題!

 最近、WordPressで作られたサイトの改ざんや不正アクセスの話を良く聞くようになってきていますね。特にWordPressの管理者の設定がデフォルトの「admin」になってると不正アクセスを受けや …

logo-sharehtml

ShareHTMLをiPhoneで使ってみた!他の記事をかっこよくシェアできる!

 ブログを書く上で、他の記事をシェアしたり、他の方の記事を紹介するという機会は結構あるかと思いますが、そんな時ShareHTMLを使えば、かっこよく他のページを自分の記事に貼ることができます。今回はこ …

logo-lollipop-access

ロリポップサーバーのWordPressログイン画面へのアクセス制限の解除方法

 WordPressブログをロリポップのレンタルサーバーでやっている方は多いと思いますが、ロリポップ側のセキュリティの強化によりログイン画面へのアクセス制限がかかってしまった方がいらっしゃるのではない …

sharehtmlikon

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

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

oridomaineycatch

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

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

検索

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