今回の記事は、ショートコードを使ったスライドショーの設置と細かな設定方法を紹介しています。
- 記事内のショートコードをコピペするだけで設置が可能です
- 設定はショートコードを直接書き換えるだけです。難しそうに感じますが、この記事を読めば簡単に理解できるはずです
僕のウェブマガジン「GOKUI」はトップページにスライドショーを設置しています。
個人的な好みからすると動きのあるページはあまり好みではないのですが、技術的な興味があって設置してみました。
技術的に...といっても難しいことは何もなくて、ショートコードを埋め込むだけでこのような感じで動いてくれます。
ローバーミニ1000 電動ファン交換について考える
どうやら電動ファンの交換が必要そうな僕の89年式ローバーミニ 30th 1000。 いま付いている電動ファンは、オプションでエアコンを装着した際に標準搭載されるもので、メーカーはMITSUBAという国産メーカーです。 ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 国産なので信頼性は問題なさそう（まあ30年動いてますし…）だけど、見ての通り４枚羽で効率が良いなんてとても言えないよね。 作動のオンオフはラジエーターのロアホースに取り付けられた（いかにも後付けっぽい ...
続きを読む
ローバーミニ1000 オーバーヒートの原因は電動ファンの故障か
車検は取得したものの、オーバーヒートという問題点をかかえている僕の89年式ローバーミニ 30th 1000。 オーバーヒートの原因は思いつくだけでもたくさんあるけど、まずは前回取り外した電動ファンをチェックしてみます。 ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 症状的には、電動ファンは回るには回るものの、何だか動きが悪い（弱々しくカラカラ回っている感じ）。 記憶があいまいだけど、確か元々はブーンと勢いよく回っていたような。 電動ファンのモーターがダメになっ ...
続きを読む
みの薬剤師ボランティアグループ「在宅訪問」 排便日記
最近在宅訪問させて頂いているDさん（女性）。 潰瘍性大腸炎の既往歴があり、腹痛や下痢で悩んでいらっしゃいます。 僕が介入したきっかけは、Dさんが余りにも頻繁に病院を受診されるため、何とかならないかと。 医師としてもこれ以上やれることはないようで、あとは薬の調整しかないようですが、ご本人は高齢で多少認知症状もあるようで、「薬剤師の方できめ細かなフォローをしてもらえると助かります」「ある程度の用法用量の調整はお任せしますので」…といったところです。 肝心のDさん。実際お会いしてみると認知症状も気になるほどでは ...
続きを読む
ローバーミニ1000 水路洗浄したもののオーバーヒート気味とな
久々の更新。 長らく眠りについていたミニですが、8月に何とか車検を取得したことで、晴れて公道を走れるようになりました。 ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 ところが、あれだけ水路洗浄をしたにも関わらずどうもオーバーヒート気味なんです。 ミニが開発された時代のイギリスに比べると、現代の日本の夏が異常に『暑い』というのも原因ではあるのですが（しかも僕が住んでいるのは全国ニュースの最高気温で上位常連の岐阜県美濃市だし）、 そもそも普通の車はラジエターに車体 ...
続きを読む
DUCATI（ドゥカティ） 900SS 1989年式 まずはバッテリー交換
燃料タンクが外れたので、改めて明るいところで各部のチェックを。 細部を眺めながら不動エンジンをかけるために必要そうな部品を頭の中でピックアップしています。 とはいえ予算は有限。 どれだけ考えても、メンテナンスのペースは使える予算が吐き出されるペース合わせるしかないのが悲しいところです... 数年前までは動いていた車両なので、全体的にはそこまでひどい状態ではありませんが、 何と言っても30年も前のバイクですので、車検を取得して乗り出すまでの道のりは長そうです。 バイクはメンテナンス不良が即命にかかわる乗り物 ...
続きを読む
DUCATI（ドゥカティ） 900SS 1989年式 燃料タンク外してみる
軽く洗車が終わったところで、車庫に移動。 燃料タンクを外しながらホース類や燃料コックをチェックしてみます。 エンジンがかからないのは、たぶんガソリンが上手く回っていないからだろうということで、まずはその辺りから攻めていこうと思います。 燃料タンクは、前方2箇所のナットを外せば簡単に外せるものの、そのナットにアクセスするためにバッテリーを外さないといけないという何とも面倒な設計。 車幅が狭いLツインならではの苦労かもしれないけど。 写真のカプラーを外してしまえば、残るは燃料ホースが繋がるのみです。 燃料ホー ...
続きを読む
DUCATI（ドゥカティ） 900SS 1989年式 まずは洗車でも
色々あって僕の元にやってきてくれた1989年式DUCATI900SS 一見状態は悪くないものの、数年間放置されていたためエンジン不動でブレーキもスカスカ。 クラッチは何とか切れるものの怪しい感じ。 とりあえずは腐っていると思われる燃料周りから洗浄かな。 こんな感じで運んできましたよ。 こんな時にも農機具用スロープが役に立つ。 農家強し。 まずはカウルを外して洗車でもしましょうかね。
続きを読む
【2004年08月09日】Part.22 -ファンベルト交換 アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 ファンベルトがキュルキュル鳴っていました。ベルトのカスも出ていました。 おそらくベルトが劣化しているのではないかと思い，近くの部品屋さんに行って来ました。 もともと，付いていたものはリブの付いてるものでしたが，今回のも ...
続きを読む
【2004年08月04日】Part.21 -外装工事 アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 ビアンキの外装工事です。作業前の状態をとりあえずアップしておきます。 リンク
続きを読む
【2004年08月01日】Part.20 -内装工事 アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 ビアンキの内装工事です。これが作業前の状態。防振剤がひび割れて，フロアーの鉄板が見えてしまっています。とりあえず剥がせるところは剥がして，清掃します フロアーパネルの上に防音・防振を兼ねて，ラバーチッピングを塗りました ...
続きを読む
みの薬剤師ボランティアグループ「学校薬剤師」 初めての検査
新型コロナウイルスの影響で遅れていた学校薬剤師活動がいよいよ始まりました。 僕が担当するのは岐阜県の山間部にある２つの小中学校で、今日は水質検査とダニの検査を行うことになっています。 担当する学校は自宅から１時間半以上も離れていますが、 これは、職場が在籍する地域の薬剤師会を通して学校薬剤師を受けたことが理由。 ただ、美濃から先のR156→せせらぎ街道は殆ど信号がないこともあり、お気に入りの音楽を聴きながらドライブしているとあっという間に到着してしまいました。 この時期のせせらぎ街道は最高ですね。 来年は ...
続きを読む
DUCATI（ドゥカティ） 900SS 1989年式 入手
色々あって僕の元にやってきてくれた1989年式DUCATI900SS 持ち主がいなくなり、数年間古いガレージにそのまま放置されていた所謂「納屋もの」です。 エンジンのかからないコイツを、友人と３人で軽トラの荷台に乗せて我が家まで持ってきたのが今日。 大型バイクの中では比較的スリムで軽量なモデルとはいえ、エンジンのかからないバイクの運搬は人力だけが頼り。 ブレーキオイルも抜けており、軽トラの荷台の前方に衝突しない程度の勢いで助走スピードを調整しなくてはならない高難度な技が必要でした。 明日以降、時間をみつけ ...
続きを読む
今回はこのようにショートコードを使ったスライドショーの設置と細かな設定方法を解説していきます。
スライドショーの設置方法
今回は固定ページにスライドショーを設置する方法で解説していきますが、投稿ページでも作業は同じです。
１）まずは下に記載してあるショートコードをそのままコピーして下さい。
[st-catgroup cat="" page="" order="" orderby="id" child="on" slide="on" slides_to_show="on" slide_date="off" slide_more="ReadMore"]
２）ワードプレスの管理画面から、固定ページ＞新規作成に進みます。
３）固定ページの作成画面が表示されたので、先ほどコピーしたショートコードを貼り付けます。
４）これでスライドショーが設置されているはずなので、プレビュー画面で確認してみて下さい。
スライドショーの設定方法
次に作成したスライドショーの詳細設定をします。
設定方法はとても単純で、ショートコードをそのまま書き換えるだけの作業になります。
例えばショートコード内に【 st-catgroup cat="" 】と書かれた部分がありますが、 ここはスライドショーに表示させたいカテゴリーを設定する場所です。
【 st-catgroup cat="ここの部分" 】 にカテゴリーIDを入力することで、スライドショーに表示させたい記事をカテゴリーで絞り込むことが出来るのです。
このようにショートコードにはそれぞれ意味があり、 "" の間に数字や文字列等を入れることで、そのショートコードの設定ができるようになっています。
一つ一つ見ていきましょう。
① 【 st-catgroup cat="" 】 の部分
上にも書きましたが、ここは表示させたいカテゴリーを絞り込むところです。
カテゴリーを絞り込まないのであれば何も入力しなくても構いませんが、カテゴリーを絞り込む場合には表示させたいカテゴリーIDを入力してください。
カテゴリーを指定しない場合は何も入力しなくても良い
【 st-catgroup cat="" 】
カテゴリーを指定する場合はIDを入力する
例えば表示させたいカテゴリーのIDが2の場合
【 st-catgroup cat="2" 】
表示させたいカテゴリーが複数の場合は【,】で区切る必要がある
例えば表示させたいカテゴリーIDが2と3と4の場合
【 st-catgroup cat="2,3,4" 】
逆に表示させたくないカテゴリーがある場合は、-（マイナス）で除外する
例えば表示させたいカテゴリーIDが7の場合
【 st-catgroup cat="-7" 】
こんな感じです。
ちなみにカテゴリーIDは、ワードプレスの管理画面から、投稿＞カテゴリーと進むと確認できます。
② 【page=""】 の部分
ここはスライドショーに表示させる記事のページ数を指定するところです。
記事数を５つにする場合
【page="5"】
記事数を８つにする場合
【page="8"】
例えば【page="8"】と入力した場合、8つの記事を使ってぐるぐるとスライドショーが開始されます。
③【 order="" 】の部分
ここはスライドショーに表示させる記事の順序をDESC（降順）ASC（昇順）で指定するところです。
スライドショーの記事を新しい順に並べる場合
【 order="desc" 】
スライドショーの記事を古い順に並べる場合
【 order="asc" 】
通常は新しい順に並べると思うので 【 order="desc" 】 で良いと思います。
④ 【 orderby="" 】の部分
ここはスライドショーに表示させる記事の順序を決める際のキーとなる項目を指定するところです。
デフォルトは【id】となっていて、投稿記事のIDによって表示順序が決められますが、その他にも色々な設定ができます。
記事のIDをキーにする場合 ★デフォルト
【 orderby="id" 】
記事のタイトルをキーにする場合
【 orderby="title" 】
記事の日付・時刻をキーにする場合
【 orderby="post_date" 】
ランダムに表示させたい場合
【 orderby="rand" 】
こだわらなければデフォルトで良いと思います。
⑤ child="" の部分
ここはスライドショーに子カテゴリーの表示を指定するところです。
ワードプレスではカテゴリーに階層構造を持たせることができますが、その辺りを使いこなしている方であれば、ここの設定で表示方法をコントロールすることができます。
子カテゴリーを表示させたい場合
child="on"
子カテゴリーを表示させたくない場合
child="off"
⑥【 slide="" 】の部分
ここはスライドショーのオンオフを切り替えるところです。
スライドショー化させたい場合
【 slide="on" 】
スライドショー化させたくない場合
★ただの一覧表示になります
【 slide="off" 】
今回はスライドショー化が目的なので【 slide="on" 】でOKです。
⑦ slides_to_show="" の部分
ここはスライドショー画面の列数（一度に表示させる記事数）を指定できます。
【slides_to_show="3,3,2"】といった感じに３つの数字を並べて指定しますが、これは左から順に「PCのような大画面，タブレットのような中画面，スマホのような小画面」を意味しています。
例えは、PCのような大画面=３列、タブレットのような中画面＝３列、スマホのような小画面＝２列にしたい場合には
【slides_to_show="3,3,2"】
例えは、PCのような大画面=４列、タブレットのような中画面＝４列、スマホのような小画面＝３列にしたい場合には
【slides_to_show="4,4,3"】
といった感じに設定します。
⑧ slide_date="" の部分
ここはスライドショーに表示される記事に日付を表示させるかどうかを指定するところです。
日付を表示させたい場合
【 slide_date="on" 】
日付を表示させたくない場合
【 slide_date="off" 】
⑨ slide_more="" の部分
ここはスライドショー内に表示される「ボタンの表示名」を指定するところです。
このボタンをクリックすると記事ページに飛ぶので、「続きを読む」とか「ReadMore」とかで良いと思います。
何も表示させない場合
【 slide_date="" 】
「続きを読む」と表示させたい場合
【 slide_date="続きを読む" 】
「ReadMore」と表示させたい場合
【 slide_date=" ReadMore " 】
まとめ
今回はスライドショーの設置と設定の方法を記事にしてみました。
細かな設定で自分好みのスライドショーを作成し、ホームページに彩りを与えてみて下さい。
