ネットビジネスで起業して稼ぐ!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
  • 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="">

  関連記事

google-adsense
Googleアドセンス関連用語集!言葉の意味を知ろう

  見積もり収益額   次回の締め日に支払われる予定の金額。 …

a0001_016569
トレンドサイトの収益を効率良く増やす!分析ツール導入で反応を分析

記事を公開したら、どれくらいアクセスがあったか? どれくらいの人が記事を読んでく …

Googleplex_Welcome_Sign
Googleアドセンス申請登録と審査期間や結果確認方法は

Googleアカウントの作成が完了したら、Googleアドセンスの登録申請に着手 …

google-76517_640
Googleアナリティクスの設定方法!はてなブログへの登録・始め方

  Googleアナリティクスとは?   「Googleアナ …

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

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

a0003_001851
トレンドアフィリエイトで稼ぐ手法を解説!ビジネスモデルを理解しよう

ビジネスを始めるのにまず理解するべきことは”仕組み”ではないでしょうか? &nb …

screenplay-408252_640
トレンド記事を1時間で書き上げる!書き方のコツは時間配分

トレンドアフィリエイトで稼ぐぞ!   誰しもはじめは意気揚々と始めます …

無料ブログ
無料ブログ作成してアドセンスで稼ぐ!トレンドアフィリエイト実践時の考え方

「無料ブログ作成してGoogleアドセンスで稼ぐぞ!」 初めてトレンドアフィリエ …

TAN_sofadePCwosawarudezaina-500
トレンドアフィリエイト実践で身に付く稼ぐためのスキルとは?

トレンドアフィリエイトはネットビジネスの登竜門。 トレンドアフィリエイトから本格 …

computer-workstations-415138_640
トレンドアフィリエイト実践で稼ぎながら絶対にマスターすべきスキルとは

トレンドアフィリエイトの実践から一体何を学ぶべきか? どうせやるなら、「何のため …

Topへ戻る