Minimal Green

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

2018-01-01から1年間の記事一覧

はてなブログで設定した独自ドメインのサブドメインで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書けば良い…

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

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