Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

JPGかPNGか、それが問題だ / プロのきれいな写真も使いよう

最近新しいパソコンを買ったんですが、自分のブログや宿ブログ(私のうちは宿を経営しています。)を見ていたら、画像のノイズや荒れが気になって修正しました。画像をアップロードするときは圧縮しているんですが、いつも使っているソフトの設定で自動的にp…

初心者がHTML/CSSを勉強するのにおすすめの入門記事・参考書

ブログを書くのに便利な世の中になって久しいですね。WordPressやはてなブログのようなCMSを使えば、HTML・CSSの知識が無くてもキレイなデザインの記事が書けますよね。ただ、それでも自分独自のデザインや装飾をしたければ、HTML/CSSの知識が必要となってき…

2017年新春 ブログでJavaScriptのおみくじをひこう

あけましておめでとうございます。昨年始めたこのブログですが、読者登録やブログで紹介、またスターやコメントで交流していただき、とても励みになりました。ありがとうございました。今年もマイペースで記事を書いてまいります。どうぞよろしくお願いしま…

はてな記法を使い倒す ブログカードのリンク形式を変えてみた

はてなダイアリーユーザーにはおなじみでしたが、はてなブログ以降新規ユーザーにあまり使われていない「はてな記法モード」。ちょっとしたことですがブロガーにとっては色々便利なので「はてな記法」の使い方をご紹介したいと思います。

三浦弘行九段の将棋ソフト使用疑惑は不正なしという調査結果を受けて

2016年12月26日昨日、10月より問題となっていた三浦弘行九段の将棋ソフト使用疑惑について、将棋連盟の依頼により監査を担当した第三者調査委員会により調査結果を報告会見がありました。以前この件に関しては一致率の統計的有意性についての記事を書いたこ…

CSSでセンタリング 画像や文章を中央寄せにする方法 

ブログのカスタマイズやサイト制作をしていて、コンテンツを真ん中に揃えるレイアウトはよく使いますね。 画像や文章を中央寄せ(中央揃い)にする方法をまとめてみました。

ブログをクリスマス仕様に CSSでブログに雪を降らせるエフェクト・アニメーション

明日はクリスマス・イブですね。 期間限定で25日までブログ背景とヘッダー画像をクリスマス仕様にします。 ブログ背景に雪を降らせるエフェクト CSS3のanimationで雪の画像を左上から右下へ移動させて雪が降る表現をしています。 参考:CSS Snow Effect | Br…

はてなブログのフッタに「ブログを報告する」リンクなんてあったっけ?

読者登録しているはてなブログをいくつか読んでいて、気づいたのですがフッタの「Powered by Hatena Blog 」の後に「ブログを報告する」リンクがありますね。 これって前からでしたっけ? 通報フォームがどこにあるかわかりにくいと以前から言われていたから…

【コピペでOK】はてなブログのタイトル画像の高さを変更する・上下の余白を消す【css】

以前の記事の追記です。 はてなブログのヘッダー、タイトル画像の設定について - Minimal Greenはてなブログのタイトル画像アップロード機能はてなブログでは、管理画面>デザイン>カスタマイズ>ヘッダ>タイトル画像から、画像をアップロードして簡単にタ…

CSSが効かない…よくある原因(バグやミス)と対処方法

サイト制作やテーマ制作をしていて、CSSの記述が適用されていない、レイアウトがおかしい、などなど困った事態にぶつかることがよくあります。 私だけでしょうか? まだまだ勉強中ですが、HTML・CSS覚えたての頃から現在まで、私が実際に出会ってきた様々な…

著作権侵害をしないために 著作権侵害の違法性と正しい引用の仕方

先月末から、著作権侵害や不正確な医療情報を掲載していたキュレーションメディアの閉鎖が話題となっています。 こうした問題はもちろん企業のサイトだけでなく、個人ブログを運営するユーザー全てに関係する問題です。 はてなブログでも規約違反のブログへ…

はてなブログ記事編集画面の使い方② 入力補助ツールバー/はてな記法モード

入力補助ツールバー はてなブログの記事編集画面の使い方解説その②です。リンクを貼ったり、見出しをつけたり、記事を書く時に便利な入力補助ツールバーの使い方を図解したいと思います。(この記事ははてなブログを始められたばかりの初心者向けです。既に…

WordPressなら何をしても良いという話ではない はてなブログのnoindex措置

はてなブックマークで時々ホッテントリに上がっていたはてなブログが、突然検索流入が無くなったという事例がありました。 head内にnoindexメタタグを強制的に入れられる措置にあったようです。 どのブログのことか、はてブのホッテントリ見れば分かると思い…

はてなブログを始めたばかりの方に 「記事を書く」編集画面の使い方

公式ヘルプは少し初心者の方には難しいので、はてなブログを始められたばかりの方向けに、はてなブログのヘルプを書いて見ます。 見たままモードとHTML編集画面の違い 見たままモード HTML編集 編集画面サイドバー はてなブログの記事を書くときに役立つ記事…

ブログカスタマイズ・サービスのご案内 テーマ制作・カスタマイズ設置代行

個別にはてなブログカスタマイズやWordPressカスタマイズのご依頼を少しずつ受けるようになりました。 このブログで書いたカスタマイズ記事や制作したテーマに関する範囲ならご質問になるべくコメントで答えますが、その範囲を超え、新たにコーディングが必…

楽天トラベルカスタマイズページ無料テンプレート作りました/個別のカスタマイズ承ります

楽天トラベルのPC版のカスタマイズページ用テンプレートをローカルビジネスのお宿さん向けに作ってみました。 既に業者に頼んでるお宿さんが多いと思いますが、新規に楽天トラベルに参画される施設や、業者に頼んでるけど自分で更新したい個人事業主の方の参…

まとめブログ風にタイトル下に人気記事を並べるカスタマイズ(重いので注意)

リクエストがありましたのでまとめブログ風にタイトル下に人気記事を並べるカスタマイズをご紹介します。 このコードはid:chiroru_27 さんの記事を参考にしています。 chiroru.hatenablog.comおすすめカスタマイズ: moonnote.hateblo.jp[注意]このカスタマ…

ビジネスサイト・ショップ向け無料レスポンシブWordPressテーマ「Hikari」を公開しました

前回制作したWPテーマ「Not so sweet」をバージョンアップし、カスタマイズ機能やエディタ機能を強化したWorsPressテーマを作りました。結構前から完成していたのですが、時間を置いて動作検証してました。WordPressテーマ「Hikari」 DEMOページ: Hikari | …

多階層のドロップダウングローバルメニュー(レスポンシブ)

コメントにてリクエストがあったので、3階層のドロップダウンナビゲーションメニューのコードを用意しました。ドロップダウンの作り方まず、メニューリストの構造とドロップダウンの階層構造の作り方を説明します。 ABC三つの項目があるとして 階層無し /* …

楽天トラベルのカスタマイズページ 楽天のごちゃごちゃしたデザインは効果があるのか

楽天トラベルカスタマイズページ 楽天トラベルの宿施設ページは自由にHTMLで編集できるカスタマイズページというのがあります。 (楽天市場もそうですよね、多分。) 以前に澄風荘のサイト制作を依頼していた制作会社が作ったページなんですが、なんというか…

プロフィールとAboutページを変更しました

このブログは最初、澄風荘ブログのサブブログとして始めたのですが、テーマが全然違うブログになってしまっているのでプロフィールからはてなidと「澄風荘」の名前を外しました。本当はサブアカでやるべきなのですが、サブアカだと広告を外すには別途はてな…

Wordpress テーマ「not so sweet」の修正のお知らせ

Wordpress テーマ「not so sweet」の修正をしました。ver.3.1以降をご利用下さい。 Theme checkの必須項目クリア テーマをガイドラインにそった記述かチェックしてくれるプラグインtheme checkの必須項目に抜けの指摘があったので修正しました。 デモページ…

日本語に最適化したミニマルな無料WordPressテーマ「Not so sweet」を公開しました。

フリーのWordPressテーマ「Not so sweet」を公開しました。特徴 ウィジェット、テーマカスタマイザー機能あり レスポンシブ ブログにもポートフォリオサイトにも使えます フリー(無料) フッターの著作権表記不要

WordPressテーマ制作中…

しばらく放置していたWordpressの勉強を再開しました。 練習用にテーマを作りました。 デモページ: store.syofuso.comもう少し直してから、公開予定です。 OGPの設定はテーマに組み込むべきなのか、否か。個別にユーザーが設定した方がいいのかな。HTMLの知…

「持病があっても入れる保険」に入れなかった話

別にがっかりもしていないけれど、なんだか理不尽だなと思った個人的な話です。 勧誘があって周りに勧められたこともあり、申し込もうとしていたのですが、某「持病があっても入れる系」保険(いわゆる引受緩和型医療保険)に入れませんでした。 正確な理由…

「stripe」のページャ(次へボタン)のスタイルを変更しました(ピンクカスタマイズされた方へ)

余白の取り方がおかしいところがあったので、「stripe」のページャ(次へボタン)のスタイルを変更しました。色を変更してない人はとくに何もしなくて大丈夫です。design.syofuso.com 前回の記事で紹介したカスタマイズでピンクに色を変更された方は、コード…

ピンクストライプでガーリーにカスタマイズ(訂正あり)

新しく投稿したはてなブログテーマ「stripe」の当初デザインはピンクのストライプでした。このブログも気分転換にしばらくピンクストライプでいきます。 お色直しのカスタマイズ用CSSコードをまとめました。

はてなブログテーマ「stripe」を公開しました。

stripe - テーマ ストア新しいはてなブログテーマ「stripe」をテーマストアに公開しました。2カラム。レスポンシブデザイン。紺を基調とし、ストライプの下線をアクセントにデザインしました。レイアウトはこのブログとほとんど同じです。デモブログ: blog-…

コードをコピペする前に HTMLの基本 a アンカータグ

ブログをカスタマイズする際に、カスタマイズの解説記事からソースコードをコピペすることがありますよね。 このブログのカスタマイズ記事も参考にして下さってありがたいのですが、時々間違って記事そのままをコピペされてる方を見かけます…。 design.syofu…

自作テーマのススメ/はてなブログテーマ制作の流れなど

テーマ制作のきっかけ 私はid:shiromatakumiさんの記事を読んだことがきっかけで、自分のブログ用の自作テーマを作り、それからはてなブログのテーマストアで公開するテーマ作りを始めました。 CSSではてなブログをカスタマイズしてみよう - NO TITLE自作CSS…

jQueryライブラリのパスの統一

このブログで紹介しているカスタマイズの中にはjQueryを使用しているものがいくつかあるのですが、その紹介の際にjQueryライブラリの読み込み先をはてな版CDNにしていました。(その理由は後述) <script src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.9.1" type="text/javascript"></script> これです。(以前の記事のもの)これを本家のjQuery CDNに…

カテゴリーの数が多くてデザインが崩れる場合の対処と読者になるボタンの設置

テーマ「Minimal Green」をお使いの場合に、記事に設定したカテゴリーの数が多くて被ってデザインが崩れる事があります。 個別にコメント欄などで対応してましたが、質問を下さった方がいらっしゃるのでここで記事にしたいと思います。↓こういう状態のことで…

はてなブログテーマ「Minimal Green」のブログタイトル、エントリータイトルの:hoverの色を変えました

細かい変更なんですが、テーマCSSのブログタイトル、エントリータイトルのオンマウス時(ホバーエフェクト)の色を変えました。 具体的には以下のコードを追加しました。 #title a:hover { color: #666; opacity: 0.7; } .entry-title a:hover { color: #666…

見せたいメニューのみ表示して残りをドロップダウンにするレスポンシブナビゲーション(追記あり)

レスポンシブデザインではナビゲーション・メニューのスマートフォン表示に三本バーのハンバーガーメニューを設置している場合が多いと思います。 私もこのブログや他のサイトでハンバーガーメニューを使用しています。 ハンバーガーメニューは使いにくい… …

将棋ソフト不正使用疑惑問題と一致率の統計的有意性について

将棋棋士三浦弘行九段のソフト使用疑惑が取り沙汰され、色々な人が色々意見を述べています。gattolibero.hatenablog.com id:gattoliberoさんのブログ記事に以下のブックマークコメントを残しました。【99.9%クロ】三浦九段の将棋ソフト不正使用疑惑と将棋連…

勉強お休み中・・・

ちょっと仕事が立て込んで、ブログ更新もwordpressの勉強もお休み中です。ここしばらくテキストエディターではなく会計ソフトとexcelと戦っております。来週明けには落ち着いてるかな。日報エントリでした。

WordPress勉強中…参考テキストなど

WordPressのオリジナルテーマを作りたくて今更ながら勉強中です。 WordPressでブログ作ったりカスタマイズはしていたけれど、WordPressテーマは触ってなかったので基礎からやっています。

はてなサポート窓口からのメールを見落としてブログが非表示になった話

以前、以下のカスタマイズ記事を投稿したのですが、内容についてはてなブログに問い合わせしました。 design.syofuso.com ↓↓修正前の記事: スクロールするとメニューがトップ固定されるカスタマイズです。カスタマイズはこんな感じです。スクロールするとこ…

ロリポップでサブドメインのhttpsリダイレクト除外設定をする

澄風荘のサイトはロリポップを使っているのですが、独自SSLを導入し常時https接続にしています。 ルートディレクトリに以下のように記述した.htaccessを置いています。 httpsへリダイレクトする例 RewriteEngine on RewriteCond %{HTTPS} off RewriteRule ^(…

Facebookシェアボタンのぐるぐる回る不具合について

最新エントリのFacebookシェアボタンのカウント部分が「ぐるぐる回る」不具合について修正があります。 シロマティ (id:shiromatakumi)さんの記事にて解説・修正コードが公開されています。 オリジナルのシェアボタンを使っている方は確認してください。 shi…

HTMLテンプレート「white base」のHTML構造

旅館・飲食店向けの無料HTMLテンプレート「white base」の各パーツごとのHTML構造について説明します。 テンプレートのデモページはこちら↓↓ base.syofuso.com skeletonのグリッド・システム ヘッダーナビゲーション

クレジットカードを導入するかどうかはお店が決めること

一部はてなブログ界隈でクレジットカード決済の実店舗にかかる手数料について話題になっていますね。 cards.hateblo.jp www.kikkafe.nagoya クレジットカードを使うのは「お店に負担だから」… クレジットカード手数料を価格に上乗せするのは規約違反 「~円…

旅館・飲食店向けの無料HTMLテンプレート「white base」

旅館・飲食店向けの無料HTMLテンプレート「white base」 ローカルビジネスに使えるHTMLテンプレートを作りました。 レスポンシブシングルカラムのHTMLテンプレートです。 旅館や飲食店向けに、縦書きのナビゲーション、日本語がきれいに表示されるデザインに…

はてなブログのaboutページをカスタマイズしました。

シロマティ (id:shiromatakumi) さんのaboutページが素敵だったので真似してみました。 shiromatakumi.hatenablog.com 1カラムにするアイデアいただきました。ありがとうございました。↓↓澄風荘Aboutページ↓↓blog.syofuso.com

食べログの点数リセット問題/じゃらん・楽天トラベルのクチコミはどうか

あちらに書くと支障があるかもしれないのでサブブログに書きます。 食べログの点数リセット問題 buzz-plus.com 食べログの点数リセット問題 じゃらん・楽天トラベルのクチコミはどうか クチコミサイトがたどる道

スクロールするとトップに固定するメニュー(はてなブログPro向け)

注意:このカスタマイズははてなブログPro向けです。無料ユーザーがはてなグローバルヘッダーを隠すと規約違反ですのでこのカスタマイズはできません。 スクロールするとトップに固定するメニュー スクロールするとトップにメニューを固定するには以下の①と②…

はてなブログの「記事を書く」「管理画面」へのリンク

はてなブログのグローバルヘッダーにはお知らせや「記事を書く」「管理画面(ダッシュボード)」へのリンクがあって地味に便利ですよね。 ただちょっと遅くなるし、自分のブログらしさを出したいときやデザインの点で邪魔になることがあります。 はてなブロ…

太陽がまぶしかったから さんのパンくずリストプラグインを使っている方向けのCSS調整

(懐かしい組み合わせの素材ですね) デザインテーマ「Minimal Green」を使って下さっている方で、JavaScript版のパンくずリストを導入されてて、カテゴリー表示が崩れているブログをいくつか見ました。 パンくずリストを導入した場合の調整について書きます…

個人事業主のためのホームページ更新方法 FFFTPの使い方

香住で但馬の地域観光やお店のコンサルティングや山陰海岸ジオパークのPRをされている今井ひろこさんのブログで面白い記事が書かれています。 imaihiroko.com 「業者に言ってるんですが、なかなか替えてくれなくて。何回も電話しないと替えてくれないんです…

schema.orgで構造化データマークアップしてGoogleにローカルビジネス情報を伝える

Googleでお店や会社の名前を検索すると検索結果にビジネス情報のパネルが表示されますよね。ナレッジパネルといいます。 ↓これです。 Googleの検索結果に実店舗の所在地や営業時間、メニュー、クチコミ情報、店舗の外観が表示されたらユーザーにとって便利で…