operationservicebuの日記

日々の日記、Webサービスや書籍などのレビュー、スマホやパソコンで困ったことの操作方法など自由に書いているブログです。

はてなブログのデザインをテーマストアからインストールし変更する方法

この記事は、はてなブログのデザインをテーマストアからインストールし変更する方法を書いています。

 

先日、はてなブログを始めた知り合いが、

「オペさんのようにサイドバーがあるデザインにどうやって変更するの?」

と聞かれました。

 

人それぞれ、パソコンやインターネットスキルは違うので、

「ヘルプを観れば解決する人」もいれば、

「図解説明で解決する人」もいます。

 

聞かれて答えるだけに留まらず、記事として作っておこうと思います。

 

はてなブログのデザインをテーマストアからインストールし変更する方法

※今回は、はてなブログ開設時のデザインテーマ「Evergreen」から、このブログで使っているデザインテーマ「Epic」に変更する方法です。

 

はてなブログ開設時のデザイン

現在はてなブログを開設すると、以下のような「Evergreen」というデザインになります。

f:id:operationservicebu:20140808162212j:plain

 

テーマストアからデザインを選び変更する方法

はてなブログトップページ(http://hatenablog.com/)にある、[テーマストア]をクリックします。

f:id:operationservicebu:20140808162423j:plain

 

テーマストア(http://blog.hatena.ne.jp/-/store/theme/)画面が表示されます。

今回は公式テーマの「Epic」にブログデザインを変更するので、[公式テーマ]をクリックします。

f:id:operationservicebu:20140808162439j:plain

 

公式テーマ画面が表示されます。この中から「Epic」を探し、ブログデザインの画像が表示されている部分(画像赤枠)をクリックします。

f:id:operationservicebu:20140808162631j:plain

 

選んだデザインテーマ画面が表示されます。

選んだデザインに変更する場合は、[プレビューしてインストール]をクリックします。

f:id:operationservicebu:20140808162745j:plain

 

デザインを適用するブログを選択します。

複数はてなブログがある場合は、複数表示されます。

デザイン変更するブログを表示された一覧から選び、クリックします。

f:id:operationservicebu:20140808162921j:plain

 

デザインテーマ変更後のブログ画面が表示されます。

そのまま、ブログデザインを変更する場合は、左上にある[このテーマをインストール]をクリックします。

f:id:operationservicebu:20140808163103j:plain

 

デザインテーマ変更の確認画面が表示されます。

ブログのデザインを変更する場合は[OK]をクリックします。

f:id:operationservicebu:20140808163209j:plain

 

ブログデザインが「Epic」に変更されます。

f:id:operationservicebu:20140808163255j:plain

 

これで、はてなブログのデザインテーマを変更する方法は完了です。

 

参考文献

デザインを変更する - ヘルプ - はてなブログ

オリジナルのテーマを共有しよう! 「テーマ ストア」をオープンしました - はてなブログ開発ブログ

 

以上、ありがとうございました。