はてなブログ

WordPress:プラグイン「はてなブログインポートツール」

はてなブログから WordPress へ移行する場合のツールをプラグインにまとめました。 はてなブログインポートツール インストール 使用方法、手順 フォトライフ画像コピー ファイル整形 アイキャッチ画像とメディアライブラリ 各記事へのアイキャッチ画像登録 …

WordPress:はてなブログからWordPressへの移行ツール Ver.2

ある日突然、はてなブログから WordPress に移行しようと思い始め、自分自身のデータはすでに問題なく移行できる状態になっているのですが、そのツール制作にはまって Ver.2 まで作ってしまいました。 Ver.1 とその問題点 はてなブログ to WordPress 移行ツ…

WordPress:はてなブログからWordPressへワンクリックで移行

ある日突然、はてなブログから WordPress に移行しようと思い始めて準備中です。 はてなフォトライフからの一括画像移行とエクスポートデータの整形を一発でやってしまうツールをつくってみました。 過去の成果 はてなブログ to WordPress 移行ツール hatena…

WordPress:はてなから移行する場合の permalink rewrite プラグイン

ある日突然、はてなブログから Wordpress に移行しようかと思い始めました。はてなブログの契約がまだ1年ありますのでその間にいろいろ調べてみようと思います。 パーマリンク(URL)の維持 記事データのインポート Wordpress のパーマリンク設定 はてなブロ…

はてなブログ:ネイキッドドメインでのads.txtは不可能そう…

はてなブログを wwwつきから wwwなしのネイキッドドメインに変更して19日になりますが、Adsenseが ads.txtを読み込んでくれません。それ以外は問題なく進んでいます。 経緯 Javascript リダイレクトではダメ(のよう…) curlコマンドで調べてみる 結論 経緯 …

はてなブログ:wwwなしに変更、ネイキッドドメインその後

はてなブログを wwwありから wwwなしのネイキッドドメインに変更して1週間になりますが、なにも問題は起きていません。Adsenseが ads.txtを読み込んでくれませんが広告表示に大きな問題はないと思います。 移行したサイトはこのサイトではなく次のサイトです…

はてなブログ:wwwありからwwwなしのネイキッドドメインに変更

前記事で、サブドメインで運用しているブログをネイキッドドメインに変更する方法を仮のドメインで試してみましたが、今回、実際に運用しているブログを移行してみました。 移行の準備 予想される問題点 https化でamazonの画像が表示されない ブログカードも…

はてなブログ:独自ドメインをネイキッドドメインに移行しリダイレクト、ads.txt

はてなブログを独自ドメインで運用する場合にサブドメイン(wwwなど)なしのネイキッドドメインで運用できるようになりました! ってことを知りませんでした(涙)。もう1年も前のことです。 はてなブログProで独自ドメインをご利用の際、サブドメインなしで…

はてなブログのカテゴリーを一括再構成

ブログを書き続けますと後からカテゴリーを再構成したくなることはありませんか? と思っても、過去記事が大量になりますとカテゴリーをつけ直すなんてことは現実的ではありません。その試みと結果です。 試みの具体例 はてなブログの記事をまるごと入れ替え…

はてなブログ:テーマを変えた imzReading

やっとこのブログのテーマを変えることができました。 変えようと思い始めて数ヶ月、なのに印象はあまり変わらない結果となりました(笑)。白ベースを基本にしていますのでまあこんなもんでしょう。 変更のポイントをあげておきます。 ブレイクポイント ボ…

はてなブログ:【決定版】記事一覧に「前のページ」ボタンを実装

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(7)。 はてなブログではトップページから「次のページ」をクリックして進みますと、「前のページ」に戻るためのリンクがありません。この「前のページ」のリンクを作ろうという話で…

Adsenseは画像内のテキストも調べている

映画のレビューを書いている「そんなには褒めないよ。映画評」という別サイトには、時々 Adsense からポリシー違反のメールが来ます。どれも映画の DVD の画像がアダルトコンテンツだと言ってくるのですが、上半身が裸に見えるようなバストショットであった…

はてなブログ:トップページに「前に戻る」を実装する(やや失敗)

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(6)。 ブログのトップページは一般的に新着記事を何件か表示するようになっています。はてなブログも、表示形式は一覧と全文形式がありますがどちらも最大15件まで表示できます。 で…

はてなブログ用ボトムナビゲーション Bottom Navigation V2

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(5)。今回はチップスというよりも機能追加のプラグイン的なボトムナビゲーションです。 カテゴリー、検索、トップへ、ページャーへ、ホームへの5つのナビゲーションをひとつにまとめ…

はてなブログ:モジュールを伸縮させて高さを揃える

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(4)。正月休み中にもほんとど触れずいっこうに進んでいません。 今回はサイドバーモジュールを本文下に横並びで並べた時に高さを揃えようと思います。 何をやろうとしているか 画像…

はてなブログ:ブレイクポイントを本文表示幅で決める

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(3)。なのに忙しくて一向に進みません(笑)。 レスポンシブデザインのブレイクポイントについて考えてみます。 まず本文の表示最大幅を決める 本文表示幅 92vw可変、最大幅 650px …

はてなブログ:フォントサイズを動的に変化させる min(), max(), clamp()

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(2)。 フォントサイズをビューポート(表示幅)に応じて自動で変化させます。 表示幅によってフォントサイズを可変にする 最大フォントサイズにする表示幅をコンテンツ表示幅にする…

はてなブログ:パンくずリストをカスタマイズ

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス。 パンくずリストのカスタマイズ はてなブログパンくずリストHTML構造 パンくずリストの最後の項目を変更する パンくずリストの最後の項目を削除する パンくずリストの最後の項目を変…

【改訂版】はてなブログの画像ポップアップをオリジナル画像に変える

前記事で、はてなブログの画像ポップアップ機能を表示画像そのものではなくオリジナル画像に変更する Javascript を公開したのですが、画像のファイル容量が大きい場合にダウンロードの待ち時間中の画面に変化がなく停止と勘違いしてしまいますのでローディ…

はてなブログの画像ポップアップをオリジナル画像に変える

はてなブログでは画像をクリックしますとポップアップでその画像が表示されます。ただ、特にスマホですと画像自体が横幅いっぱいに表示される場合が多いですのでほとんどポップアップの意味がなく、CSSでクリックイベントをオフにしている人も多いかと思いま…

Javascript, jQuery のイベントを削除する

はてなブログでは記事に画像を挿入しますと自動的にリンクが貼られ、クリックしますとポップアップで画像が表示されます。ただ、ポップアップで表示される画像は元画像と同じものですので、記事そのものを1カラムで表示するスマートフォンでは意味がないです…

Google フォームを reCaptcha 付でブログに埋め込む

当サイトでは Googleフォームを使ってお問い合わせ用のフォームメールを導入しています。iframe で埋め込むのではなく、form 内の要素だけを取り出し完全にブログのスタイルにカスタマイズできるようにしています。 お問い合わせ - IMUZA.com その Googleフ…

AdSense ポリシー違反になるのはリンクコンテンツ

ポリシー違反はありませんメールが来た ポリシー違反になるのはリンクコンテンツ 前記事の「AdSense サイト運営者向けポリシー違反レポート5」のその後の追加記事です。 ポリシー違反はありませんメールが来た 早いですね。1日で来ました。 ポリシー違反にな…

AdSense サイト運営者向けポリシー違反レポート5

AdSense サイト運営者向けポリシー違反レポートメール 映画の公式サイトの画像? あるいはリンクで貼ってある他サイトの画像か? ある程度のページビューがないと引っかからない? AdSense サイト運営者向けポリシー違反レポートメール AdSense から下の画像…

Google先生は Amazonがきらい?

またも「AdSenseサイト運営者ポリシー違反レポート」が来ました。サイトは同じように「そんなには褒めないよ。映画評」です。 「そんなには褒めないよ。映画評」 AdSense からのメール ポリシーセンターを見てみると… GoogleはAmazonがきらい? AdSense から…

Web フォント NotoSans のサブセット化

Google の Webフォントはフォントファイルを 20KB~50KB程度に分割してダウンロードするなど軽量化が図られていますのでこのサイトでも使っているのですが、やはりパフォーマンスを考えますと厳しいものがあります。 でも、 NotoSans はきれいですし読みやす…

はてなブログの画像の容量が増大する(解決)

はてなブログに画像を保存しますとファイルのデータ容量が増えてしまいます。大きさではなく、たとえば、100KB の画像をブログに挿入したのにその画像のデータ容量を見てみますと 300KBとか、500KB に跳ね上がってしまっています。 72KB が 336KB にでかくな…

モバイルユーザビリティエラーやっと解消

Search Console のモバイルユーザビリティにエラーが出始めて約4ヶ月、やっと解消しました。ただし原因はこれ! と特定できたわけではありません。 当該サイトはこちらです。 そんなには褒めないよ。映画評 過去の関連記事 現状 まとめと試したこと Javascri…

(汎用版)はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションに改良を加え汎用性を高めました。 まずは元記事をお読みください。 www.imuza.com 改良点 導入 html javascript css ライセンス等 改良点 ボトムナビゲーション出現のブレイクポイントを設定できるようにしました data…

はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションをつくってみました。 こんな感じです。 運用サイト:そんなには褒めないよ。映画評 若干仕様が異なりますが、同等のものを公開します。 仕様 導入 html javascript css ライセンス等 仕様 当然ながらレスポンシブのテ…