本記事を読めば、簡単にできるXWRITEのトップページをお洒落にする方法がわかるようになります。
さて、今回はちょっと耳寄りな話でして、XWRITEのトップページをちょっとだけお洒落にしていきます。とは言っても、難しいことはしません。XWRITEのトップページ、メインビジュアル部分に少し手を加えるだけです。ただし、ちょっと手を加えるだけと言っても、その効果は結構大きいです。
口頭で説明してもなかなか伝わらないので、早速見てもらいましょう!
この、XWRITEブログのトップページをおしゃれにする方法を実践すれば、他のサイトよりちょっとだけお洒落なサイトになれるかもです。よかったら参考にしてくださいね!
トップページがお洒落って気になる~
お洒落っていうか、カッコ良くしたいのだ!
見た目が結構変わりますよ!
トライしてみてくださいね!!
この記事が参考になる方
- XWRITEのトップページをちょっとお洒落にする方法
- XWRITEのトップページを簡単に見栄えよくしたい方
- XWRITEの変わった使い方を知りたい方
- 今から、XWRITEブログを始めたい方
- WordPressブログのトップページを目立たせたい方
まず、ブログのトップページの作り方をイメージしよう!
まずは、見た目をご覧いただきましょう!
ハ~イ!こんな感じです!
ちなみに、どこがお洒落なんだ?
お洒落っていうか、ちょっと変わっていると言ったほうがいいかもしれませんね!
今回、提案しているのは、この赤枠の部分。
これが、お洒落であるかどうかは、おいといて・・・・
XWRITEでは、この下部の湾曲部分を、簡単に演出することができます。
あまりこのような表現をしているサイトは多くはありませんから、結構目立つと思いますよ!
ちょっとXWRIT公式サイトを見てみましょう!
ペットブログデモサイトでも使われていますよね!
ただこれが、画像自体を加工してあるのか?今回説明するやり方と一緒なのかは、わかりませんが、オススメ記事一覧が設置してあるので、おそらく一緒のような気がします!
XWRIETのトップページ|メインビジュアルの湾曲の作り方
まず、設定する部分を説明しておきます。
- 「カスタマイズ」 「ヘッダー」
- 「ウィジェット」 「トップページメインビジュアル下部」
①は、「カスタマイズ」 「ヘッダー」で後からお好みで設定してください。
- メインビジュアルを非表示にします。
- 「カスタマイズ」 「トップページ」 「メインビジュアル」
②をウィジェットで作成します。
- 今回は、1600×370pxにしました。表示したい画像やイラストによって、また縦横比が関係しているようで、最適解はそのサイトによってかわります。
- この画像はcanva(無料)で作りました。すぐにできます。
- 「ダッシュボード」 「外観」 「ウィジェット」を選択
- トップページ メインビジュアル下部を開き、下部の「ブロックを追加」クリック!
- ブロック追加ボタンをクリックします
- 「ブロックを追加」から「セクション」をクリックします
- トップページメインビジュアル下部にセクションが挿入されました。
- この後、右部の設定をしていきます。
- 全幅にします。
- メディア(画像・イラスト)を選択します。
- 画像の高さを合わせておきます。
- 色やフィルターの設定します。l
- 必要があれば設定します
- 下部の「ナミナミ」はここで設定します。
- 見出し等が不要であれば削除します。
- よければ、更新します。
見栄えをよくするには、何度か画像の大きさを変えて試してみる必要があります。
もちろん、塗りつぶしではなく、画像やイラストでもokです。
XWRITE公式と同じように、スライダーを設置してみました・・・・
簡単で多彩な表現が可能ですね!
トップページをお洒落にする方法でよくある Q&A
- トップページのデザインで最も重要な要素は何ですか?
ブランドの一貫性とユーザビリティのバランスです。以下の3点が特に重要です。
- ブランドカラーの適切な使用
- 読みやすいタイポグラフィ
- 直感的なナビゲーション構造
- カラーパレットの選び方を教えてください!
効果的なカラーパレットの作り方
- メインカラー:ブランドカラー
- アクセントカラー:メインカラーを引き立てる色
- ニュートラルカラー:全体のバランスを整える色
- コントラスト比に配慮した可読性の高い配色
- 画像の選び方のコツを教えてください!
以下の点に注意して選びましょう!
- 高品質で鮮明な画像を使用
- ブランドの世界観に合った写真やイラスト
- 適切なサイズと最適化(ページ読み込み速度への配慮)
- モバイル端末での表示も考慮した画像選び
まとめ:簡単にできるXWRITEのトップページをお洒落にする方法
今回は、簡単にできるXWRITEのトップページをお洒落にする方法について解説してみました。
ブログは、もちろん中身一番大事なのは言うまでもありません。でもデザインや見栄えだって、メッチャ大事です。
実際に出来あがったものを表示してみますと、意外とインパクトが強いなと思いました。現時点ではまだこういう装飾をしているサイトがほとんどないので、オススメですよ!
では、また・・・・・