ネットビジネスで起業して稼ぐ!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
アドセンスのビジネスアカウント取得報告!個人と法人の複数所持は可能

  田舎に帰郷してから、ひとり法人を立ち上げました。   元 …

analysis-227172_640
トレンドアフィリエイト物語その2!出会いは以前からあった

トレンドサイトアフィリエイト物語の2回目は トレンドサイトアフィリエイトについて …

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

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

laptop-141937_640
トレンドサイトのGoogleインデックス速度を早めるには記事数や更新頻度が重要

トレンドアフィリエイトを始めたばかりブログは、 検索エンジンに認識されるまでに時 …

yahoo-446971_640
トレンドサイトがヤフー関連記事へ掲載された!アクセスアップの威力は?

  「壊れた!」   妻が突然騒ぎ出します。   …

kame
既に後発?飽和?トレンドアフィリエイトでは稼げない噂は本当か

「トレンドサイトを今から始めるのは既に後発だ。」 「トレンドサイトは飽和状態。G …

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

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

girl-410334_640
初心者がトレンドアフィリエイト実践で10万稼ぐコツ19選

ネットビジネス初心者の方がトレンドアフィリエイトで 月収10万稼ぐためのポイント …

stock-exchange-295648_640
全て1万PV超!トレンドアフィリエイト実践成功事例集18選

基本的なやり方が分かったら、事例集が最も勉強になります。 受験勉強もそうだと思い …

man-272679_640
トレンドアフィリエイトでは稼げないと諦めそうになった時に読んで下さい

よし!トレンドサイトアフィリエイトで月収10万を目指すぞ! 最初は熱い思いで始め …

Topへ戻る