Minimal Green

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

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

以前↓こういう記事を書きました。 design.syofuso.com 9999年の記事に直接HTMLを書き、全文表示にする方法です。

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

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

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

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

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

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

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

小沢健二×SEKAI NO OWARIのコラボで新曲「フクロウの声が聞こえる」が本日9月6日発売になりました。Amazonの事前予約や一部CDショップでは昨日からフライングゲット出来たみたいで、私も昨日届きました。 ジャケットは漫画家の松本大洋さん。 小沢健二のコラ…

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

今まで私が有料カスタマイズサービスでお手伝いをさせていただいたブログのご紹介をさせていただきます。 今回ご紹介するのは、SNSやブログへの言及でカスタマイズサービスのご紹介をして下さったブログです。(掲載許可を頂いていないクライアント様のブロ…

はてなブログ公式の記事下関連記事をカスタマイズ

はてなブログでは6月から記事下に「関連記事」が表示されるようになりました。 記事下に「関連記事」を表示します - はてなブログ開発ブログ今まではJSなどで表示するカスタマイズで対応していましたが、公式のパーツが出来たということで、こちらの方が軽く…

夢かわいい?配色のはてなブログテーマを作りました。

Yumekawa - テーマ ストアTwitterでちょこっと予告してたのですが、夢かわいい配色の新しいデザインテーマを作りました。新しく作ったというより以前作った「stripe」の配色を変えただけなんですけど…。手抜きですみません。あ、でもメニューとかちょっと変…

軽量CSSフレームワークではてなブログの固定ページにグリッドシステムを導入する

はてなブログで固定ページをサイトっぽくカスタマイズするにはどうすればよいか、という話題がTwitterでありました。はてなブログProの固定ページを使えば、WordPressの固定ページのようなデザインも可能です。 ただ、そのままではできないので、やり方をこ…

ポジティブな批判のススメ

昨日、あるはてなブログのエントリーがちょっと炎上したのですが、私はその記事に対してTwitterアカウントで批判しました。健康に関する事柄が間違った科学用語の使い方と偏ったネット記事(ビジネスジャーナル)を基に書かれていたからです。 www.tomoiku.n…

position:absoluteでタイトル横にSNSフォローボタンなどを並べる

ブログのタイトルロゴの右横にSNSフォローボタンが並んでいるレイアウトをWordPressなどではよく見かけますよね。無料テーマなのに超優秀な人気テーマ「simplicity」などもそうですよね。 WordPressの場合は自由にHTMLでヘッダーの構造をいじれるのですが、…

有償で制作した納品物を勝手に他人の制作実績に使われた件

私は有償のカスタマイズサービスをさせていただいておりますが、昨日びっくりすることがありました。 以前ココナラで受けたアメブロカスタマイズのご依頼で制作・納品したヘッダー画像とブログデザインをその依頼されたクライアント様自身の有償カスタマイズ…

「スポンサーリンク」と「スポンサードリンク」はどっちが正しいのか?

Google AdSenseの広告には広告であると明示するラベルを付けることがありますが(必須というわけではないが紛らわしい場所では付けた方がいい)、「スポンサーリンク」とあるサイトもあれば「スポンサードリンク」となっているサイトもありますよね。 AdSens…

HTML/CSSの覚え方 WEB制作に役立つ便利なチートシートまとめ

HTML/CSSを書くとき、「あれ、これ何だったっけ?」ってことがありますよね。私はしょっちゅうありますw そういうとき、ちらっとチートシート(カンペ)を見て効率よく作業を進められるよう、便利なチートシートをまとめました。 似たような記事は既にたく…

ガーリーデザインのための画像を使ったCSSテクニック

最近アメブロカスタマイズのお仕事もご依頼いただくようになってきました。アメブロはサロン経営者の方や女性個人事業主が運営されていることが多く、女性向けの「きれい・かわいい」デザインが求められます。アメブロカスタマイズの紹介は別記事で改めてさ…

トップページカード型のカスタマイズを実装された方は修正して下さい。

前の記事のトップページをカード型にするカスタマイズですが、途中で画像の取得方法を変えたため、スマートフォンやタブレットでの表示が若干おかしくなっていました。 design.syofuso.com 2017年6月4日20:52以前の記事のコードを実装された方はコードを修正…

はてなブログのトップページ一覧形式表示を使ってカード型レイアウトに

ついに、はてなブログでトップページの一覧表示機能ができましたね!最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しい限りです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/archi…

ヘッダー下のおすすめ記事をスマートフォンで横スクロールにするカスタマイズ

ヘッダーの下のおすすめ記事の横並びにするカスタマイズを以前書きました。今回はそれをスマートフォンでは横スクロールで表示するカスタマイズです。 design.syofuso.com スマートフォンで横スクロール HTML CSS 注意点

はてなブログのスマートフォン版をカスタマイズするとき役立つ記事

先日読んだid:codomisu さんの記事が素晴らしかったので、自分も本業ブログのリデザイン、スマホ版のカスタマイズしました。 スマホ版のデザインもPC版とあわせてリニューアルしました。 夏らしさを意識しましたがいかがでしょうか?スマホ版もPC版と同様、c…

Google Adsenseの関連記事ユニット設置のお知らせ

ここ一ヶ月ほどGoogle adsenseを外していました。他の広告ユニットを貼る予定はないのですが、関連記事ユニットのみ記事下に(PR)として貼らせていただきます。 本業ブログと併せてお読みいただけると幸いです。adsense全然貼っていないとGoogleから通知が…

はてなブログのタイトルテキストのみ画像に置換し、スマートフォンでも最適化する方法

はてなブログには標準のタイトル画像アップロード機能がありますが、サイズなど色々制限があり、自由に表現するには少し難しいところもあります。 タイトルまわりの調整 タイトルのみ画像でスマートフォンでも最適化する デザインCSS スマートフォンでピッタ…

はてなブログのトップページをWordPressの固定フロントページっぽくし、ホームページとして活用する方法

Twitterでちょろっと書いたのですが、はてなブログでもWordPressの固定フロントページっぽくビジネスサイト風のトップページを作ることができます。これではてなブログをビジネスサイトやホームページのように活用することができます。 まずはDEMOページをご…

はてなブログのAMP用CSSを書くときの注意点

はてなブログのAMP版のCSSを記述出来るようになりましたね。おかげで今までAMP対応を見送ってた方も見直してAMP対応始めた方も多いと思います。カスタマイズ依頼案件でもAMP対応を依頼されることが多くなりました。 基本的にはPC版のデザインCSSと同じように…

サイドバーの記事一覧モジュールで、変数を用いた高度なカスタマイズをする方法

先日はてなブログのサイドバーモジュールに新しい機能が追加されましたね。 staff.hatenablog.com 何か出来ないかなあと、カスタマイズを試してみました。色々な表現が出来ると思うのですが、今回は以下の2点を取り入れたデザインを作ります。 サイドバーの…

Nコンの課題曲について思うこと 合唱曲が好きなんだ!

NHK全国学校音楽コンクール、Nコンの2017年の課題曲「願いごとの持ち腐れ」(秋元康作詞)の模範演奏がAKB48の選抜メンバーで放映されてから批判が表に出てきました。 dot.asahi.comこうしたNコンの課題曲に対する批判はJ-POP路線が強くなった10年くらい前か…

はてなブログのサイドバーに画像を貼り付ける方法

最近Adobe CCを導入してIllustratorを使っています。なんだかんだ言って有料のソフトウェアは使いやすいですね。解説もネットに多いですし。 印刷物を作る機会が増えて、無料の画像編集ソフトでは限界がありましたが、Adobe CC導入して良かったです。まだ全…

よく使う.htaccessの書き方まとめ 301リダイレクト

スマートフォンサイトを制作してPCサイトとスマートフォンサイトをデバイスによって振り分けるときや、サイトのURLが変わった時にリダイレクト転送する際などに使う.htaccessの書き方についてまとめました。 よく使うけれど、サーバー周りのことはよくわから…

数字表記におすすめのGoogle Font はてなブログの日付にどうぞ

このブログではブログタイトルと日付にGoogle FontのJosefin Sansを指定しています。全体にWeb Fontを指定すると見出しやタイトルなど一部分にフォント指定すると、デザインのアクセントになりおすすめです。今回は日付の表示、数字の表示に最適なGoogle Fon…

ガーリーデザインに使える無料イラスト素材配布サイトまとめ

ガーリーデザインシリーズです。今回はガーリーデザインに使えるイラスト素材配布サイトをまとめてご紹介します。もう既に有名な素材サイトばかりですが、個人的に使いやすくよく利用しているサイトです。参考として、それぞれの配布サイトの素材を組み合わ…

この記事が気に入ったらいいねの代わりに、Twitter、読者登録、Feedlyのフォローボタンを設置するカスタマイズ

記事下のシェアボタンの下にバイラルメディア風の「この記事が気に入ったらフォロー」バナーを置いてみました。 よくWordPressでは見かけますよね。「この記事が気に入ったらいいね!」ボタンは私も澄風荘ブログに置いています。そのデザインを応用して「こ…

 カスタマイズ目次

  • グローバルメニュー
  • シェアボタン
  • 囲み枠
  • ガーリーデザイン
  • ヘッダー周り
  • フッター周り

 はてなブログテーマ制作

 有料カスタマイズサービス

有料にてはてなブログ・アメブロ・WordPressカスタマイズ・制作承っております。

 最新記事