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

2017/08/10 25 users グリッドシステム Twitter WordPress 話題

2017 - 08 - 10 軽量CSSフレームワークではてなブログの固定ページにグリッドシステムを導入する ブログカスタマイズ CSS はてなブログで固定ページをサイトっぽいレイアウトにするにはどうすればよいか、という話題がTwitterでありました。はてなブログProの固定ページを使えば、WordPressの固定ページのようなデザインも可能です。 ただ、そのままではできないので、やり方をここで... 続きを読む

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

2017/08/03 13 users absolute position 右横 ヘッダー レイアウト

2017 - 08 - 04 position:absoluteでタイトル横にSNSフォローボタンなどを並べる ブログカスタマイズ CSS ブログのタイトルロゴの右横にSNSフォローボタンが並んでいるレイアウトをWordPressなどではよく見かけますよね。無料テーマなのに超優秀な人気テーマ「simplicity」などもそうですよね。 WordPressの場合は自由にHTMLでヘッダーの構造をいじ... 続きを読む

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

2017/06/02 34 users Minimal Green カード型レイアウト CSS 仕様

2017 - 06 - 02 はてなブログのトップページ一覧形式表示を使ってカード型レイアウトに はてなブログ ブログカスタマイズ CSS ついに、はてなブログでトップページの一覧表示機能ができましたね！最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しいです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/ar... 続きを読む

はてなブログのトップページをWordPressの固定フロントページっぽくする方法 - Minimal Green

2017/04/30 27 users Minimal Green WordPress ちょろ 方法

2017 - 04 - 30 はてなブログのトップページをWordPressの固定フロントページっぽくする方法 はてなブログ ブログカスタマイズ CSS HTML Twitterでちょろっと書いたのですが、はてなブログでもWordPressの固定フロントページっぽくビジネスサイト風ののトップページを作ることができます。 まずはDEMOページをご覧ください。（PC向け） DEMOページ トップページ... 続きを読む

ガーリーなデザインの見出しのCSS　はてなブログへコピペで使えます。 - Minimal Green

2017/03/11 39 users CSS コピペ 見出し Minimal Green 大見出し

2017 - 03 - 11 ガーリー見出しのデザインCSS　はてなブログへコピペで使えます。 ガーリーデザイン ブログカスタマイズ CSS ガーリーデザインシリーズです。 http://design.syofuso.com/girly-share-buttons とあわせてお使いいただくと良いかと存じます。 以下ははてなブログの大見出し（h3）のclass指定にあわせていますが、セレクタを変更す... 続きを読む

flexboxで横並び　ヘッダー下におすすめ記事を並べるカスタマイズ - Minimal Green

2017/02/02 17 users ファーストビュー Page Analytics 過去 ブログ

2017 - 02 - 03 flexboxで横並び　ヘッダー下におすすめ記事を並べるカスタマイズ ブログカスタマイズ CSS ブログのヘッダー下におすすめ記事を4つ（PC）並べるカスタマイズをしました。過去の記事で読んで欲しいおすすめ記事やブログに初めて訪れた人にまず読んで欲しい記事をピックアップしてファーストビューに表示することが出来ます。「 Page Analytics 」によるとそこそこク... 続きを読む