「XO Event Calendarの使い方」の版間の差分

提供:
移動先: 案内検索
 
(同じ利用者による、間の32版が非表示)
4行目: 4行目:
 
|-
 
|-
 
| style="background:#eeeeff; border:#9999ff 1px solid; padding:1ex 1em 1ex 1em; vertical-align:top; width:100%;"|
 
| style="background:#eeeeff; border:#9999ff 1px solid; padding:1ex 1em 1ex 1em; vertical-align:top; width:100%;"|
[[file:XoEventCalendarの編集-1.png|left|x120px]]
+
[[file:XoEventCalendar.png|left|120px]]
 
XO Event Calendar プラグインは、シンプルで簡単なイベント カレンダー プラグインです。
 
XO Event Calendar プラグインは、シンプルで簡単なイベント カレンダー プラグインです。
 
<br>
 
<br>
26行目: 26行目:
 
  '''  1.ブラウザ(chrome 推奨)で「 https://Wordpressの管理URL 」にアクセスし、指定のユーザー名とパスワードを入力し、ログインをクリックします。  
 
  '''  1.ブラウザ(chrome 推奨)で「 https://Wordpressの管理URL 」にアクセスし、指定のユーザー名とパスワードを入力し、ログインをクリックします。  
 
|-
 
|-
|[[file:ElementorWebsiteBuilderの使い方-1.png|left|x600px]]
+
|[[file:ElementorWebsiteBuilderの使い方-1.png|left|600px]]
 
|-
 
|-
 
|
 
|
<br>  
+
<br>  
  '''  2. 左メニューから[固定ページ]から[新規追加]をクリックします。
+
  '''  2. 左メニューの①[イベント]から②[休日設定]をクリックします。
 
|-
 
|-
|[[file:ElementorWebsiteBuilderの使い方-2.png|left|x600px]]
+
|[[file:XoEventCalendarの編集1.png|left|600px]]
 
|-
 
|-
 
|  
 
|  
 
<br>
 
<br>
  '''  3. [Elementor で編集]をクリックします。
+
  '''  3. ①で編集する休日メニューを選び、②の選択ボタンをクリックします。ここでは臨時定休を編集しています。
 +
●holiday【定休日】…青色<br>
 +
●temporary【臨時定休】…赤色
 +
 
 
|-
 
|-
|[[file:ElementorWebsiteBuilderの使い方-3.png|left|x600px]]
+
|[[file:XoEventCalendarの編集2.png|left|600px]]
 
|-
 
|-
 
|  
 
|  
 
<br>
 
<br>
'''  【セクションのレイアウト選択】
+
  '''  4.休日にしたい日付を①に直接記入し、②の「休日を保存」ボタンで保存します。
  '''  4.画面右の[赤いプラスボタン]をクリックします。
+
年-月-日と入力(例…2023-01-01)<br>
 +
下にどんどん増やしていきます。
 
  |-
 
  |-
|[[file:ElementorWebsiteBuilderの使い方-4.png|left|x600px]]
+
|[[file:XoEventCalendarの編集3.png|left|600px]]
 
|-
 
|-
 
|  
 
|  
 
<br>
 
<br>
'''  【セクションのレイアウト選択】
+
  '''  4.先ほど入力した日付がカレンダーに反映されているか確認します。
  '''  5. 表示した「レイアウトメニュー」からレイアウトを選択し、クリックします。
+
  |-
  '''   
+
|[[file:XoEventCalendarの編集4.png|left|600px]]
 
|-
 
|-
|[[file:ElementorWebsiteBuilderの使い方-5.png|left|x600px]]
+
|  
|-
 
|
 
<br>
 
'''  【ウィジェットをドラッグ&ドロップ】
 
'''  6. レイアウト左の[黒いプラスボタン]をクリックし、左メニューの[見出し]をレイアウト左にドラッグ&ドロップします。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-6.png|left|x600px]]
 
|-
 
|
 
<br>
 
'''  【ウィジェットの編集】
 
'''  7. 左の「タイトル」に「てすと見出し」と入力し、「HTMLタグ」をH3に選択します。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-7.png|left|x600px]]
 
|-
 
|
 
<br>
 
'''  【ウィジェットをドラッグ&ドロップ】
 
'''  8. レイアウト右の[黒いプラスボタン]をクリックし、左メニューの[画像]をレイアウト右にドラッグ&ドロップします。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-8.png|left|x600px]]
 
|-
 
|
 
<br>
 
'''  【ウィジェットの編集】
 
'''  9. 左の「画像選択」の画像をクリックします。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-9.png|left|x600px]]
 
|-
 
|
 
<br>
 
'''  【ウィジェットの編集】
 
''' 10. 対象の画像をクリックし、[メディアを挿入]をクリックします。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-10.png|left|x600px]]
 
|-
 
|
 
<br>
 
'''  【固定ページの公開及び保存】
 
''' 10. [公開]をクリックします。
 
'''   
 
|-
 
|[[file:ElementorWebsiteBuilderの使い方-11.png|left|x600px]]
 
|-
 
|
 
 
<br>
 
<br>
 
以上
 
以上
 
<br>
 
<br>
 
|}
 
|}

2023年2月24日 (金) 05:31時点における最新版

XO Event Calendarとは

XoEventCalendar.png

XO Event Calendar プラグインは、シンプルで簡単なイベント カレンダー プラグインです。




【仕様】

バージョン:3.0.0
WordPress バージョン:4.9またはそれ以降 
検証済み最新バージョン:6.1.1 
PHP バージョン:5.6またはそれ以降
言語:日本語対応



XO Event Calendarの使い方
  1.ブラウザ(chrome 推奨)で「 https://Wordpressの管理URL 」にアクセスし、指定のユーザー名とパスワードを入力し、ログインをクリックします。 
ElementorWebsiteBuilderの使い方-1.png


  2. 左メニューの①[イベント]から②[休日設定]をクリックします。
XoEventCalendarの編集1.png


  3. ①で編集する休日メニューを選び、②の選択ボタンをクリックします。ここでは臨時定休を編集しています。

●holiday【定休日】…青色
●temporary【臨時定休】…赤色

XoEventCalendarの編集2.png


  4.休日にしたい日付を①に直接記入し、②の「休日を保存」ボタンで保存します。

年-月-日と入力(例…2023-01-01)
下にどんどん増やしていきます。

XoEventCalendarの編集3.png


  4.先ほど入力した日付がカレンダーに反映されているか確認します。
XoEventCalendarの編集4.png


以上