はてなブログのブログメンバー機能とは ユーザー毎に記事下にそれぞれのプロフィール欄を表示する プロフィールのHTML/jQuery はてなブログのブログメンバー機能とははてなブログProには複数人で一つのブログを運営できる「ブログメンバー機能」があります。 help.hatenablog.com このブログメンバー機能を使うとブログオーナー以外のはてなユーザーも記事を書いたり（寄稿者）、デザインの変更やブログの設定を変更したり（管理者）できます。 ブログメンバーの権限は「寄稿者」「編集者」「管理者」と三段階あります。詳しくは上記のはてなブログのヘルプページをご覧ください。 ユーザー毎に記事下にそれぞれのプロフィール欄を表示するさて本題です。複数人のブログメンバーでブログ運営している場合、それぞれのユーザー毎の記事の著者をしっかりアピールしたいですよね。 はてなブログの標準の機能では 記事下

記事下にCTAを設置するカスタマイズを作りましたのでご紹介します。WordPressの有料テーマではよく見かけますね。このカスタマイズははてなブログはもちろん、WordPress、その他のブログサービスでも使えます。 CTAとは 見た目はこんな感じ カスタマイズコード HTML（記事下） CSS スマートフォン用 補足：FontAwesomeの読み込み CTAとはCTAとは「CTA（Call To Action：コールトゥアクション）」の略でWebページ上でユーザーにクリックしてもらうなど行動を起こさせるためのボタンや画像・テキストを意味します。 例えばはてなブログのトップページで言うと この「はてなブログとは」の緑色のボタンがCTAです。 webサイトを作るとき、ユーザーに商品を購入してほしい、お問い合わせしてほしい、など何かしらの目的がある場合が多いと思います。そうしたPRしたいものを

はてなブログの仕様変更？でトップページの記事一覧表示とアーカイブページの日付部分のHTMLが変わっています。先程気付きました。 あああ、トップページの日付デザイン崩れてるう。これは仕様変更やな。直そ。ほとんどのユーザーには影響ないと思いますがって思ったらMinimal Greenのテーマでトップページ記事一覧表示にしてる人は崩れてるううううう #はてなブログ pic.twitter.com/QZA9ErUpC7— Minimal-Green＠はてなブログ (@minimalgreen00) 2017年9月26日 私の制作したテーマ「Minimal Green」では記事ページの日付のデザインを少し変わった丸いデザインにしています。 今までは記事ページの日付のHTMLとアーカイブページのHTMLは違っていたのですが、今回の仕様変更？で同じになっています。timeタグの中身が同じになっているよう

ついに、はてなブログでトップページの一覧表示機能ができましたね！最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しい限りです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/archiveページにJavaScriptでリダイレクトさせたりと無理矢理感があったのですが、これで簡単にトップページを一覧表示で多くの記事をスッキリと表示させることができるようになりました。（ただし、はてなブログProのみ） このブログにも一覧表示を使ってトップページをカード型レイアウトにするカスタマイズをしました。今回ははてなブログで難しいと思われたカード型レイアウトにするカスタマイズをご紹介します。 トップページを一覧形式にする CSS 追記：記事タイトルをサムネイル画像の下に配置する サムネ画像をアイキャッチ画像に置き換える

先日読んだid:codomisu さんの記事が素晴らしかったので、自分も本業ブログのリデザイン、スマホ版のカスタマイズしました。 スマホ版のデザインもPC版とあわせてリニューアルしました。 夏らしさを意識しましたがいかがでしょうか？ スマホ版もPC版と同様、class指定を調べてカスタマイズしていくんですが、先人の知恵を借りたほうが楽に素早く完成できます。今回は自分では記事を書かず、人様の役立つ記事を紹介します。 オリジナルのヘッダーデザイン スマホ版をスッキリおしゃれに見せるには スマホ版に固定フッタメニューをつける はてなブログスマホ版をカスタマイズするときに気をつけること オリジナルのヘッダーデザインスマートフォン版のはてなブログをヘッダー含めオリジナルに作り込むなら、id:codomisu さんのこの記事が丁寧に詳細に書かれています。はてなブログ標準のヘッダーのHTMLで表示される

Twitterでちょろっと書いたのですが、はてなブログでもWordPressの固定フロントページっぽくビジネスサイト風のトップページを作ることができます。これではてなブログをビジネスサイトやホームページのように活用することができます。 まずはDEMOページをご覧ください。（PC向け） [:contents] DEMOページ ※このカスタマイズはdisplay:noneを多用しているため、SEOの観点からはあまりおすすめはできません。どうしてもはてなブログから移転したくなくてはてなブログでホームページが作りたい方向けです。出来れば普通にWordPressでやりましょうｗ seopack.jp 別のやり方を書きました。 blog.minimal-green.com ==== トップページ用の記事を作る トップページからサイドバー・日付などを消してシングルカラムにする サイドバーの最新記事やアー