次回から「なおやすブログ」と検索してください^ ^

【THE・THOR】(ザ・トール )メインビジュアル画像の設定方法と作り方

メインビジュアルが設定されているブログってなんか憧れませんか?

賛否両論あると思いますが、

ブログでファンを作りたいと思っている人は、ぜひ設定することをオススメします!

TOPページ設定【THE】をクリックする

カスタマイズ画面から「TOPページ設定」をクリックします。

TOPページ【THE】

メインビジュアル設定をクリックする

TOPページ設定からメインビジュアル設定をクリックします。

メインビジュアル設定をする

ここまで来たら、いよいよメインビジュアルを設定していきます。

メインビジュアルを表示するか選択

「メインビジュアルを表示するか選択」のプルダウンから「表示」を選択します。

※スマホでは非表示にしたい方は「スマホは非表示にする」にチェックを付けます。

表示サイズ【横】を選択

表示サイズは

  • ワイドサイズ
  • ノーマルサイズ
  • ビッグサイズ

の3種類から選ぶ事ができます。

特にこだわりがなければ「ワイドサイズ」を選んでおけば大丈夫です。

スマホ・PCでの表示サイズ【縦】を設定する

次は、px(ピクセル)単位で表示サイズを設定していきます。

特にこだわりが無ければ、

  • スマホ=140
  • PC=400

でいいと思います。

ここまでで表示設定は終了です。

次は、実際に表示する画像を選択してきます。

メインビジュアルの表示モードの設定

メインビジュアルの表示モードを選択します。

  • 静止画
  • YouTube背景動画
  • スライドショー

の3種類から選ぶ事ができますが、この記事では「静止画」を設定していきます。

「静止画」にチェックを付けるだけでOKです。

静止画の画像の設定

静止画で使う画像を設定していきますが、画像はCanvaというアプリを使うことをオススメします。

特にこだわりが無ければ、

Canvaのカスタムサイズで【縦】400px ×【横】1600pxで作成すればOK。

うまく出来ていれば、以下のように表示されるはずです。

お疲れ様でした!

メインビジュアルスマホから見ると
スマホで表示される場合
メインビジュアルPCから見ると
PCで表示される場合

naoyasublogでは質問・相談を募集しています。

なおやすの

ツイッター:@naoyasu_log

匿名希望の方は匿名質問箱でもOKなので、なんでも質問してくださいね~!

 

プログラミングに興味があるけど何から始めていいのか分からないなら

まずは無料体験から初めてみませんか?^^

>>TechAcademy [テックアカデミー]

ここならオンライン完結でプログラミングの無料体験が出来ますし

不安なことも相談できるのでめっちゃ良かったです!

合わないなと思ったら辞めればいいだけなので損はしないですよ^^

 

改めまして当ブログへようこそ!

もしあなたが…

  • 自分に自信がなくて将来が不安。
  • そこそこ稼げて食いっぱぐれないスキルが欲しい。
  • 普通以下のスペックだけど将来は自由に豊かに生きていきたい。

こんな風に思っているなら、このブログに出会えたあなたはラッキーです!

なぜなら過去の僕と同じ悩みを持っているから。

そしてこのブログには、これらの悩みを解決する記事が詰まっています。

当ブログのことを少し紹介させてください^^

目次はこんな感じです。

  1. 過去の僕の悩みのほとんどを解決したものとは?
  2. 〇〇スキルを身につけた方法。
  3. なおやすブログってどんなブログ?

>>続きを読む

 

【大学中退・引きこもり・うつ】からエンジニア就職を成功させた僕が選んだプログラミングスクール

  • TECHCAMP
    5

  • DMM WEBCAMP
    5

  • ポテパンキャンプ
    4