Hatena Blog Theme Custom

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

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

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

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

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

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

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

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

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

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

はてなブログで使える目次のデザインを幾つか作ってみました。コピペでお使いいただけます。 目次の挿入方法 目次デザインパターン集 ストライプ背景 ストライプ背景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書けば良い…

【ムームードメイン編】はてなブログの独自ドメインを変更した後にやることリスト

このブログの独自ドメインをhttp://blog.minimal-green.com/に変更しました。 読者登録されている方やこのブログに言及記事(リンクを貼ってくださっている方)を書いて下さった方は特にリンクの貼り直しや読者登録し直しは必要ありません。 ここでは独自ド…

ズレた広告は中央寄せに配置しましょう

ブログのヘッダー下やフッターにレスポンシブ広告のGoogle Adsenseを貼っていらっしゃる方は多いと思います。ファーストビューで目に留まりやすく広告を置きたい場所ですよね。 はてなブログでは「タイトル下」や「フッタ」に広告のコードを置くのですが、コ…

はてなブログのトップページを固定ページ化する方法その2

以前↓こういう記事を書きました。 blog.minimal-green.com 9999年の記事に直接HTMLを書き、全文表示にする方法です。 過去記事のカスタマイズの問題点 jQueryでトップページの記事一覧の前にコンテンツを追加する トップページ追加用HTML&jQuery 過去記事の…

記事一覧表示、アーカイブページの日付の仕様変更に伴いはてなブログテーマ「Minimal Green」の修正をしました。

はてなブログの仕様変更?でトップページの記事一覧表示とアーカイブページの日付部分のHTMLが変わっています。先程気付きました。あああ、トップページの日付デザイン崩れてるう。これは仕様変更やな。直そ。ほとんどのユーザーには影響ないと思いますがっ…

ちょっと困ったを解決 ココナラでの出品の探し方

ココナラという「スキルをネット上で個人取引する」サービスがあります。簡単に言うと、メルカリの「物じゃなくてスキル版」だと思ってください。(手作りの物を売るココナラハンドメイドもありますが) 私もブログカスタマイズサービスやサイト制作のサービ…

最初から完璧を目指す必要はない。ブログは少しずつ育てよう。

カスタマイズ記事を主に書いてるこのブログですが、今回はカスタマイズのやり過ぎについて警告する記事を書きます。 ※カスタマイズご依頼の新規受注は条件が合えばお受けしております。お気軽にご相談下さい。 カスタマイズのやり過ぎにはご注意を過剰なカス…

小沢健二とSEKAI NO OWARI「フクロウの声が聞える」二項対立から脱構築へ

「フクロウの声が聞える」の歌詞 「二項対立の世界から脱構築の世界へ」 コラボの意味 小沢健二×SEKAI NO OWARIのコラボで新曲「フクロウの声が聞こえる」が本日9月6日発売になりました。Amazonの事前予約や一部CDショップでは昨日からフライングゲット出来…

カスタマイズのお手伝いをさせていただいたはてなブログのご紹介(言及のお礼・制作実績)

今まで私が有料カスタマイズサービスでお手伝いをさせていただいたブログのご紹介をさせていただきます。 今回ご紹介するのは、SNSやブログへの言及でカスタマイズサービスのご紹介をして下さったブログです。 カスタマイズ実例 元スタバ店員の全国カフェめ…