WordPress

ショートコードを使ってスライドショーを設置・設定する方法【ワードプレス】

今回の記事は、ショートコードを使ったスライドショーの設置と細かな設定方法を紹介しています。

  • 記事内のショートコードをコピペするだけで設置が可能です
  • 設定はショートコードを直接書き換えるだけです。難しそうに感じますが、この記事を読めば簡単に理解できるはずです

僕のウェブマガジン「GOKUI」はトップページにスライドショーを設置しています。

個人的な好みからすると動きのあるページはあまり好みではないのですが、技術的な興味があって設置してみました。

技術的に...といっても難しいことは何もなくて、ショートコードを埋め込むだけでこのような感じで動いてくれます。

みんなの薬剤師

第2回みの在宅支援薬剤師ミーティング

7月8日に「第2回みの在宅支援薬剤師ミーティング」が開催されました。 このミーティングは、「在宅支援」を軸に地域の薬剤師による連携力を高め、より質の高い医療(薬物療法)の提供に繋げていくことを目的として立ち上げられましたが、今回も志の高い薬剤師11名が集い、濃密な時間を過ごすことができました。 今回の題材は「高カロリー輸液(TPN)の混注」です。 高カロリー輸液(TPN)は、近年在宅の現場で目にすることが多くなりましたが、十分な栄養状態を維持することができるといったメリットがある一方で、当然カテーテル感染 ...

続きを読む

みの在宅支援薬剤師ミーティング

みんなの薬剤師

第1回みの在宅支援薬剤師ミーティング

6月3日に「第1回みの在宅支援薬剤師ミーティング」が開催されました。 美濃病院の薬剤師が主体で立ち上げられたこのミーティングは、その名前の通り、「在宅支援」を軸に地域の薬剤師による連携力を高め、より質の高い医療(薬物療法)の提供に繋げていくことが目的ですが、 地域包括ケアシステムの中で薬剤師の在り方そのものが問われている現状では、更に踏み込んだ試みをすることで、他の職種や患者・家族から見て分かりやすい形で結果を出すこと、つまり「見える化」が必要だと感じています。 今回僕は、このミーティングのコーディネータ ...

続きを読む

学校薬剤師

教育委員会から届いたもの

職場で仕事をしていると、教育委員会から封書が届きました。 「また別の講座依頼でも来たのかな?」と開封してみると、 しっかりとした厚紙に公式な印鑑が押された委嘱書(いしょくしょ)が入っていました。 ずいぶん立派なものですが、確か去年は届いていないので、 今年から作ったのか、それとも去年は忘れられていたのか... 謎です。 そういえば学校薬剤師の報酬もまだ入金されていないし、 コロナ禍で役所も忙しくてバタバタなんだろうなと想像しています。

続きを読む

ローバーミニ ヘッドライト

Mini

ローバーミニ1000 片側ヘッドライトのアース不良

夕方ライトを点灯した時に「何だか暗いなぁ」と思っていたら、片側が薄っすらとしか光っていません。 ヘッドライト本体の不具合かと思ったのですが、左右を入れ替えてみたものの変化なし。 薄っすらと光っているので電球が完全に切れている訳でもないし...ということで、 試しにアースをバイパスしてみたところ勢いよく光り出しました。 良くあるアース不良のようです。 配線を引き直したいところですが、やりだすとキリがないので、 今回はバイパスを作って終わりにしました。 バイパスはヘッドライトの裏側に空いていた穴を通したのです ...

続きを読む

学校薬剤師

「学校薬剤師」 本日は県内の高等学校で薬物乱用防止講座を開催しました

本日は県内の高等学校で薬物乱用防止講座を行いました。 本来僕が学校薬剤師として担当している学校ではないのですが、 この高等学校では、毎年色々な方にこうした講座を依頼する方針があるようで、 今年度は域内の薬剤師代表として僕が選ばれた...という経緯は後になって知りました。 さてその講座ですが、コロナ禍ということで、校内の配信システムを利用して行われました。 画面越しの生徒に向かって話をするのは、対面とはまた違った難しさがあります。 生徒の反応が見えない、声が聞こえないとなると、なかなか僕の中でも高揚感が得ら ...

続きを読む

Minimam Life

ステップワゴンRGがやってきた

晩酌をしていたある日の夜、友人から「誰かステップワゴン要らんやろか?」と電話が... 今年は色々とワンボックスの出番がありそうな予感がするので、その場で「僕が使うわ」と即答。 少しだけお礼は渡しましたけど、普通に買うことを思えば随分安く手に入れることができました。 「汚れてるだけで悪いとこはどこもないよ」と言う通り、ワンオーナーで走行距離8万5千キロ(12年落ち)、基本ディーラー任せで整備してきた極上車です。 友人宅は未舗装の駐車場なので、エンジンルームや下回りも含めて結構泥だらけでしたが、汚れを落とした ...

続きを読む

Mini

長かったオーバーヒート対策が終了

現在オーバーヒート対策真っ只中の、我が愛車『89年式ローバーミニ 30th 1000』 一度組み上げた冷却系統を全て分解し、ホースやエンジンブロック内の水路の再洗浄、 ヒーターコア・サーモスイッチ・ラジエターを新品交換し、電動ファンは中古品に交換しました。 今回は最終段階としてエンジンファンとラジエターを組み上げます。 古いエンジンファン(黄色い方)は、単独で見た時には気づかなかったのですが、 新品(白色の方)と比べると歪んでいることが分かりました。 このように並べると一目瞭然です。 エンジンの熱などによ ...

続きを読む

みんなの薬剤師

3つの柱と名刺変更

「みの薬剤師ボランティアグループ」としてこれまで様々な活動等をしてきましたが 今年度からはそれら全てを「みんなの薬剤師」に移行し更にパワーアップすることにしました。 これで薬剤師としての活動に3つの柱が出来上がり、シンプルながら充実した構成になったと思います。 1.病院薬剤師(臨床・調剤・チーム医療) 2.学校薬剤師(公衆衛生・教育) 3.みんなの薬剤師(在宅医療・地域支援・多職種連携・健康サポート・ボランティア) 名刺にも変更が必要となったので、キングプリンターズさんで注文することにしました。 自分好み ...

続きを読む

Mini

ローバーミニ1000 電動ファンとサーモスイッチを交換

現在オーバーヒート対策真っ只中の、我が愛車『89年式ローバーミニ 30th 1000』 冷却系統を全て分解し、ホース等の水路を洗浄後、ヒーターコアの交換まで終えたので、 今回は電動ファンとサーモスイッチの確認と組付けをします。 オーバーヒートは、こちらの電動ファンが上手く動いていないことが一番の原因っぽいです。 この電動ファン。 全く動かない訳ではなく、動く時もあれば動かない時もあるから困ったもの。 それに、動いたとしてもゆるゆる回っているだけで元気がなく、全くラジエターを冷やしている感じがしません。 友 ...

続きを読む

学校薬剤師

「学校薬剤師」今年度最後の検査は雪景色の下で

本日は学校薬剤師として今シーズン最後の検査でした。 僕の担当する小中学校は岐阜県北部の雪深いところにあり、前日にスマホで天気予報をチェックしたところ「大雪」とのこと。 検査時間は限られるので時間に遅れる訳にはいかず、普段の通勤よりもずいぶんと早く自宅を出発しました。 幸い天気予報はすっかり外れたようで、空から雪は一つも落ちてこないし、道路も全く凍っていません。 ただ北に行けば行くほど、道路脇や野山に雪がどんどん増えていって、学校に着く頃には景色が一気に雪国に変わりました。 この頃には少し雪が降ってきたりし ...

続きを読む

Mini

ローバーミニ1000 ガソリンホース交換

左リアのショックアブソーバーを交換するためガソリンタンクを外そうとしたところ、 ガソリンホースに無理な力をかけてしまったようで裂けてしまいました。 当然ガソリンホースの予備なんてあるはずもなく、 でもエンジンをかけないと車を移動させられないので とりあえずDUCATI(バイク)に付いていた適当なホースを外して応急処置しました。 リンク 購入したホースは信頼の日本製「大野ゴムRH-0031」。 内径6mm×外径13.5mmのを購入してみましたがピッタリでした。 ついでにタンク周りの掃除もして終了です。

続きを読む

ローバーミニ メーターパネル自作

Mini

ローバーミニ1000 純正メーターを流用した自作パネルを制作

車はノーマルが一番美しいと思っている僕なので、愛車の『89年式ローバーミニ 30th 1000』もずっとノーマル状態を維持しています。 ミニとの関わり方も、そのほとんどが、純正あるいはそれに近い部品を使用した『基本的なメンテナンス』と『壊れた部品の交換・修復』となる訳ですが、 そうは言っても、時々僕の中で変な虫が騒ぎ出すことがあります。 今回はそんなよく分からない虫が騒いだことで、僕の中にスイッチが入り、 結果、純正メーターをメーターパネルにモディファイすることになってしまいました。 きっかけは、最近この ...

続きを読む

今回はこのようにショートコードを使ったスライドショーの設置と細かな設定方法を解説していきます。

スライドショーの設置方法

今回は固定ページにスライドショーを設置する方法で解説していきますが、投稿ページでも作業は同じです。

1)まずは下に記載してあるショートコードをそのままコピーして下さい。

[st-catgroup cat="" page="" order="" orderby="id" child="on" slide="on" slides_to_show="on" slide_date="off" slide_more="ReadMore"]

2)ワードプレスの管理画面から、固定ページ>新規作成に進みます。

3)固定ページの作成画面が表示されたので、先ほどコピーしたショートコードを貼り付けます。

4)これでスライドショーが設置されているはずなので、プレビュー画面で確認してみて下さい。

スライドショーの設定方法

次に作成したスライドショーの詳細設定をします。
設定方法はとても単純で、ショートコードをそのまま書き換えるだけの作業になります。

例えばショートコード内に【 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=""】 の部分

ここはスライドショーに表示させる記事のページ数を指定するところです。

記事数を5つにする場合
【page="5"】

記事数を8つにする場合
【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"】といった感じに3つの数字を並べて指定しますが、これは左から順に「PCのような大画面,タブレットのような中画面,スマホのような小画面」を意味しています。

例えは、PCのような大画面=3列、タブレットのような中画面=3列、スマホのような小画面=2列にしたい場合には
【slides_to_show="3,3,2"】

例えは、PCのような大画面=4列、タブレットのような中画面=4列、スマホのような小画面=3列にしたい場合には
【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 " 】

まとめ

今回はスライドショーの設置と設定の方法を記事にしてみました。

細かな設定で自分好みのスライドショーを作成し、ホームページに彩りを与えてみて下さい。

-WordPress

Copyright© GOKUI PROJECTS , 2021 All Rights Reserved.