今回の記事は、ショートコードを使ったスライドショーの設置と細かな設定方法を紹介しています。
- 記事内のショートコードをコピペするだけで設置が可能です
- 設定はショートコードを直接書き換えるだけです。難しそうに感じますが、この記事を読めば簡単に理解できるはずです
僕のウェブマガジン「GOKUI」はトップページにスライドショーを設置しています。
個人的な好みからすると動きのあるページはあまり好みではないのですが、技術的な興味があって設置してみました。
技術的に...といっても難しいことは何もなくて、ショートコードを埋め込むだけでこのような感じで動いてくれます。
みの薬剤師ボランティアグループ「在宅訪問」 新規開拓
みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 本日は大腸癌ターミナル患者のＡさん宅を訪問した後に、今回から新規で在宅訪問することになるＣさん宅を訪問します。３月末に在宅訪問の導入を予定していたＢさん（肺がんターミナル/在宅訪問導入前に逝去）以来、３人目の案件ですね。 Ｃさんは膀胱癌及び術後の諸症状（癌性疼痛・イレウス等）により、数日前から訪問看護を導入したばかりの患者さんですが、今回も美濃病院の薬剤師から情報提供を受け、僕らボランティアグループに出番が回ってきました。 Ｃさんは、膀胱癌以外 ...
続きを読む
ローバーミニ1000 クーラントを交換するため水路洗浄
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 今日は天気が良いので、ローバーミニ1000を車庫から持ち出し天日干し。 ついでに前から気になっていた冷却水（クーラント）の入れ替えをします。 水を使う作業は、冬場はどうしても敬遠しがちなので、こんな作業が出来るのも春がやってきたおかげだと思い頑張ります。 リンク 僕のミニはキャブ1000ccの最終型ですが、ラジエターにはドレンプラグ（冷却水の抜き取り口）がありません。 仕方がないので、冷却系統全体に水道水を流しこみ ...
続きを読む
本日はガレージ床の塗り替えをしています（スカイブルー塗装編）
レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップ「Garage Milestone」を始動します Garage Milestone（ガレージ・マイルストーン）は、岐阜県美濃市のマルチユーススペース『Quatloop』に店舗を構える、レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップです。 僕らのモットーは「何でも自分たちで作り上げること」。そして、一つ一つの作業にはこだわりを持ち、自分たちで出来ることは自分たちの手で、自分たちの手に負えないことは仲間の協力を得て、日々楽しみながら作業を進めて ...
続きを読む
みの薬剤師ボランティアグループ「在宅訪問」 急な訪問
みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 本日は大腸癌ターミナル患者のＡさん宅にいます。 これで４回目の在宅訪問。 前回までは、訪問看護師と時間を合わせて伺っていましたが、今回は薬剤師単独での訪問となりました。 Ａさんやご家族の負担及び医療者側の情報共有のことを考えると、看護師と時間を合わせるのがベストだとは思いますが、 今回は僕のスケジューリングの中で、 『１時間ほど空き時間があるなぁ』 →『そうだ、Ａさんの様子を見に行こう』 …といった思考が巡り、 当日の朝になって急遽ご自宅に電話 ...
続きを読む
【2004年03月11日】Part.16 サーモスタット -アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 冷却水のサーモスタットが正常に働くかどうかチェックしたくて嫁さんにたのみこんで鍋を借りました。菜箸でサーモを触っていると，まるでサザエを触っていようです。湯気も立ってきて，今晩のおかず一品出来上がり状態？ 料理が完成し ...
続きを読む
ローバーミニ1000 オイル交換とキャブの分解・清掃
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 本日は仕事を終えた夕方から、自宅のガレージでローバーミニのメンテナンスをしています。 ガレージの床を塗り替えるための下地処理をしています。 ここ最近は「Garage Milestone」の床を塗り替えたり、 みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 薬剤師ボランティアグループの在宅訪問等で忙しく、なかなか自宅ガレージで「遊ぶ時間」が無かった僕。 しかしここに来て桜が咲き始めるほど気温が暖かくなっ ...
続きを読む
みの薬剤師ボランティアグループ 退院時薬剤情報連携加算の書式
本日は病院からの依頼で「退院時薬剤情報連携加算」用の情報提供文書の書式を考えています。 「退院時薬剤情報連携加算」とは、令和２年度の診療報酬改定で新設されたポリファーマシー解消への取り組みを評価する項目の一つで、保険医療機関と保険薬局の連携を促す狙いがあるようです。 今までも、保険薬局から保険医療機関への情報提供については評価される項目がありましたので、それの逆バージョンといったところでしょうか。 算定要件としては、 保険医療機関が、入院前の内服薬の変更をした患者又は服用を中止した患者につい て、保険薬局 ...
続きを読む
本日はガレージ床の塗り替えをしています（プライマー＋グレー塗装編）
レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップ「Garage Milestone」を始動します Garage Milestone（ガレージ・マイルストーン）は、岐阜県美濃市のマルチユーススペース『Quatloop』に店舗を構える、レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップです。 僕らのモットーは「何でも自分たちで作り上げること」。そして、一つ一つの作業にはこだわりを持ち、自分たちで出来ることは自分たちの手で、自分たちの手に負えないことは仲間の協力を得て、日々楽しみながら作業を進めて ...
続きを読む
【2004年03月01日】Part.15 リアブレーキシリンダー -アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 左のリアのホイールシリンダーより，ブレーキフルードが漏れていました。早速バラしてみます。こんな状態になっていました。フルードで中はベトベト。これでは，ブレーキも効きません。ホイルシリンダーO/Hキット ￥3.500消費 ...
続きを読む
３つの５９１をメンテナンス（ローバーミニ・C-HR・軽トラ）
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 TOYOTA C-HRハイブリッド 次の通勤スペシャルはこの車に決定 本日は久々に自宅ガレージにて３台の「５９１」のメンテナンスです。 １台目の５９１はハイゼット・トラック。 「あ」ということは、希望ナンバーで最初の５９１。 先日Ｃ-ＨＲから取り外したナンバーフレームをハイゼットに移植。 軽トラのくせに、ＬＥＤヘッドライトやフォグランプを装備した５９１ハイゼット・トラックですが、 前後ともシルバーのTOYOTA製の ...
続きを読む
ガレージの床を塗り替えるための下地処理をしています。
レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップ「Garage Milestone」を始動します Garage Milestone（ガレージ・マイルストーン）は、岐阜県美濃市のマルチユーススペース『Quatloop』に店舗を構える、レトロな乗り物とオシャレ雑貨を取り扱うガレージ型ショップです。 僕らのモットーは「何でも自分たちで作り上げること」。そして、一つ一つの作業にはこだわりを持ち、自分たちで出来ることは自分たちの手で、自分たちの手に負えないことは仲間の協力を得て、日々楽しみながら作業を進めて ...
続きを読む
みの薬剤師ボランティアグループ「在宅訪問」 残された時間
みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 本日も癌ターミナル患者のＡさん宅を訪問です。 訪問看護ステーションからは、腫瘍熱と思われる発熱と癌の特出痛が増悪傾向との報告を受けていましたが、僕が訪問した本日は全くそのような症状はなく、とても穏やかな笑顔で迎えてくれました。 発熱に関しては今回も一過性のもののようなので、僕に出来ることはないため様子見で。 癌性疼痛に関しても、今回はベースアップを見送りました。 ベースアップを見送った理由は二つあります。 一つ目の理由は、今の痛み具合なら「レス ...
続きを読む
今回はこのようにショートコードを使ったスライドショーの設置と細かな設定方法を解説していきます。
スライドショーの設置方法
今回は固定ページにスライドショーを設置する方法で解説していきますが、投稿ページでも作業は同じです。
１）まずは下に記載してあるショートコードをそのままコピーして下さい。
[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 " 】
まとめ
今回はスライドショーの設置と設定の方法を記事にしてみました。
細かな設定で自分好みのスライドショーを作成し、ホームページに彩りを与えてみて下さい。
