おしゃれな時計プラグイン『Local Time Clock』の使い方と設定方法

最近は時計が設置されているブログというのも少なくなり、
需要が減ったせいか時計関連のプラグインを解説しているサイトも少なくなった印象です。

しかし、サイドバーを有効活用したい場合や
国別に正確な時間を表示させたいなど、どうしても必要という場合もあります。

ここでは無料でおしゃれな時計を簡単に設置することのできる、
『Local Time Clock』というプラグインの使い方と設定方法を解説していきます。

イメージ画像については解説の中盤に画像がありますので、
インストール前に見たいよという方はスクロールして確認してください。

『Local Time Clock』のインストール方法

  1. 管理画面の左メニューの「プラグイン」から「新規プラグインを追加」を選びます。
  2. 画面右側の検索ボックスに「Local Time Clock」と入力します。
  3. 検索一覧から次のアイコンのプラグインを探します。
    これをインストールし、有効化します。

見つからない場合は、次のリンクからダウンロードしてください。

『Local Time Clock』の設定方法

管理画面の左メニューの「外観」の中の「ウィジェット」を選択します。

利用できるウィジェットに「Local Time Clock」が追加されています。
これをサイドバーに追加します。

設定内容を開きます。

Country:基準の国の設定

デフォルトでは「Country」は「United Kingdom」が設定されています。
これを「Japan」に変更し、保存します。
保存したら「City」は自動的に「Tokyo」に変更されます。

Clock Type:時計の見た目の設定

時計の見た目を設定します。

それぞれのイメージ画像は次の通りです。

Analog Basic
World Grobe
Analog with Flag
Analog Shiny 3D

 

Digital Basic
Digital Time and date
Digital Stick-it Note
Digital Flip over

Digital Basic」と「Digital Flip over」は、時計にカーソルを合わせると表示が裏返り、年月日が表示されます。

Digital Time and date」と「Digital Stick-it Note」は、時計にカーソルを合わせると表示が裏返り、指定した国の首都(今回の解説では「Tokyo」)が表示されます。

Clock Size:時計のサイズ設定

サイドバーに設定する時計自体のサイズを設定します。

デフォルトのまま保存しておき、
表示内容から大きくしたい、小さくしたいということがあれば変更しましょう。

Text Size:文字の色の設定

時計の数字の色を設定します。
デフォルトでは「Black(黒)」になっています。

Background Color:時計の背景色の設定

表示した時計の背景色を設定します。
デフォルトでは「White(白)」になっています。

ブログのテーマカラーや好きな色に変更しましょう。

Transparent:透明度の設定

設定内容の透明度の設定です。
基本的には文字色と背景色の設定だけで良いので必要なら設定してください。

am/pm format:午前午後の表記設定

AM/PMの表示設定です。

チェック無しは24時間で表示します。
チェック有りは12時間表示+AMまたはPMを表示します。

City Title:都市タイトルの表示

都市部をサイドバーのタイトルとして設定することができます。

先ほど「Country」で「Japan」を設定したことで、
「City」には「Tokyo」と表示されています。

「City Title」にチェックを入れた場合、一例として次のように表示されます。

ここで表示されている「Tokyo」の部分は、「City」で自動的に設定された「Tokyo」を任意に変更することで反映されます。
例えば次の画像は「Tokyo」を「東京」に変更して保存したものです。

まとめ

『Local Time Clock』プラグインは、ウィジェット上でサイドバーに時計を簡単に設定できるプラグインとして解説しました。

国別に設定、表示することもできるのでかなり融通の効くプラグインだと思います。

ブログ上に時計を設置したいという方はプラグインの導入をご検討ください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です