Minimal Green

はてなブログテーマ『Minimal Green』のデモブログ。はてなブログカスタマイズや、HTML、CSSなどについて書いています。

はてなブログのヘッダー右上に突如出現した「読者になる」ボタンと崩れたスマホ版ヘッダー画像の修正方法

こんにちは。久しぶりにはてなブログのカスタマイズ記事書きます。 追記:はてなでは表示位置の変更を検討中 はてなブログのヘッダー右上に「読者になる」ボタンが突如出現 「読者になる」ボタンを消す方法(はてなブログProユーザー限定) 無料ユーザーの方…

Google Search Consoleから「パンくずリストの問題が新たに検出されました」メールが来た場合の対応

Googleがdata-vocabulary.org方式の構造化データのサポートを2020年4月6日で終了するとの発表がありました。 www.suzukikenichi.com 構造化データとは Search Consoleより警告メールが届く カテゴリーの階層化のカスタマイズをしている場合 構造化データとは…

複数のブログメンバー毎のプロフィール欄を記事下に設置する

はてなブログのブログメンバー機能とは ユーザー毎に記事下にそれぞれのプロフィール欄を表示する プロフィールのHTML/jQuery はてなブログのブログメンバー機能とははてなブログProには複数人で一つのブログを運営できる「ブログメンバー機能」があります。…

はてなブログの個人営利利用ガイドラインへの対応を解説します

「2019年10月1日より、はてなブログの個人営利利用を許諾します」という発表がはてな運営公式のはてなブログ開発ブログより公開されました。 以前は一応「収益を主目的としたはてなブログ」の利用が禁止されていました。(実際には営利が主目的であっても黙…

スマホに使える!2階層対応レスポンシブメニュー

スマホでのメニュー表示はいつも悩ましいものです。スマホの画面サイズが大きくなったとはいえ、やはり表示領域は狭く限られています。特にカテゴリーの数が多くメニューが多階層にわたるサイトやブログのメニュー表示をどうするか。今回はたくさんのメニュ…

はてなブログでGoogle AdSenseのサイト追加やGoogle Search Console のサイトマップ送信に失敗する件について

2019年2月くらいからはてなブログの独自ドメインのブログがGoogle AdSenseのサイト追加申請が通らないという話を目にすることが増えました。同時期に、Google Search Console のサイトマップ送信に失敗するという声もよく見かけました。 Google AdSenseの申…

リライト記事の更新日時表示のカスタマイズで時刻まで表示されるようになった件について

時分秒まで表示される XML サイトマップのlastmodタグについて サイトマップバージョンを一部改変 AMPバージョンなら今まで通り フッターに貼るscript CSS はてなブログで「リライト記事の更新日時を日付横に表示する」カスタマイズをされている方も多いと思…

はてなブログで設定した独自ドメインのサブドメインでWordPressを新規作成する

はてなブログで独自ドメインを設定している場合に、追加でサブドメインのWordPressを新規作成するときの手順のまとめを書きます。・既にはてなブログ:www.example.com として運営している(HTTPS化済み) ・追加でサブドメインsubdomain.example.comのWordPr…

はてなブログテーマストアの投稿方法 自作テーマをはてなブログで使う

はてなブログのテーマストアにはたくさんのテーマが公開されています。多くのユーザーが目にし利用するものなので、ある程度内容は精査しないといけません。 自作テーマを「非公開」で投稿するのはそれほど内容に気を使う必要はありません。(但し著作権には…

ムームードメインで独自ドメインを取得してはてなブログに設定する

以前書いた「【ムームードメイン編】はてなブログの独自ドメインを変更した後にやることリスト」の記事が「はてなブログのムームードメインの独自ドメイン設定の解説」として割と参照されているようなので、改めてもっと詳しく新規ドメイン取得からはてなブ…

スマートフォンで横から出てくるドロワーメニュー 【レスポンシブ・プロフィール欄・ドロップダウンメニュー】

PCでは横並びのドロップダウンメニューで、スマートフォンではトグルボタンでドロワーメニューが横から出てくるグローバルメニューをはてなブログ向けに作りました。(はてなブログ以外でも使えます) PCではマウスオーバーするとドロップダウンメニューが表…

はてなブログで使えるサイドバーカスタマイズまとめ

はてなブログのサイドバータイトルデザインのカスタマイズ集を作ってみました。 はてなブログではそのままコピペでお使いいただけます。WordPressや他のブログサービスでもセレクタを変えればお使いいただけます。 注意 文字色について(全共通) シンプル …

はてなブログの目次のデザインカスタマイズ集

はてなブログで使える目次のデザインを幾つか作ってみました。コピペでお使いいただけます。 目次の挿入方法 目次デザインパターン集 FontAwesomeの呼び出し ストライプ背景 ストライプ背景2 二重線囲み ステッチ風 目次リストのスタイル(番号順、円) 目次…

【はてなブログ】ページ全体を枠で囲むカスタマイズ

ちょっと前からよく見かける「サイト全体を枠で囲む」デザインをはてなブログでやってみました。このブログでもやっています。 webdesign-trends.net カスタマイズ方法 ストライプ柄 背景画像を設定する カスタマイズ方法以下のCSSをデザインCSSに追加します…

記事下にCTAを設置するカスタマイズ

記事下にCTAを設置するカスタマイズを作りましたのでご紹介します。WordPressの有料テーマではよく見かけますね。このカスタマイズははてなブログはもちろん、WordPress、その他のブログサービスでも使えます。 CTAとは 見た目はこんな感じ カスタマイズコー…

はてなブログの記事下にプロフィールカードを表示するカスタマイズ

はてなブログの記事下にカード型のプロフィール欄を表示するカスタマイズを作りましたのでご紹介します。 こんな感じ カスタマイズコード HTML CSS こんな感じPCではこんな感じに表示にされます。 スマートフォンではこんな感じです。 デザインはこのブログ…

カード型レイアウトのおすすめはてなブログテーマ

この記事ははてなブログ初心者向けの記事です。はてなブログを始めたばかりで、どのテーマを選んだらよいかわからない方のテーマ選びのご参考になれば幸いです。私もテーマを作っていますが、ここでは完全他力本願で、おすすめのカード型レイアウトのはてな…

はてなブログのHTTPS化の対応やることリスト【独自ドメイン・はてなドメイン】

はてなブログの独自ドメインのHTTPS配信がついに有効になりました。 staff.hatenablog.comていうかはてなブログの開発ブログがまだHTTPS化されてない(´・ω・`)最近WordPress移転する方が多くて寂しいです。 HTTPS化の手順・やることリスト 修正すべき記事を…

はてなブログのMixed Content問題の解決策一例 :HTTPをHTTPSに一括置換するUpgrade Insecure Requests

今年の4月についに、はてなブログの無料ドメイン(hatenadiary.jp,hateblo.jp.hatenablog.comなど)の全ブログでのHTTPS配信が有効になりましたね。 2018年2月22日以降に新規開設したブログは全てHTTPS配信となっています。 HTTPS化への対応 Mixed Contentのエ…

初心者向け!! はてなブログ入門マニュアル

はてなブログを始めたばかりの方向けに入門記事をまとめてみました。 自分の記事や他の方のブログ記事を合わせてまとめています。はてなブログは操作性もよく使いやすいブログサービスだと思いますが、始めたばかりだと「???」というところもあるので初心…

トップページの先頭に固定された記事の表示をカスタマイズする

はてなブログのトップページの先頭に記事を固定できるようになりました。Twitterの「プロフィールに固定表示する」と似たような機能ですね。(と言っても実装は2週間前から既に行われており、正式な告知が今日だったようです。) staff.hatenablog.com早速こ…

はてなブログカスタマイズ記事のまとめ

はてなブログカスタマイズ記事一覧です。今までの過去記事をまとめました。 パーツ毎に分けているので、カスタマイズしたいところの記事をご参照下さい。上から順番にヘッダー、グローバルメニュー、記事上・記事下、サイドバー、フッターと辿っていくとはて…

今後の更新についてのお知らせ

今後のこのブログ(Minimal Green)の更新についてお知らせさせていただきます。はてなブログのテーマ更新情報、はてなブログのカスタマイズ・機能についてのお知らせのみこのブログでは更新します。私のブログでは幾つかの記事で著作権の問題について自戒を込…

たのまなでAdobe CC学生・教職員版(アカデミック版)を購入してみました。

2月末から3月上旬にAmazonのタイムセールでAdobe CC(Adobe Creative Cloud)のオンラインコードが安く売られていたようなのですが、買いそびれてしまいました。どうしようかなーと思っていたところ、アカデミック版なら安く買えるということに気付いてAdobeの…

春らしいピンクグラデーションのはてなブログテーマ「Haruni」を投稿しました

はてなブログテーマストアに新しいブログテーマを投稿しました。 Hruni - テーマ ストア ピンクグラデーション背景のシンプルなレスポンシブテーマです。PC版は2カラム、スマートフォンは1カラムです。 License: GNU General Public License v3 or later Lic…

ガーリーデザインのボタンのCSSまとめ

saruwakakun.com サルワカさんのボタンのデザインサンプルが素晴らしいので、今更自分が公開しなくても良いような気がするのですが、今まで自分用のストックで作っていたガーリーデザインのボタンのサンプルCSSをまとめてご紹介します。 はてなブログでもは…

Webデザインに著作権はないのか? モラルと法律の間

blog.minimal-green.com前回の記事ではテーマ制作者の立場からモラルと責任について書きました。ここではより一般的な視野で、Webデザインの著作権周りについて考えてみます。デザインの著作権侵害訴訟の判例一般的にwebデザインをパット見パクった程度では…

はてなブログテーマ制作者のモラルと責任について

最近、はてなブログテーマストアにある物議を醸すデザインテーマが投稿され、炎上し、消えました。もう終わったことですので、詳しくは言及しませんが、何のことかわからない方は以下のリンクをご参照下さい。 例のテーマが元の有料WordPressテーマの名前に…

確定申告に向けて 個人事業主のココナラ出品者の売上・入金データの仕訳例

平成29年度の確定申告の受付が始まりました。 www.nta.go.jp 私は昨年ココナラでの出品を開始したのですが、ココナラの売上をどう仕訳するか少し迷うところがあり、色々調べたり、ココナラ運営に問い合わせました。ここでは個人事業主として確定申告の際に必…

ブログにtable(表)を挿入する簡単な方法 Excel→HTML変換ツールの活用

ブログなどに表を挿入するとき、面倒なのがtableのコーディング。はてなブログの見たままモードだとExcelなどからコピペしてそのまま貼り付ければOKなようですが、セル結合をしていたりする複雑な表シートだと上手くいかないようです。 普通にHTML書けば良い…