ネットビジネスで起業して稼ぐ!30代妻子持ちが脱サラ田舎暮らし

田舎ネットビジネス起業家みそごろうのブログ

トレンドサイトアフィリエイト的はてなブログのデザイン変更方法

      2015/01/07

ブログデザイン

ここでは、トレンドサイトアフィリエイトを「はてなブログ」で行う場合の

デザインの変更についてご説明していきます。

 

はてなブログのデザインをカスタマイズしよう

 

テーマを選択

はてなブログにも様々なテンプレートが用意されています。

 

左サイトメニューの「デザイン」をクリックします。

screenshot_20140731_195358 すると、テーマを選択できます。

screenshot_20140731_195545テーマには「公式テーマ」と「インストールしたテーマ」があります。

screenshot_20140731_195633インストールしたテーマとは、

「テーマストア」でインストールした非公式のテーマのことです。

screenshot_20140731_195758テーマストアには、はてなブログ以外の個人の方などが開発した

テーマが並んでいます。

screenshot_20140731_200017

私は、公式テーマを利用していますが、

テーマストアのものでも構いません。好きなデザインを選んでください。

 

タイプとしてのおススメは、右サイドバーの2カラムタイプです。

 

3カラムの左右サイドバーのタイプがトレンドサイトには最も多いので、

これは避けておきましょう。

 

 

カスタマイズ

screenshot_20140731_200635次にスパナマークを選択してカスタマイズしていきましょう。

 

背景画像

screenshot_20140731_200918背景画像を変更することができます。

これは特にコメントすることはないので、好きなものを選んでもらって結構です。

選択したら、プレビューに反映されるので視覚的に確認することができます。

 

 

背景色

screenshot_20140731_201149背景色も変更できます。こちらもお好みで結構です。

 

 

ヘッダ

screenshot_20140731_201313ここでは、タイトル画像の設定とタイトルの下にカスタマイズができます。

 

タイトル画像

ここは是非設定しておきたいところです。

ブログの第一印象を大きく変えるところですね。

趣向を凝らした画像を用意して、ユーザーにインパクトを与えましょう。

 

ちなみに、画像のサイズは公式テーマだと

高さが200px、横幅は最大1000pxとなっているようです。

 

<タイトル画像の設定方法>

screenshot_20140731_202259画像をアップロードの「参照」ボタンを押します。

 

画像ファイルを選択します。

 

位置を調整しましょう。

明るくなっているところがヘッダとして利用される部分です。

screenshot_20140731_202058位置を合わせたら、適用ボタンを押します。

 

これでヘッダー画像が設定されました。

screenshot_20140731_202811

 

表示設定

screenshot_20140731_203103

表示は基本的に「画像とテキストを表示」でOKです。

 

「画像だけ表示」は文字通り画像だけになります。

用意する画像によってはそちらが良い場合もありますね。

 

 

タイトル下

こちらで、タイトルの下をカスタマイズすることができます。

 

やや専門的となってしまいますが、たとえば、

グローバルメニューを入れるなどです。

 

ちょっとかっこ悪いですがこんなやつです。

screenshot_20140731_203944

 

記事

記事部分のカスタマイズです。

screenshot_20140731_204413

 

ソーシャルパーツ

記事の最後にソーシャルメディアボタンを配置します。

これはデフォルト(初期設定)のままでいいでしょう。

 

もし、Zenbackを使うようでしたら設定してもOKです。

 

 

記事上下のカスタマイズ

記事の上下に毎回挿入するものをここで設定できます。

 

例えば、ここにアドセンス広告を設定すると、

記事ごとに広告を追加する手間が省けます。

 

ここは是非、上下にGoogleアドセンス広告を配置するようにしましょう。

 

 

サイドバー

screenshot_20140731_205633サイドバーに配置する項目を設定しましょう。

 

トレンドサイトとして欲しい内容は以下です。

「最新記事」

「注目記事」

やはりこの2つは設置しておきましょう。

サイトの巡回率の向上に役に立つと思います。

 

設置方法は直感的に分かるようになっています。

まず、モジュールの追加を押しましょう。

screenshot_20140731_210343

すると、以下の画面が表示されますので、モジュールを選んで設定していきます。

screenshot_20140731_210043最後に「適用」ボタンを押すと反映されます。

 

ちなみに、「最新記事」と「注目記事」は、

「サムネイル画像を表示する」にチェックしておきましょう。

 

あとはお好みでサイドバーをカスタマイズしてみてください。

 

 

フッター

screenshot_20140731_212400ここに記述すれば、ページ下部のカスタマイズが可能です。

特に推奨することはありませんので、必要に応じてカスタマイズしてみてください。

 

 

デザインCSS

screenshot_20140731_212654こちらでCSSを使った様々なカスタマイズが可能です。

既に、テーマの設定などが記載されていると思います。

基本的にデフォルトのままでOKかと。

 

みそごろうメルマガ

いいね!すると、ゆる~いつぶやきが届きます。
  • このエントリーをはてなブックマークに追加
  • Pocket
  • 23 follow us in feedly

 - トレンドアフィリエイト

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  関連記事

Screenshot_2014-7-31 15.20.49
はてなブログでトレンドアフィリエイト!作り方と詳しい設定方法

1.はてなIDを登録する <はてなIDの登録方法> まず「はてなブログ」のトップ …

OZPA_attoiumanni25manpvkasegu500
初心者にはトレンドアフィリエイトが稼ぎやすくスキルアップにもオススメ

ネットビジネスでは95%の人が月に5000円以上稼げていないと言われています。 …

man-73318_640
トレンドサイトを良質なコンテンツに!ライバルを圧倒する4つの方法とは

トレンドサイトアフィリエイトは稼ぎやすい反面、 独自性を発揮しにくい弱点がありま …

100kiji
【トレンドアフィリエイト】100記事書いて儲からない時の対策手順

トレンドアフィリエイトが稼ぎやすいと聞いて始めてみたものの、100記事書いても収 …

google-adsense
アドセンスのクリック単価は時期で下がる?トレンドアフィリエイトの平均値は

クリック単価はどうやって決まる? Googleアドセンス(以下アドセンス)のクリ …

poster-316690_640
トレンドアフィリエイト物語その4!やってみて分かったことまとめ

こうして10万稼ぐことに成功した、トレンドサイトアフィリエイト物語。 いかがでし …

hatenablogPro
【トレンドアフィリエイト】はてなブログプロと無料版オススメはどっち?

はてなブログには無料版とPro(有料版)があります。トレンドアフィリエイトを実践 …

wordpress-265132_640
はてなブログの使い方!記事の書き方と機能紹介

はてなブログを立ち上げたら記事を書いて行くと思いますが、「どうやって書けばいいの …

PAK82_gannbattekudasai1039500-1
トレンドアフィリエイト実践で得た集客のコツが秘める大いなる可能性

トレンドアフィリエイトは ネットビジネス初心者に適した手法だと言われています。 …

chart-line-148256_640ss
【トレンドアフィリエイト】初心者へ!仕組みやメリットデメリット解説10個

トレンドアフィリエイトはネットビジネスを始める人が 最初に取り組むべきビジネスモ …

Topへ戻る