こんにちは、roihiです。
ブログを始めようと意気込んで、THE THORテーマを購入しました！
SEOにも優れているという事で期待大。と素人がなんとなくだけで・・・( ;∀;)
そんなおばさんが何とかここまでやってきました。
センスの無さは置いておいて、せっかくのテーマの機能を沢山使わなくちゃ！
実際にやってみて私がつまづいた事や発見した事を記事にしています。
もし、今あなたも？ハテナであれば是非参考にしていただけると幸いです。
カルーセルスライダーって？
私の使用しているテーマは、トップページでメインビジュアルの下に
指定した記事を横にスライドさせて表示できる(スライダー)があるものです。
流れていくので目に留まりやすく、特に目立たせたい記事や、新着記事などを
設定する事ができます。
やり方は簡単ですので安心してください！
私は特にセンスがないので、とにかくキレイに出来上がっているのが
望ましかったです。( ;∀;)
それでこのテーマを選んで簡単設定をしました。
カルーセルスライダーの設定方法
THE THORの設定は、カスタマイズから行います。
それでは手順を見ていきましょう。まず
ダッシュボード >外観 >カスタマイズ > トップページ
>カルーセルスライダーの順で開きます。
最初はこのカスタマイズのどこに何があるのか覚えるのにちょっと
大変でしたが、色々やっているうちにそれなりに覚えてくるものですね。笑
カルーセルスライダーの中で細かく設定をしていきます。
設定できる内容は、下図の赤丸と緑四角部分です。
１．カルーセルスライダーを表示させるかさせないか。
２．表示させるカテゴリ、記事を選択して指定できます。
３．スライドさせる枚数を設定できます。
いかがでしょうか？意外と簡単でしたね。
スライダー記事の順番を変えるには？
さて、いざスライダーに記事は表示されたけれど思っていた順番と違う。
カテゴリごとに並べたいのに。トホホ
そんな思いはないですか？
最後の難関です。いえそこまででもないです。笑
こだわりにも寄りますが・・・
私はセンスがないので(悲しいかな何回も言いますが・・・)
後になって気づけばアイキャッチ画像が統一性がなく・・・
スライダーにした時にバラバラでした。(>_<)
なので、アイキャッチ画像の順番が視覚的にも良い感じにならないかー
と記事IDを指定しました。
上の図の緑四角のところです。
複数枚を指定する時には「,」カンマで区切って指定をします。
最後にカスタマイズの上部の「公開」を押して完成です。
右側のプレビューには、設定したものが出ていると思いますので
記事IDを指定した場合はここで実際の並びを見て調整します。
記事IDは投稿一覧の中にあります。下図の赤矢印部分
例)上から１番目と2番目を指定するのならば
「2146,2000,」のようにカンマで区切ります。
いまから記事を書く方は、記事IDの連続性を確認しておくのが良いです！
おまけ：PCのスクショトリミング時のワザ(スライダー関係ないけど)
スライダーとは全く関係ないですが、記事の中で使用する図は皆さんどのよう
に作成していますか？
画面をスクショして不要な部分をトリミングカットしたり、目張り加工して
いますよね。
私は、ペイントが3Dになって何だか使い慣れずでPowerPointを使用して
いるのですが、(もっと技術があれば・・・）
そのPowerPointでのトリミングもちょっとずれてしまう事があるので
数値で設定をして同じカットにしています。
参考までにご紹介しておきますね。不要なかたは飛ばしてください。
下図の黄色枠のように張り付けた画像を選択状態で(矢印の〇が範囲各角と
上下左右に表示されている状態)、上段のメニューの書式を選択
「書式」メニュー内詳細の右側「サイズ」の小さい矢印を開くと
「図の書式設定」が出てきます。
山の絵のようなマークを開くとトリミングの数値設定をするところが出てきますので不要な部分をカットします。その数値を覚えておいて、他の同じ画面のスクショであれば均等にカットできます。
上と下の余白がカット後の部分です。
または普通に、トリミングで範囲指定することも可能です。
(1枚くらいならこれが早い)
「サイズ」の中のトリミングをクリックすると、スクショの範囲に各角左右上下に黒太の線が表示されますので、太黒をカーソルを合わせてクリックしたまま
カットしたいところへ移動させます。
複数枚あると微妙に違うことになるので、私は上記の書式設定の欄で数値を入れて作っています。沢山の時は早くて正確にできるので気にいってます。笑
そんな事とっくにやっているよ！という場合は失礼しました。( ;∀;)
私と同じで3Dペイント等で多少イラっとする方はこちらもお試しください！
スライダーの設定方法はいかがでしたでしょうか。
最後までお読みいただきありがとうございました。
また、便利な方法を見つけたらご報告しますね。
それでは、またね💛