はるなぴログ

WEBサイト作成技術研究

静的サイトジェネレータHugoがSass(SCSS)対応(pipeline)

静的サイトジェネレータHugoがSass(SCSS)に対応(pipeline)とのことです。 gohugo.io ずっとHugoを追いかけてきています。最近はサイトを作らずニュースだけの追いかけですが… Hugoの進化が早いのでニュースの追いかけだけでもなかなか大変です。早くサイ…

はてなブログテーマInnocentにナビゲーションバーを設定する方法

はてなブログテーマInnocentにナビゲーションバーを設定する方法について備忘録として書いておきます。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバー…

はてなブログにヘッダー画像を設定する方法(余白、はみ出し対応)

はてなブログにヘッダー画像を設置しようとしたら思った以上に苦労したので備忘録として書いておきます。 何に苦労したかというとヘッダー画像のサイズが合わなかったこと。余白が変になったりパンくずリストから下にヘッダー画像がはみ出してしまったりと散…

プライバシーポリシーの書き方

プライバシーポリシーの書き方について備忘録として書いておきます。 GoogleアドセンスやAmazonアフィリエイト(Amazonアソシエイト)をするならプライバシーポリシーは必須ですよね。 何を書くかさえ分かってしまえば後は自分で文章を考えてアレンジしてい…

はてなブログ本気から20日で読者100人突破

ブログ運営報告です。 はてなブログで本気入れ始めて20日で読者100人突破しました! これを機に読者の方の役に立つ記事をこれからもどんどん書いていこうというモチベーションが湧いてきました。 はてなブログを開設するも… 初めての読者ができて本気モード…

お問い合わせフォームの作成と設置方法

お問い合わせフォームの作成と設置方法について備忘録として書いておきます。 Google Adsenseやアフィリエイトをするならお問い合わせフォームは必須ですね。はるなぴは将来のことを考えて早めにお問い合わせフォームを早めに設置することにしました。 Googl…

独自ドメイン化のあとGoogleサーチコンソールのインデックスを引き継ぎする方法

独自ドメイン化のあとでGoogleサーチコンソールのインデックスを旧サイトから新サイトに引き継ぎする方法について備忘録として書いておきます。 はてなブログProを独自ドメイン化した後やることのひとつにGoogleサーチコンソールのインデックスを新ドメイン…

お名前ドットコムでDNS設定した後はてなブログProを独自ドメイン化する方法

お名前ドットコムでDNS設定した後はてなブログProを独自ドメイン化する方法について備忘録として書いておきます。 はてなブログをProにすることに比べれば独自ドメインを導入することはそれほどお金はかかりません。 はてなブログProでいつか独自ドメイン化…

はてなブログProで独自ドメイン取得するときに注意するべきこと

はてなブログProで独自ドメイン取得するときに注意するべきことについて備忘録として書いておきます。 はてなブログを無料版からProにした後すぐにお名前ドットコムで独自ドメインを取得しました! ついに自分の土地を持ったという感じです!ドメイン名はhal…

はてなブログProの30日間無料体験を試してみた結果と感想

はてなブログProの30日間無料体験をお試ししてみましたので感想など報告します。 Proにすることで可能になったことをいろいろと試してみました。結果は「有料であってもProにしていく価値がある」いうこととなりました。 はてなブログProの30日間無料体験 は…

Zenbackがhttps化非対応(混在コンテンツ)らしく止めるかどうか迷う話

Zenback(ゼンバック)というブログパーツサービスを利用しているのですが、https化(常時SSL化)に対応していないため混在コンテンツとなっており止めるかどうか思案中です。 Zenbackには拡散効果があるという話もあり、導入を止めるかどうかは判断が難しい…

はてなブログでhttps化した後に混在コンテンツを解消する方法(微妙)

はてなブログでhttps化の後に混在コンテンツ(Mixed Contents)を解消する方法について記載します。 (注)本記事には追記があります。内容を一部修正していますので最後までお読みください。混在コンテンツの原因はZenbackサービスの組み込みにあります。 …

はてなブログでコードブロックをコンソール風(背景色が黒)にするCSSカスタマイズ

はてなブログテーマInnocentでコードブロックの背景を黒にするCSSカスタマイズを紹介します。背景を黒、文字色を白にすることによってコンソール風の表現を狙います。 はるなぴはコンソール表示がいちばんプログラミングしている感じが出ていて好きです。 In…

斜体(イタリック体)による強調は日本語には合わない

英文など欧文をたくさん使う記事がなく日本語の記事がほとんどを占めるサイトの場合、斜体(イタリック体)で強調表示を行うのは考えものです。 はてなブログで強調表示の表現をCSSカスタマイズしてみます。 はてなブログテーマInnocentの強調表示 斜体(イ…

はてなブログに外部CSSを当てる方法とそのメリット

はてなブログに外部CSSファイルをリンクする方法を備忘録として書いておきます。 ポイントはドロップボックスなどの共有フォルダにCSSファイルを置いてリンクを張るという点です。最近はこうしたサービスもhttps化されていますので、はてなブログのhttps化に…