アンダーラインはこんな感じ。文字の大きさ小はこんな感じ。文字の大きさ中はこんな感じ。文字の大きさ大はこんな感じ。ulタグを使った箇条書きはこんな感じ。箇条書き箇条書き箇条書き箇条書きolタグを使った箇条書きはこんな感じ。箇条書き箇条書き箇条書き箇条書き引用はこんな感じ。00:00見出しや装飾の見本Tweet広告を非表示にするコメントを書くもっと読む2018-05-29ブログタイトル、ヘッダー周りのカスタマイズについてカスタマイズヘッダー部分のカスタマイズについてこの記事では以下のヘッダー部分(赤色で塗りつぶしてある部分)についてのカスタマイズ方法について記載します。</ul></div>デザイン設定のカスタマイズ→ヘッダ内のタイトル下へ貼り付ければOK。コード内の赤字の部分は各自のIDやURLを入力してください。メニューはいらないけど、なんだか見栄えが・・・という方もいるかと思います。!!メニューの背景線が入って成立するデザインになっているのです。ここに何か一言</div>ちなみにヘッダーは解像度によって変化するようになっており、PC表示では以下の赤い部分のボタンが表示されるようになっていますが、スマホやタブレットではタイトルがセンタリングされて、ボタンは非表示になるように設定しています。以下のコードは追加しなくてOK。現状フォントでブログのタイトルが入っている以下の画像の赤い部分を、同じぐらいのサイズの画像に変更するイメージです。画像を準備し、フォトライフかどこかにアップロードしておきます。スマホなどで画像が劣化しないように上記ぐらい大きめに作っておくと良いです。デザイン設定のカスタマイズ→デザインCSSに以下のコードを追加。center;}そしてデザイン設定のカスタマイズ→ヘッダ内のタイトル下の、最初の項で追加したSNSボタンの前、一番上に以下のコードを追加。alt="ブログタイトル"></a></h1></div>赤字の部分に先の工程でアップロードした画像のURLと、ブログのタイトルを入力してください。ブログへアクセスし、タイトルテキストが画像に置き換わっていればOK。00:00ブログタイトル、ヘッダー周りのカスタマイズについてTweet広告を非表示にするコメントを書くもっと読む2018-05-28配色の変更方法カスタマイズ配色変更方法これから紹介するコードを、変更したい色に変えてデザインCSSに追加するだけ。上記の色を変更するコードです。!important;}上記の赤色の部分、計6箇所を好きな色に変更すると配色が変更できます。次にメニューや目次で使われている「バーミリオン」こと上記の色を変更するコードです。!important;}上記の赤色の部分3箇所と青色の部分2箇所を好きな色に変更すると配色が変更できます。注意点として、青色の2箇所はカラーコードの後ろに「90」と数字がついています。この数字は透明度を設定している数字なので、この90は残しつつ青色の部分のみ変更してください。00:00配色の変更方法Tweet広告を非表示にするコメントを書くもっと読む2018-05-26プロフィールのカスタマイズについてカスタマイズこの記事ではサイドメニュープロフィール項目の各種表示・非表示の設定、背景画像の変更と、SNSリンクの追加についてご紹介します。設定についてデザイン設定→サイドバー→プロフィール→編集を選択すると、プロフィールモジュールの設定ができます。プロフィール画像とはてなID、読者になるボタンをオン、SNSのフォローボタンはオフにするのを推奨。最終更新はどちらでもいいですが、個人的には非表示が好きです。背景画像の変更についてデフォルトだと背景画像がこんな感じになっています。背景画像だせーよ!変えたいよ!という方は、自分の好きな写真やイラストを準備してフォトライフにアップしておきましょう。以下のコードの赤字部分のURLをフォトライフにアップロードしたURLに置き換えます。!important;}文字の色を変えたい方は、以下のコードの赤字部分のカラーコードも置き換えましょう。!important;}そして置き換えたコードをデザインCSSに追加すれば、背景画像の変更が可能です。ちなみに画像には自動的にぼかしが入り、それっぽくなるようになっています。画像を変えるだけで、結構ガラッとイメージがかわりますよ。SNSリンクの追加と自己紹介文についてSNSリンクと自己紹介文については、最初の項目と同じく、デザイン設定→サイドバー→プロフィール→編集を選択し、ブログの説明項に追加をします。自己紹介文を3~5行程度。詳しいプロフィールはaboutページに書くようにし、ここではなるべく簡潔な方が見栄えが良いです。長くなる場合は句読点などを使用しつつ改行しましょう。(タグはあとから自動で入るので、タグを使わずエンターで改行でOK。)そして文章を入力しおえたら、その文章のあとに以下のコードを追加しましょう。赤字の部分は適宜自分のURLなどに変更。</a></li></ul>これでプロフィールの設定はOKなはず・・・。00:00プロフィールのカスタマイズについてTweet広告を非表示にするコメントを書くもっと読む2018-05-24フッターのカスタマイズカスタマイズ以下のコードをフッタに追加。00:00フッターのカスタマイズTweet広告を非表示にするコメントを書くもっと読む2018-05-23サムネイルの設定に関してカスタマイズデフォルト設定の場合、強制的にサムネイルが正方形にカットされてしまい、TOPページのサムネイルの見栄えがあまりよくありません。以下のサイト様でご紹介されているコードを利用させていただくと、良い感じに設定されます。www.imuza.comこのテーマdemoブログでも利用させていただいています。この場を借りてお礼申し上げます。ありがとうございます。17:06サムネイルの設定に関してTweet広告を非表示にするコメントを書くもっと読む2017-06-14はてなブログ登録後最初に行うこと/設定方法~はてなブログを始めようpart1~はてなブログ全般メインサイトで紹介しています。よろしければご覧ください。17:52はてなブログ登録後最初に行うこと/設定方法~はてなブログを始めようpart1~Tweet広告を非表示にするコメントを書くもっと読む2017-06-14SearchConsole(サーチコンソール)の登録/設定をしよう~はてなブログを始めようpart2~はてなブログ全般メインサイトで紹介しています。よろしければご覧ください。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。