アフィリエイト初心者必見!ワードプレスの外観の設定・編集方法

アフィリエイト初心者の人のために今回はワードプレスの外観の設定・編集方法や役割についてお伝えしていきます。

 

「外観」と聞いて何ができるのかイメージができる人は少ないと思います。

 

僕自身「・・・(๑╹ω╹๑ )」

 

といった感じでした!笑

 

外観でなく『デザイン』とかもっとイメージができるワードに方がいいんじゃないかなとも思います!笑

 

それはさておき、外観で設定できるのはワードプレスのデザインが主になるのですが、1つ1つのワードが初めてだとわかりづらい部分もあると思います。そこで、それぞれ簡単にできることをお伝えしていきます。

 

外観の設定・編集方法

テーマ

ワードプレス 外観 設定 編集方法

外観にやじるしをのせるとこのように4つの項目が出てきます。

1つ目のテーマからお伝えします。

 

テーマはワードプレスのデザイン全体を変更するものです。

テンプレートがあり、かっこいいデザインを作るのにコードを書く必要はワードプレスではありません。

 

例えば、僕のサイトの場合のトップページはPCでみると写真が何枚も映し出されるようなデザインになっていますが、これはTCDのテンプレート『VIEW』をテーマとして入れているのでそのようなデザインになっています。

ワードプレスを使い始めたばかりだと「どうすればこんなデザインにできるの!?」と思ったありすると思うのですが、(僕自身テーマのことがわからなかったときそう思っていました!笑)

テーマを設定することで簡単にかっこいいデザインを作ることができるのがワードプレスのすごいところです。

つまり「かっこいい!」と思うサイトのデザインがあったらどんなワードプレスのテーマを使っているかわかれば同じようにかっこいいサイトデザインを作ることができます(サイトによってはテーマを元にアレンジしてる場合もあります)

 

それではテーマについてお伝えしたところで、続いては設定方法についてみていきましょう。

ワードプレス 外観 設定 編集方法

外観→テーマをクリックするとこのような画面になると思います。

テーマを変更するためにはwordpress内にあるテーマをダウンロードする方法以外にも有料で買ったテーマを設定するという2つの方法があります。

どちらの場合もまずは『新規追加』または『新しいテーマを追加』をクリックします。

 

ワードプレス 外観 設定 編集方法

するとこのような画面になり、上に『テーマのアップロード』というボタンと無料でワードプレス内でダウンロードできるものが出てきます。

僕自身有料のテーマをおすすめしていますが、無料のテーマをワードプレス内からダウンロードする際は上の画像のように画面をクリックします。

 

ワードプレス 外観 設定 編集方法

このような画面になるので、インストールをクリックするとワードプレス内にテーマを取り込むことができます。あとは『有効化』するだけでテーマの設定は完了です。

 

 

続いて有料のテーマの場合にについてお伝えしていきます。

 

ワードプレス 外観 設定 編集方法

有料テーマの場合は先ほどの画面で上に出てきていた『テーマのアップロード』をクリックします。

 

ワードプレス 外観 設定 編集方法

そして、『ファイルを選択』をクリックしてPC内から有料テーマ買ってダウンロードしたzipファイルを選択します。すると『今すぐインストール』のところがクリックできるようになりますので、クリックして有効化すればOKです。

 

以上がテーマの設定方法です。。

 

続いて、カスタマイズについて簡単に説明します。

 

カスタマイズ

ワードプレス 外観 設定 編集方法

外観にカーソルを合わせて出てきた『カスタマイズ』をクリックしてみましょう。

 

ワードプレス 外観 設定 編集方法

するとワードプレスをユーザーがみたときの画面と上の画像のような項目が出てきます。

カスタマイズはこの画面で行います。

テーマの変更画面に移動がでてきたり、サイト全体のカラーの設定、基本情報やロゴなどの設定に加えてのちほどお伝えする

  • メニュー
  • ウィジェット

の設定もこちらからすることが可能です(画面が繋がっています)

 

カスタマイズはテーマによって項目が違うので細かいことをお伝えするのは難しいのですが、カラーやロゴの設定をここで行えるというのはどのテーマでも変わりませんので、覚えておきましょう。

 

ウィジェット

ワードプレス 外観 設定 編集方法

続いてはウィジェットです。

ウィジェットが何かイメージがつかないかもしれませんが例えば当サイトのウィジェットはこのようになっています↓

 

ワードプレス 外観 設定 編集方法

こちらがウィジェットの一部ですが、PCでみたときのサイドバーに表示されるコンテンツ(スマホだと記事の下になることが多いですが、テーマによって表示されない場合もあります)です。

トレンド系のサイトなら読者の目を引くようなコンテンツをおくことで、サイトの滞在時間を伸ばしたり、サイトアフィリ系のサイトなら、読者が探しているコンテンツを見つけやすいように検索窓やカテゴリーなどを整理しておくといった使い方などができます。

ウィジェットを有効活用してユーザーにより多くの価値を提供できるようにしましょう。

 

設定方法ですが・・・

ワードプレス 外観 設定 編集方法

まずはこの画面を開きます。

ウィジェットには様々な位置があってフッターはサイトの一番下の部分になります。

そして、サイトバーは記事ページの横です。テーマによって右だったり左だったり異なりますが、今は右にサイドバーがあるタイプが主流です。

 

今回はサイドバーに『おすすめ記事』のウィジェットを入れる方法を例にお伝えします。

ワードプレス 外観 設定 編集方法

表現が難しいですが、左にあるウィジェットにマウスを乗せて長押しします(そこまで長くなくても大丈夫です)。マウスを押したままスライドさせると『おすすめ記事』が浮き上がって右側にあるサイドバーなどの項目の上に重ねることができるようになります。

サイドバーのところに『おすすめ記事』を持ってきてマウスのクリックを離せばサイドバーの中に『おすすめ記事』が入ります。

ドラッグ&ドロップをするということですね。

 

ワードプレス 外観 設定 編集方法

設定してワードプレスの画面をみると赤枠のところ(サイドバー)におすすめ記事が表示されています。

これで設定完了です。おすすめ記事はテーマによってあったりなかったりするのですが、

  • 最新の投稿
  • カテゴリー
  • 検索

などはサイドバーのウィジェットに入れて置くようにしましょう。

 

以上がウィジェットの設定方法です。

 

メニュー

ワードプレス 外観 設定 編集方法

最後にメニューの設定方法です。

 

メニューは当サイトでいうとPCのときに上に表示されているコチラ↓になります

ワードプレス 外観 設定 編集方法

上に表示されるメニューは『グローバルメニュー』と言います。

それ以外にも『フッターメニュー』と言われるサイトの下に表示するメニューもあります。テーマによってフッターメニューがない場合もあります。設定の優先順位はグローバルメニューの方が目につくので高いと言えるでしょう。

初心者の方はそこまで気にしなくても大丈夫です。

 

実際に設定手順ですが・・・

ワードプレス 外観 設定 編集方法

まずは『新規メニュー』をクリックします。

 

ワードプレス 外観 設定 編集方法

メニュー名を入力して『メニューを作成』をクリックします。

メニュー名は面に出るわけではありませんので、そこまで悩む必要はありません。わかりやすい名前をつけるようにしましょう。

 

ワードプレス 外観 設定 編集方法

今回は『目次』をメニューに加えていきます。

『目次』のチェックボックスをクリックして『メニューに追加』をクリックします。

 

ワードプレス 外観 設定 編集方法

するとこのように目次がメニューに加わります。『メニューを保存』をクリックします。

 

ワードプレス 外観 設定 編集方法

続いて先ほど作ったメニューを設定していきます。

『位置の管理』をクリックします。

 

ワードプレス 外観 設定 編集方法

グローバルナビゲーションのタブを先ほど作ったメニューに設定します。

『変更を保存』をクリックするとサイトの上の方に『目次』が出ているはずです。確認してみて下さい。

 

以上がメニューの設定方法です。

 

まとめ

ワードプレス 外観 設定 編集方法

いかがでしたでしょうか?

最初は迷うことも多いと思いますが、1つ1つマスターしていきましょう。

わかりづらい点などありましたらこちらから教えていただけると嬉しいです!

最後までご覧いただき、ありがとうございました。

さあ、自分らしい人生を手に入れよう!

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

プロフィール


saotomen(さおとめん)

アフィリエイトで月収80万円を稼ぎ、自由に暮らしています。元メガバンク勤務。

アフィリエイトで人生が豊かになる人が増えればと考えブログを開設しました。

詳しいプロフィールは画像をクリックするとご覧いただけます。

LINE@→@saotomen

LINEの友達の登録はこちら

友だち追加

ノウハウを動画でお届け

ゆるくアフィリエイトについてお伝え!

ブログランキング

PAGE TOP