![](https://takuweb1.com/wp-content/uploads/2020/10/mx.time_.zone_.clocks.png)
ネット上にはたくさんのジャンルのブログがありますよね。
ブログのジャンルよっては指定した国の時計があると
デザイン的にも機能的にもいいものもあったりします。
そこで約20種類から時計のデザインを選んで
好きなタイムゾーンの時間を表示できる
プラグイン「MX Time Zone Clocks」の紹介です。
わがままに設定ができるので便利ですよ。
もちろん日付も表示されます。
ここでは画像付きで設定、使い方を説明してるので参考にしてみてください。
MX Time Zone Clocksとは
WordPressで作成したブログのサイドバー、本文スペースに
国、地域を指定して時計を設置できるプラグインです。
時計のデザインは19種類と豊富で
また、設定項目も多くブログに合う時計の設置が可能になっています。
プラグイン「MX Time Zone Clocks」のインストール
それでは始めていきましょう。
WordPressにログインしたら
ダッシュボードから「プラグイン」→「新規追加」へとクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/10/1-16.png)
プラグインを追加のページが表示されたら
キーワード検索欄に「MX Time Zone Clocks」と入力しましょう。
検索結果は、自動で反映されます。
![](https://takuweb1.com/wp-content/uploads/2020/10/2キャプチャ-15.jpg)
MX Time Zone Clocksを見付けたら
「今すぐインストール」をクリックします。
*稀に下の方や右側、または違うページにある場合があります。
![](https://takuweb1.com/wp-content/uploads/2020/10/3キャプチャ-16.jpg)
インストールが終わると「有効化」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/4キャプチャ-16.jpg)
有効化すると自動でインストール済みプラグインのページに移動します。
もし、WordPressバージョンの違いで移動しない場合は
自分で「プラグイン」→「インストール済みプラグイン」に移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/5キャプチャ-15.jpg)
MX Time Zone Clocksのインストールは終わりです。
タイムゾーン時計の初期設定
ここでは時計のデザインやタイムゾーンなどを設定していきます。
自由度が高いので楽しいですよ。
では、管理メニューから
「Time Zone Clock」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/6名称未設定-13.png)
Settings Pageのページが開くので
ここで設定をしていきます。
各項目の説明は画像の下にあるので参考にしてみてください。
![](https://takuweb1.com/wp-content/uploads/2020/10/7キャプチャ-11.jpg)
How to display the clock: 時計のタイプを選びます。
Clock with arrows アナログ時計タイプ
Digtal clock デジタル時計タイプ
ここでは「Clock with arrows」のしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/8名称未設定-2.png)
Available design of clock: 時計のデザインを選びます。
ここでは黒色の時計にしてみました。
デザインを選ぶ自動的に保存されるので
特に「保存」などは必要ありません。
![](https://takuweb1.com/wp-content/uploads/2020/10/10aキャプチャ.jpg)
Set Time Zone: タイムゾーンを選びます。
書式はリンクからリストページに移動するので
そこからコピペしましょう。
ここでは「Asia/Ho_Chi_Minh」にしました。
![](https://takuweb1.com/wp-content/uploads/2020/10/10bキャプチャ.jpg)
上の画像がリンクからのリストページになりますよ。
![](https://takuweb1.com/wp-content/uploads/2020/10/11キャプチャ-5.jpg)
Set name of city: 時計に表示する地名を入力します。
ここでは「Ho Chi Minh」にしました。
![](https://takuweb1.com/wp-content/uploads/2020/10/12キャプチャ-4.jpg)
Set the time format: 時間表示のフォーマットを選びます。
ここは「24-Hour Time Format」にしました。
![](https://takuweb1.com/wp-content/uploads/2020/10/13キャプチャ-5.jpg)
Set the language attribute to clock: 時計の表示言語を選びます。
デフォルトの「en」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/14キャプチャ-3.jpg)
Set the language attribute to days: 日付の表示言語を選びます。
デフォルトの「en」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/15キャプチャ-3.jpg)
Show day, month and year: 日付(年、月、日)を表示するかどうです。
ここは表示する「Shown」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/16キャプチャ-2.jpg)
Set clock’s font size: 表示するフォントサイズになります。
ここでは空白でデフォルトに任せています。
![](https://takuweb1.com/wp-content/uploads/2020/10/17キャプチャ-2.jpg)
Show seconds in the clock: 秒を表示するかどうかです。
ここでは「Shown」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/18キャプチャ-3.jpg)
Type of arrows: 針のタイプを選びます。
Classical クラッシックタイプ
Modern モダンタイプ
ここは「Classica」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/10/19キャプチャ-1.jpg)
Your shortcode: これまで設定して作成された
時計のショートコードになります。
投稿で貼り付けて使うのでコピーしておきましょう。
これで設定は終わりです。
タイムゾーン時計の設置
ここでは設定した時計を投稿に設置していきます。
サイドバーに設置する場合はテキスト用のウィジェットに貼り付けてください。
管理メニューから
「投稿」→「新規追加」で通常の投稿記事作成ページに移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/20名称未設定.png)
投稿作成ページが開いたら適当にタイトルを入力します。
![](https://takuweb1.com/wp-content/uploads/2020/10/21キャプチャ.jpg)
ショートコードを貼り付けるので
ここではクラッシックモードを表示させます。
![](https://takuweb1.com/wp-content/uploads/2020/10/22キャプチャ.jpg)
クラシックモードにある
「表示」→「ソースコード」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/23名称未設定.png)
ソースコードが開いたら
時計のショートコードを貼り付けましょう。
そして「OK」をクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/10/24名称未設定.png)
このようにショートコードが入ればOKですよ。
![](https://takuweb1.com/wp-content/uploads/2020/10/25キャプチャ.jpg)
では、どんな感じになるのか
「プレビュー」から確認していきましょう。
![](https://takuweb1.com/wp-content/uploads/2020/10/26キャプチャ.jpg)
このように設定した時計が設置されています。
このプラグインは設定が多いので
ブログのデザインに沿った時計を作成できるのでいいですね。
![](https://takuweb1.com/wp-content/uploads/2020/10/27キャプチャ.jpg)
これでMX Time Zone Clocksの紹介は終わりです。
時計関連のプラグインは他にもいろいろありますよ。
世界時計を設置できるものは他に2つあります。
また、デジタル時計を設置するものや
ダッシュボード側に時計を設置するものもあります。
時計関係はデザイン的にも良いので
興味のある方はここより参考にしてみてください。
まとめ
ブログに好きな国の時間を表示できる時計プラグインでした。
時計自体は意外とどのブログにも合うので
デザイン次第で使えるかと思いますよ。
また、海外旅行関係のブログだと
時計があるとないとでブログ自体の印象も良いのでおすすめします。
一度サイドバーなどで試してみてはどうでしょうか。
そこでこれをやらなきゃ損をするということで
ブログ維持のためにアフィリエイトを始めてみませんか。
大きく稼ぐには全力で挑む必要がありますが
ブログ維持費なら片手間でも大丈夫!
気になる方はここよりアフィリエイト会社(ASP)の紹介を見てみましょう。