はてなブログ開発ブログ

はてなブログの新機能など開発に関する情報、公式のお知らせを発信します。

ドラッグ&ドロップで利用できるデザインツール「Canva」で、はてなブログのタイトル画像が作れるようになりました

デザインツール「Canva」が、はてなブログのタイトル画像作成に対応しました。専用ソフトや技術がなくても、どなたでも簡単にタイトル画像を作成できます。

f:id:hatenablog:20200124101142p:plain
Canvaで作成したタイトル画像のイメージ

Canvaは、テンプレートや画像素材をドラッグ&ドロップで編集できる、無料のグラフィックデザインツールです*1。ポスターやロゴ、名刺などさまざまなフォーマットに対応しており、誰でも簡単にデザイン作業が行えます。GoogleやFacebookアカウント、メールアドレスによる会員登録でご利用可能です。

f:id:hatenablog:20200124101117p:plain:w500
Canvaのトップページ

ご利用方法

1. まずは、Canvaのトップページからログイン(アカウントをお持ちでない場合は登録)をしてください。
2. ログイン後、トップページの検索フォームで「はてなブログ」と検索し、「はてなブログ Epic ヘッダー」をクリック。

f:id:hatenablog:20200124101122j:plain
ログイン後のトップページ

3. 以下の画面から好みのテンプレートをクリックで選択後、ポップアップされた画面で「このテンプレートを使用する」ボタンを押してください。

テンプレートを使用せずゼロから作る場合は、一番上の「空白」をお選びください。

f:id:hatenablog:20200217145738j:plain
テンプレートを選択

4. デザイン画面に遷移するので、テンプレート内の文字列や素材画像を自由に編集してください。
5. 左サイドバーから素材の変更や追加を、ヘッダーメニューでは文字の装飾を選べます。

f:id:hatenablog:20200124101128p:plain
デザイン画面

6. 好きなデザインに編集後、右上の「パブリッシュ」をクリックし、画像を「ダウンロード」してください。

f:id:hatenablog:20200124101132p:plain
作成した画像をダウンロード

素材によっては有料のものもあります。有料素材をご利用する場合は、「パブリッシュ」後のボタンが「お支払いとダウンロード」に変わりますのでお支払いにお進みください。購入前にデザインの見え方を確認する場合は、Canvaの透かしが画像に入ったサンプルを無料でダウンロードすることができます。

f:id:hatenablog:20200124101136p:plain
素材が有料の場合の画面

スマートフォンをご利用の方は専用アプリがあります。アプリストアで「Canva」を検索してご利用ください。

なお、Canvaのご利用方法については、はてなにご質問をいただいても回答できませんのでご了承ください。

タイトル画像の設定方法

タイトル画像の変更は、ブログの「デザイン設定画面(PC版、スマートフォン版)」からできます。

f:id:hatenablog:20200124101144p:plainf:id:hatenablog:20200124161523p:plain
左: PC版、右: スマートフォン版

詳しくは、はてなブログヘルプ「ブログのデザインを変更する(カスタマイズ)」をご確認ください。

Canvaで作成できるタイトル画像のサイズは960 × 200ピクセルで、公式テーマ「Epic」で採用しているサイズと同様です。「Evergreen」や「Navy Blue」にもほぼ一致するサイズとしてご利用いただけます。また、他のテーマをお使いの場合も、画像の表示位置を調整することでご利用いただけます。

関連記事

*1:使用する素材によっては有料のものもあります