はてなブログ

バグ修正:はてなブログ用スライダー改訂版

前記事で公開した「はてなブログ用スライダー改訂版」にバグがあります。 バグと言いますか、私の知識不足ではあるのですが(ペコリ)、本体の Javascriptではなく、記事内に書くスライダーの呼び出しスクリプトに問題があります。 <div id="myslider"> [f:id:ausnichts:201711</div>…

はてなブログ用スライダー改訂版

11/15日の記事「バグ修正」にもとづき修正済みです。 少し前に作ったβ版程度の「はてなブログ用簡易スライダー」を、カルーセルにしたり、オートスタートなどのオプション指定できるようにしようと改良しようとしたのですが、ふと気づいてみれば、「はてなフ…

はてなブログの固定ページが役に立った!

当サイトは、はてなブログのトップページを固定にして Wordpress のような CMS っぽいデザインにしていますが、はてなブログの固定ページではトップページ指定できませんので、例によって予約投稿方式をとっています。 はてなブログのトップページを固定して…

はてなブログ用簡易スライダーを作ってみた

別ブログで縦長の新聞記事を引用しようとして、これ、幾つかに分けてスライダーにできないかなと思い立ち、簡易スライダーを作ってみました。 @半径とことこ60分 どういうものかは上の記事をご覧いただければわかると思いますが、6段の記事があり、そのま…

はてなブログ「続きを読む」クリックで記事ページ「続き」位置に飛ばす

当サイトはトップページに記事を表示していませんので問題ないのですが、別グログの「そんなにも褒めないよ。映画評」では、トップページに最新の1記事とその下に最新記事一覧を表示しています。 その際、記事の途中に「続きを読む」を挿入しています。 で…

はてなブログを独自ドメイン変更後にやったこと

前記事:はてなブログを独自ドメインに変更 はてなのサブドメインで運用していたはてなブログを Search Console に登録していた場合は、新しいアドレスに移転したことを知らせておかないといけません。 なぜいけないかは、おそらく旧アドレスでインデックス…

はてなブログを独自ドメインに変更

はてなブログの HTTPS化が遅れていますね。 9/25付のアナウンスでは、早ければ10月初旬にも管理画面の HTTPS化が行われるとありましたが、今のところ変わっていないです。 今更どうこう言っても始まりませんので気長に待ちましょう。 で、現在、独自ドメイ…

独自ドメインのはてなブログ wwwありなしを統一する

はてなブログを独自ドメインで運用しているこのサイトの wwwありなしを 302ではなく 301で統一しようとレジストラをエックスドメインに移管しました。 ドメイン移管/お名前.comからエックスドメインへ ドメイン移管/ネームサーバーの変更を忘れていた で、…

ドメイン移管/ネームサーバーの変更を忘れていた

ドメインをお名前.com からエックスドメインに移管したのですが、エックスドメインでネームサーバーの変更を忘れていました(笑)。 前記事:ドメイン移管/お名前.comからエックスドメインへ というより、自動的にエックスドメインのサーバーに変わるのかと…

ドメイン移管/お名前.comからエックスドメインへ

このサイトは、はてなブログを独自ドメインで運用しているのですが、wwwありなしを統一して正規化しようと、ドメインをバリュードメインからお名前.comに移管したところ、お名前.comの罠にはまり、Whois情報公開代行設定をせずに移管してしまいました。 そも…

はてなブログ HTTPS化のスケジュール発表!

はてなブログの HTTPS化のスケジュールがやっと発表されました。 やれやれですね。 「はてなブログへの接続をすべてHTTPSにできる機能の実装予定と、利用を検討するユーザー様に準備いただきたいこと」 staff.hatenablog.com 概要は、 10月初め以降:管理画…

はてなブログはHTTPS化するのかしないのか、早くアナウンスして!

Google Search Console から、当サイトも含め、はてなブログで運用しているサイトに Chromeでブラウズする場合「保護されていません」という警告を表示するとのメールが来ています。 すでに今年の1月でしたか、パスワードを入力する場合に HTTPS でなければ…

はてなブログPro に固定ページ機能が追加されました

固定ページを作成できるようにしました(はてなブログPro) - はてなブログ開発ブログ 当サイトがそうですが、はてなブログでトップページを固定しようとしますと、CSS や Javascript の手を借りないと出来なかったことが新機能として追加されました。6/27付…

はてなブログ機能追加/記事下に「関連記事」を表示します

別ブログなんですが、新しく記事を投稿してチェックしていましたら、記事の下に「関連記事」が5記事表示されているではありませんか。 あれ? なんだコレ? と、ちょうど記事投稿の際に設定画面を開いたりしていましたので、自分で何かいじったかな?とあれ…

はてなブログに Google Form を iframe で埋め込む

当サイトの 「 お問い合わせフォーム 」の実装方法です。 次の記事も参考にしてください。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない 仕様は次の記事を参考にしてください。 は…

はてなブログにお問い合わせフォーム実装

やっと当サイトにお問い合わせフォームを実装できました。 ここに至る前記事2つです。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない モバイル、タブレットの仕様 デスクトップの仕…

iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない

iPhone で、iframe を position:fixed にした場合の挙動に苦労しています。 前記事: iPhone で iframe を fixed にする場合の問題 問題整理 iOS アップデートでさらに挙動が変化 position:static で表示し上までスクロールさせる 問題整理 問題を整理します…

iPhone で iframe を fixed にする場合の問題

はてなブログ(当サイト)に Google Forms でお問い合わせフォームを作ろうとしているのですが、iframe をポップアップで表示する際に iPhone で引っかっています。 Googleフォーム自体は、すでに別記事で完成していますのでリンクで済ませればいいんですが…

はてなブログ/カテゴリー別記事一覧のHTML構造が変更されました

なにげなく当サイトのカテゴリー別記事一覧を見ていましたら、あれ? タイトルにゴーストが出ているじゃありませんか! それに一覧の項目の上の空白が広くなっている!? どういうこっちゃとデベロッパーツールで調べてみましたら、カテゴリー名が #top-box …

はてなブログのホームを他の記事と違うデザインする/ cms-style(7)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。cms-style(7)まできましたが、役に立つようなことを書けているかどうか自分ながら微妙ですね(笑)。 で、これまではサイ…

はてなブログにお問い合わせフォーム Google Forms

はてなブログにお問い合わせフォームを作ろうと思いググりましたら、やはり欲しいと思われる方が多いようで結構ヒットします。 「Google フォーム」の記事が多いですね。 やってみました。 Google フォームにアクセスする フォームを作成する メールアドレス…

はてなブログ/検索モジュールをどこに配置しよう? cms-style(6)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 ブログというのは思いついたら書くというパターンが多いですので、なかなかサイト全体の構造をわかりやすく表示することが…

はてなブログの記事タイトルの配置を考える cms-style(5)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 今回は記事タイトルブロックについてです。ご覧のように、大きく記事タイトル、そしてその下に日付とカテゴリーを配置して…

#top-editarea をページタイトルエリアとして利用する cms-style(4)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 前回 では カスタマイズ > ヘッダ > タイトル下 に何らかのコードを挿入することで表示される #top-editarea に背景を付け…

背景画像の使い方でブログ臭さが消える cms-style(3)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 ウェブサイトのデザインは、グリッドレイアウトと呼ばれるブロック単位でデザインを考える方法を使う場合が多いと思います…

はてなブログに編集履歴保存機能がついた、こりゃ便利!

はてなブログにバージョン管理機能(?)がついたようです。 同時作業でブログを書いたりしていますと、うっかりも発生しやすく、なにげなく消してしまい後悔することがたまにありますが、この機能があればもう安心です。 「記事(下書き)を更新する」ボタ…

はてなブログのカテゴリーをタグクラウドにしてトップページに表示する cms-style(番外)

当サイトは、はてなブログに Wordpress風の自作テーマをあてていますが、トップページをどうしようかと悩んだ末、タグクラウドを表示することにしました。 すでに完成していますのでトップページを見ていただければどういうものかわかると思いますが、Javasc…

デスクトップはメニューバー、スマホはオフキャンバスメニュー cms-style(2)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 まずは全体の構想と「タイトルとメニュー」の解説です。 全体の構想 スマホ用のオフキャンバスメニューを準備する Javascri…

はてなブログをWordpress風に! cms-style(1)

このサイトは「はてなブログ」を使って書いているのですが、テーマを Wordpress や Joomla!など CMS 風にしています。それなりに手のこんだことをしていますので自分のメモも兼ねて解説をしていこうと思います。 Wordpress や Joomla! ぽさって何だろう? は…

サイトデザイン変更/はてなブログを Joomla! (Wordpress) 風にする

久々にサイトデザインを変更してみました。 Joomla! 風といったところですが、CMS のシェアでは Joomla! は Wordpress に圧倒的に水をあけられていますので Wordpress 風と言ったほうが分かりやすかと思います。 CMS のシェア この記事をご覧になっている方…