The post Diviで使えるおすすめの日本語フォント first appeared on はれたそら.

ホームページを編集、更新、した時にキャッシュが原因でデータが反映されないことがあります。
編集、更新後は必ず下記①・②のキャッシュ消去を行ってください。

①Diviのキャッシュ消去

②その他のキャッシュ消去

WordPress管理画面上部にある、【キャッシュを削除】にカーソルを合わせるとドロップダウンが表示されます。
〇すべてのキャッシュを消去
〇キャッシュと縮小したｃｓｓ／ｊｓを削除する
それぞれをクリックします。

バックアップについて

初期設定で毎週自動的にバックアップされるように設定しています。
ここでは手動で自分のタイミングでバックアップを取る方法及びバックアップ復元方法をご紹介します。

バックアップの取り方

1.ダッシュボード上部の　UpdraftPlus ＞バックアップ　を選択します。

2.今すぐバックアップを押すと実行画面が立ち上がります。今すぐバックアップをを押して実行します。

復元方法

1.1.ダッシュボード上部の　UpdraftPlus ＞バックアップ　を選択します。

2.戻したい復元データの「復元」を選択

3.復元するデータを選択する画面が立ち上がるので、全てにチェックし、次へ、で復元実行となります。

4.ログが表示された後、successメッセージが表示されます。
「UpdraftPlus設定に戻る」を押します。
UpdraftPlus設定に戻ると「古いディレクトリを削除」というボタンが表示されますので、クリックします。
※こちらをしないと再度復元を行う場合のエラー原因となります。

The post キャッシュとバックアップの方法 first appeared on はれたそら.

The post Web制作で便利なツール first appeared on はれたそら.

ダッシュボード→MW WP Form→問い合わせデータ　の順にクリック

問い合わせ件数の件数をクリック

各問い合わせのタイトルをクリック

するとこのような詳細を見ることができます。
対応状況やメモ欄は必要に応じてご使用ください。

The post お問い合わせを管理画面で確認する方法（MW WP Form） first appeared on はれたそら.

1.固定ページを新規追加する

管理画面の　固定ページ　→　新規追加

・タイトル
・パーマリンクのURLスラッグ
を入力してから、Divi Builderを使用するをクリック

2.最初から構築を選択

3.行を挿入

お好みの列数を選択します。

4.モジュールを挿入

列数を選択すると、モジュールを挿入する小窓が開きます。
お好みのモジュールを選択します。

5.テキストモジュール

コンテンツタブのボティに入力したものが、プレビュー画面に反映されます。

コンテンツタブの背景でモジュールの背景を設定します。
（同様にセクション・行にも背景が設定できます。）

デザインタブでテキストの文字色・文字間隔・行の高さなど、文字のデザインに関すことを設定できます。

6.モジュールを保存

7.ページ全体を保存

下書き保存または公開をクリックします。
（モジュール保存だけではページ全体が保存されません。）

8.管理画面に戻る

にはツールバー左端にあるWマークを押します。

9.セクションを追加

青色の＋ボタンを押します。
（同様に行の追加は緑の＋ボタン、モジュールの追加はグレーの＋ボタンです。）

セクションには通常・専門・フルワイドがあります。
基本は通常を選択します。
フルワイドは横に余白がなく、画面いっぱいにしたいヘッダーなどに使用します。
専門は少し変わったレイアウトになります。

10.コンテンツを移動

十字ボタンをドラッグするとモジュール・行・セクションが移動できます。

11.画像モジュール

画像をアップロードします。
画像モジュールの画像にある＋ボタン　→　ファイルをアップロードタブ　→　取り込む画像を選択
取り込んだ写真にチェック
・タイトル
・代替テキスト
を入力し、画像をアップロードするをクリックします。

簡単ではありますが、以上が基本操作となります。
全てのモジュールの設定方法は同じパターンになりますので、お使いいただくうちに慣れてくると思います。
いろいろ使ってみてください。
お疲れさまでした！

The post Divi固定ページ新規追加 first appeared on はれたそら.

1. 管理画面左側にある「Flamingo」をクリック
2. 次に受信メッセージを開くとお問い合わせ一覧が見れます。アドレス帳もあります。
3. 件名をクリックすると詳細が表示されます。

The post お問い合わせをWordPress管理画面から確認する（flamingo） first appeared on はれたそら.

固定ページを開きます

固定ページ→開きたいページ　をクリック

プレビュー画面を開く

PCマークをクリック
（バージョンによっては「Divi Builderで編集する」をクリック）
その他にタブレット・スマホビューもあります

するとプレビュー画面が開きます
※プレビュー画面は実際の画面と多少ことなりますので、必ず実際の画面を確認しましょう

Divi基本構造

下記がDiviテーマを操作する時の基本構造となります
これを理解しておくと操作しやすくなると思います

設定スタート

セクション・行・モジュール　それぞれの歯車マークから設定ができます

モジュールの設定を押してみましょう

「アクションの呼び出し設定」という小窓が開きました

「コンテンツ」タブにタイトルやボタンに表示するテキストなどの入力欄があります
ここを編集するとプレビュー画面に反映されます

「緑のチェックマーク」でモジュールの設定を保存します

次に「デザイン」タブを開くと
テキスト・タイトルテキスト・ボタン・サイズ変更・余白　など　コンテンツのデザインを変更できます
文字サイズ・文字カラー・文字装飾・枠線・余白など設定項目が色々あるのでさわってみましょう
最後に保存しなければ上書きされないので大丈夫です！

最初のうちはどこを編集すればいいのか分からないかもしれません
そんな時はカーソルをコンテンツ上に移動させると「筆マーク」が出てくるのでそれをクリックします
するとそのデザイン項目が自動で開きます
（モジュール設定の小窓を開いたままの状態で行います）

「緑のチェックマーク」でモジュールの設定を保存します

同様に各セクション・行も設定できます
最後にページ保存ボタンを押します。
（バージョンが違う場合は下の方にある三つの点マーク「・・・」を押すと保存ボタンが表示されます。
（各セクション・行・モジュールの設定を保存しても、最後にこのページ保存をしないと設定が反映されません）

編集例

それでは実際に編集してみましょう。

モジュール設定を開き、タイトルテキストカラーなどを変更してみます。

タイトルテキストカラー▶赤
タイトル文字サイズ▶50px
に変更してみました。
プレビュー画面に反映されているのが確認できます。

各デバイス毎の編集

次にパソコン・タブレット・スマホなど各デバイス毎に設定する方法をご紹介します。
デバイスマークをクリックします。

すると各デバイス毎のタブが展開されます。
左からパソコン／タブレット／スマホと並んでいます。
今はパソコンタブになっています。

各デバイスタブが展開されていると、各デバイス毎に設定がされていることになります。
展開されていなければ全デバイス共通の設定になります。

タブレットタブをクリックすると、プレビュー画面がタブレット表示に切り替わります。
タイトル文字サイズを変更してみましょう。

タイトル文字サイズ▶22px
に変更しました。

同様にスマホタブに切り替えて、スマホのタイトル文字サイズを編集します。
タイトル文字サイズ▶20px

モジュール保存
ページ保存
をして終了です。
プレビュー画面だけではなく、実際のデバイスでの表示も確認してみてください。

レイヤー

レイヤーについてご紹介します。

セクション、行、モジュールの設定を開こうとしても、うまく歯車マークが表示できない時があります。
そんな時にレイヤーボタンを使います。

画面右下のレイヤーが重なっているマークをクリック、するとレイヤーの小窓が開きます。
この小窓の中から該当するコンテンツの歯車マークをクリックすると、いつもの設定小窓が表示されます。

キャッシュ

ページを編集・変更した際はキャッシュクリアを行ってください。

キャッシュとバックアップの方法

お疲れさまでした！

The post Divi固定ページ編集 first appeared on はれたそら.

【ホームページにお知らせや、ブログ記事を投稿する手順】

1．ブログを記入するページを立ち上げる

投稿　→　投稿一覧　→　新規作成　の順にクリックします

2．ページタイトル・パーマリンク・フォーマット・カテゴリ・アイキャッチ画像を設定する

ページタイトル　→　ページタイトルを入力します（かわいい、やさしいラテアートの箇所）
パーマリンク　→　日本語表示されている部分を英字に直します（日本語のままだとリンク表示時に文字化けする為）
フォーマット　→　標準のままでＯＫです
カテゴリ　→　必要なカテゴリを追加し該当するカテゴリにチェックします
アイキャッチ画像　→　ブログ一覧に表示されるイメージ画像です

3．文章を入力する

改行方法

1．ENTER　→　新段落になる
2．SHIFT + ENTER　→　同じ段落内で改行

4．項目タイトル・サブタイトル・リンク・引用　などにタグ付けをする

タグ付けとは箇条書きした文章に項目タイトル・サブタイトル・リンク・引用などを割り当てるごとです。
タグ付けすることにより、文章に情報を与えＳＥＯ対策（検索表示されやすくする）につながります。
ただし、これは補助的な対策なので発信する情報を良いものにすることが大切です。

該当文字を選択した状態のまま、ツールバーの各ボタンをクリックします。
再度クリックするとタグ解除となります。
ツールバーに文字の色・インデントなど、いろいろあるので試してみてください。

見出し　→　大項目タイトルを見出し1、中項目タイトルを見出し2、小項目タイトルを見出し3、
というように項目の大きい順に見出しを割り当てます

引用　→　参考サイトや書籍などから文面を引用する際に使用します
※引用した文面の後に’’○○より引用’’と表記します

5．写真を挿入する

追加したい箇所にカーソルを合わせて’’メディアを追加’’をクリックし画像します。

すると下記のようなWordPressのメディアライブラリが立ち上がります。
ここがWordPressで画像を保存している場所になります。

メディアライブリに画像をアップロード　→　その画像を選択　→　投稿に挿入　の順に画像を挿入します。

6．更新する

右下の更新ボタンをクリックすると投稿されます。
お疲れさまでした！

※編集が反映されない場合は以下を参考にキャッシャをクリアしてみてください。
▶ キャッシュとバックアップの方法

The post WordPressブログやお知らせ投稿手順 first appeared on はれたそら.