WordPress

ワードプレス初心者向け守破離ブログ「サイトTopに画像を設定し自分だけのデザインを作り込もう!」

 

本日はWordPress(ワードプレス )初級編、Topページに画像を挿入してHPのような素敵なデザインにする作業方法を解説します。

 

この記事について
✔︎ 超初級編
✔︎ Topページに画像を挿入して見栄えの良いデザインにする方法
✔︎ WordPress(ワードプレス )の基本作業

 

サイト(ブログ)運営をするにあたり、記事(投稿)を増やしていくことと平行して、自分のWebサイトをデザインしていく事で、自分が表現したい世界観を形にし、ユーザーも見やすいページにしていくことができますので、基本的な作業から順を追って作っていきましょう!

 

多趣味なPANDA
多趣味なPANDA
ついに私もTopページにメイン画像を設定します!楽しみですね!

 

初級編 Topページに画像を設定し世界観をデザインしよう!

早速ですが画像設定方法を説明していきます。

特別なプラグインのインストールは不要、WordPress(ワードプレス )の基本機能で簡単にできますのでご安心下さい!

 

画像をアップロードしサイトをデザインする方法

私のサイトを参考に、キャプチャを使ってご説明していきます。所要時間は3分もあればできると思います!

今の私のサイトTopページはこちら。

 

 

サイト名が申し訳なさそうに上部に表示され、その下は投稿したブログ記事が順番に並んでいるだけ・・つまらないデザインですし見栄えも良くないですよね。

これを少しずつかっこいい素適なデザインにしていきます!

 

事前に準備するもの

必要なものは自分のサイトTopページに挿入したい画像だけ!

画像は自分で撮影した写真でももちろんOKですし、無料素材をダウンロードできるサービスから好みの画像やイラストを探してきても良いですね。せっかくなので別の記事で私が好きなテイストの画像データが豊富な無料素材サイトもご紹介します!

 

画像設定フロー

それではササっといきます!

 

WordPress(ワードプレス )設定画面ダッシュボード 外観 > カスタマイズをクリック

 

カスタマイズのヘッダー画像を選択

 

カスタマイズ画面を開くと、現在のサイトデザインが右側に表示されます、変更点も公開前にこの画面上で確認ができますので大変便利です!

 

現在のヘッダー 画像未設定なので「新規画像を追加」から画像アップロード

 

この画面で事前に準備しておいた自分のサイトTopページに掲載したい画像をアップロードします。いよいよ素適なサイトデザインに近く1stステップです!

 

カスタマイズされた画面を確認し問題なければ公開!

 

このようにカスタマイズ設定画面内で公開前にアップロードされた画像、その配置イメージを確認ができます。

バッチリですね!

 

たったこれだけで完成!!

 

最初にお見せしたサイトTopページ覚えてますか!?笑

画像を設定するだけでサイトのイメージが全然違いますね!雰囲気がガラッと変わり、素適なサイトに確実に近づいたのではないでしょうか?

 

多趣味なPANDA
多趣味なPANDA
素適!PANDAは大満足です♩

 

まとめ

今回はサイトTopページのデザイン超初級編 画像の挿入について解説してみました。自分のサイトを作り込んでいく作業なのでワクワクする内容だと思います!

せっかくの世界に一つだけの自分のサイトです。大好きな世界観を表現して素敵なサイトに育てていきましょう!

 

Points
✔︎ 特別なプラグインは不要
✔︎ WordPress(ワードプレス )の基礎設定だけで誰でもできる
✔︎ 作業時間は5分未満!?
✔︎ なによりも自分が好きなサイトデザインに仕上がるので楽しい!

 

参考までに、さらに様々な機能が完備されプロからの利用実績が豊富な有料テーマ「WING(AFFINGER5」ぜひチェック!!

WordPress初心者の私は、本格的に継続するためのモチベーションのため。そして、絶対に後悔しないテーマ選びのために本当に多くの情報を総合的に判断して選び抜いたテーマです。

初心者向けにテーマ選びとAFFINGER5の初期設定について書いた記事もぜひチェックしてみて下さい!

参考
ワードプレス初心者向け守破離ブログ「テーマを決めてオリジナルサイトの基礎を作ろう!」

多趣味なPANDA多趣味なPANDAが彩る地球へようこそ! GAFAで働く一般のsalarymanが、知識0から日々勉強しoutputの場を自ら手がけるblogです。   この記事について ...

続きを見る

 

 

本日は以上です。ありがとうございました!

 

-WordPress

© 2023 一般人による資産形成プロセス Powered by AFFINGER5