WordPress OceanWPテーマのカスタマイズ・基本設定のトップへスクロールから４０４エラーページまで ～その３～

一気に上にスクロールしたい時に画面下に表示されるアイコン

チェックをすると表示される

矢印アイコン

以下の１０パターンから指定する事ができる

位置

表示位置を左、右のどちらかを指定する

デフォルトは右

Bottom Position (px)

ページの下端からの位置（マージン）をピクセルで指定する

ボタンサイズ (px)

ボタンのサイズをピクセルで指定する

アイコンサイズ (px)

ボタンの中のアイコンサイズをピクセルで指定する

角の丸み (px)

ボタンの角の丸みをピクセルで指定する

大きな数値を指定すると丸みがかる

背景色

背景色を色パレットで指定する

背景色: ホバー

マウスオーバーした時の背景色を色パレットから指定する

色

ボタンの中のアイコンの色をパレットから指定する

色: ホバー

マウスオーバーした時のアイコンの色をパレットから指定する

ページ送りの配置位置

• 右
• 中央
• 左

から選択可能

フォントサイズ (px)

数字のフォントサイズ指定する

デフォルトは１８

ボーダー幅 (px)

数字の枠の幅をピクセルで指定する

背景色

背景色を色パレットから指定する

背景色: ホバー

マウスオーバー時及び現在のページの背景色を色パレットから指定する

下記は分かりやすい様に赤を指定した時の例

色

文字（数字）色を色パレットから指定する

色: ホバー

マウスオーバー時の文字（数字）色を色パレットから指定する

ボーダー色

ボーダーの色を色パレットから指定する

ボーダー色: ホバー

マウスオーバー時のボーダーの色を色パレットから指定する

入力フォームのラベルの色の設定だとは思うのだが設定を変更しても反映されなかった

パディング (px)

ボックス内のテキストのパディングを上、右、下、左の順で指定する

フォントサイズ (px)

ボックス内のテキストのフォントサイズ

ボーダー幅 (px)

ボーダー（枠）の幅をピクセルで指定する

角の丸み (px)

ボーダーの角の丸み

幅：１、丸み：１０の表示例

ボーダー色

枠線の色を色パレットから指定する

ボーダー色: フォーカス

フォーカスが当たった時の枠線の色を色パレットから指定する

背景色

背景色を色パレットから指定する

色

フォーム内に入力する文字色を色パレットから指定する

ボタン内のテキストのパディング（ボタン枠とテキストとの幅）を上、右、下、左の順で指定する

角の丸み (px)

ボタンの角の丸み

背景色

ボタンの背景色を色パレットで指定する

背景色: ホバー

マウスオーバー時のボタンの背景色を色パレットで指定する

色

文字の色を色パレットで指定する

色: ホバー

マウスオーバー時の文字の色を色パレットで指定する

オンにすると４０４エラーページをカスタマイズできる

レイアウト

以下の選択が可能

• 全幅
• １００％全幅

テンプレートを選択

プルダウンからテンプレートを選択する

テンプレートの作成手順は以下の通り

WordPressのメニューからTheme Panel※ー＞My Libraryを選択して”Add New”をクリックする

※Theme PanelはOcean Extraプラグインを有効化すると表示される

タイトルとスラッグを設定して「Elementorで編集※」ボタンをクリックする

※Elementorプラグインを有効にしている場合

画像ウィジェットを右側のエリアにドラッグ・アンド・ドロップ

画像の選択から４０４エラーページの時に表示させたい画像を選択して「公開」ボタンをクリックした後、左上のメニューから”ダッシュボードに戻る”を選択する

テンプレートを選択から先程作成したテンプレートを選択する

４０４エラーページがカスタマイズされた