今回の記事は、ショートコードを使ったスライドショーの設置と細かな設定方法を紹介しています。
- 記事内のショートコードをコピペするだけで設置が可能です
- 設定はショートコードを直接書き換えるだけです。難しそうに感じますが、この記事を読めば簡単に理解できるはずです
僕のウェブマガジン「GOKUI」はトップページにスライドショーを設置しています。
個人的な好みからすると動きのあるページはあまり好みではないのですが、技術的な興味があって設置してみました。
技術的に...といっても難しいことは何もなくて、ショートコードを埋め込むだけでこのような感じで動いてくれます。
みの薬剤師ボランティアグループ「学校薬剤師」 初めての検査
新型コロナウイルスの影響で遅れていた学校薬剤師活動がいよいよ始まりました。 僕が担当するのは岐阜県の山間部にある２つの小中学校で、今日は水質検査とダニの検査を行うことになっています。 担当する学校は自宅から１時間半以上も離れていますが、 これは、職場が在籍する地域の薬剤師会を通して学校薬剤師を受けたことが理由。 ただ、美濃から先のR156→せせらぎ街道は殆ど信号がないこともあり、お気に入りの音楽を聴きながらドライブしているとあっという間に到着してしまいました。 この時期のせせらぎ街道は最高ですね。 来年は ...
続きを読む
みの薬剤師ボランティアグループ「在宅訪問」 服薬ゼリーの代わりにトロミ剤を
みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 在宅訪問をさせて頂いている大腸癌ターミナル患者のＡさん。 全体的に症状は落ち着いているものの、徐々に最期を迎えつつあるようで、このまま徐々に体力が落ちていき老衰のように逝かれるのではないかと考えています。 医師の見立てでは「夏は越せないだろう」と。 寂しいですが最期まで全力でサポートさせて頂くつもりです。 最近のトピックスは、 ①在宅療養の長期化による看護者（奥さま）の疲労②ご本人の嚥下機能の低下 の２つです。 ①については、メインの介護者であ ...
続きを読む
みの薬剤師ボランティアグループ「学校薬剤師」 いよいよ公衆衛生の世界へ
新型コロナウイルスの影響により日本全国で様々な活動が自粛されていましたが、６月からの学校再開に合わせ、延期されていた学校薬剤師活動も無事再開となりました。 今年度初めて学校薬剤師を担当する僕としては、少しばかりヤキモキしていたものの、これでやっとスタートラインに立てた気分です。 そんな折、さっそく学校薬剤師会から今年度用の検査キットが届きました。 紙袋一杯に入った中身を確認すると、検査日は薬剤師会から6月24日に指定されていました。 検査日が2週間後とずいぶん直近に指定されていますが、こればかりはこちらが ...
続きを読む
Xiaomi Redmi Note 9S は、中国の脅威を肌で感じられるヤバイ端末でした
ここのところiphoneばかり使用していた僕ですが、通話中に相手の声が聞こえにくい（割れたような音になる）ことが頻繁に起こるようになりました。 相手がスマホ（携帯電話）だと全く問題ないのですが、固定電話の場合に限り発生する不思議な現象。 プライベートな通話なら何とかなるものの、薬剤師として在宅患者さんと繊細な話をする際（大体の場合相手は固定電話）に、患者さんの言葉が聞き取りにくくて困っていました。 こんな故障の仕方ってあるのかな？と不思議に思いつつも、ちょうどiphoneにも少し飽きてきたところだったので ...
続きを読む
ローバーミニ1000 ラジエターを元に戻し久々にエンジン始動
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 車検取得に向けメンテナンス進行中のローバーミニ1000。 今回は水冷系統リフレッシュの最終仕上げとして、ラジエターを元に戻しエンジン再始動まで持っていこうと思います。 まずはオルタネーターを元の位置に戻し、同時にエアコンのコンプレッサーと繋がる短い方のベルトを装着します。 あまり張り過ぎないよう少したわむ程度（適当です）に調整しました。 次にラジエターファンを取り付けると同時に、長い方のベルトも装着しようと思ったの ...
続きを読む
ローバーミニ1000 ロアホースを加工して電動ファンスイッチを組み付ける
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 車検取得に向けメンテナンス進行中のローバーミニ1000。 今日はロアホースを加工して強制電動ファンスイッチを組み込む作業をします。 こちらがロアホースを取り外した時の画像です。 僕のミニは89年式のミニ1000ですが、このように強制ファンのスイッチ（温度が一定以上に上がると通電するようになっている）がロアホースの途中に無理やり？組み込まれています。 その後のモデルではラジエター下部に移動したことからも、取り付けるの ...
続きを読む
ローバーミニ1000 取り外したラジエターをリペア
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 車検取得に向けメンテナンス進行中のローバーミニ1000。 今回はラジエターのリペアをしていきます。 ラジエターを外した直後の状態がこれ。 一見キレイに見えますが、漏れたロングライフクーラントが乾いて固まった付着物や錆が浮いていて、所々塗装も剥げています。 ドレーンホースも裂けていて、まあ普通に評価すると”ひどい状態”ですね。 写真では見づらいのですが、外観同様ラジエターの内部も錆が進行しています。 仕方がないので、 ...
続きを読む
TOYOTA C-HRハイブリッド 片道50kmの通勤で最高燃費を記録
TOYOTA C-HRハイブリッド 次の通勤スペシャルはこの車に決定 通勤スペシャルとしてTOYOTA C-HRハイブリッドに乗り換えた僕ですが、想定よりもかなり燃費が良いことに驚いています。 20万キロオーバーでバッテリー交換なし プリウス20の実燃費を計測してみた 前車２代目プリウスが25-28km/Lだったこともあり、C-HRを購入する前はそれよりも少し悪い20-25km/L程度かと思っていたのですが、 実際にC-HRで通勤を始めてみると、満タン法ではなくエンジンを停止した時に毎回表示されるシステム ...
続きを読む
【2004年04月15日】Part.19 バッテリーステイ -アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 バッテリーステイのことで悩んでいると，ある方からこんなメイルが 台座＠ぼろいのなら1個ありますけど・・・。もう作りました？ 神からのお告げだ。ここは遠慮なく後慈悲を受けよう。早速，送っていただきました。 UDDなごやの ...
続きを読む
みの薬剤師ボランティアグループ「在宅訪問」 抑肝散
みの薬剤師ボランティアグループとしての新たな試み「在宅訪問」 在宅訪問をさせて頂いている大腸癌ターミナル患者のＡさん。 癌性疼痛については、最近カロナール錠を定期服用に変更したこともあり上手くコントロールできているのですが、 不穏というか…、特に排せつ時に言うことを聞いてくれなくて、介護者（妻）を困らせることが多くなってきているようです。 具体的には、ポータブルトイレに座らせようとしたり、尿器を当てようとしたり、オムツに出すように促したりする時に、それら全てを拒否されてしまうことが頻繁にあるとのこと。 介 ...
続きを読む
ローバーミニ1000 タペット調整
ミニマリストが乗らずして誰が乗る??? 現在僕が所有するローバーミニ1000を紹介します。 車検取得に向けメンテナンス進行中のローバーミニ1000。 今回はタペットの調整をします。 僕のローバーミニは1000ccキャブの最終型で、エアコンや排ガス浄化装置などが付いているため、エンジンルーム内にホースが張り巡らされています。 車もエンジンルームも「シンプル」好きな僕ですが、同じくらい「オリジナル状態」にもこだわりを持っているので、ミニについてはそちらを優先してメンテナンスをしています。 そんなホースだらけの ...
続きを読む
【2004年03月28日】Part.18 キャブレターオーバーホール -アウトビアンキA112レストア日記-
～Prologue～ いらないなら，処分するぞ。 そんなひとことから，私の元へ，引き取られてきた，アウトビアンキＡ１１２ いつもの癖で，また，拾ってきしまった。 とりあえず，だめでもともと。 動けば，もうけものだ。 軽い気持ち出始めた，レストア作業。 いろんな，困難が待っているとも知らず。 どうもアイドリングが安定しません。キャブクリーナーを吹いたりしたのですが，効果ありませんでした。そこで，意を決してオーバーホール。 まず購入したのは，オーバーホールキット 部品代金：6,000円 キットの中身です。さま ...
続きを読む
今回はこのようにショートコードを使ったスライドショーの設置と細かな設定方法を解説していきます。
スライドショーの設置方法
今回は固定ページにスライドショーを設置する方法で解説していきますが、投稿ページでも作業は同じです。
１）まずは下に記載してあるショートコードをそのままコピーして下さい。
[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 " 】
まとめ
今回はスライドショーの設置と設定の方法を記事にしてみました。
細かな設定で自分好みのスライドショーを作成し、ホームページに彩りを与えてみて下さい。
