BLOG

BLOG

カラーパレット生成サービス『Khroma』の使い方

『Khroma』とは、表示された色の中から好きな色を50色選ぶとAIが自動でカラーパレットを生成してくれる配色サービスです。
BLOG

【Cocoon】ヘッダー下のカルーセルをカスタマイズする方法

Cocoonでヘッダー下のカルーセルをカスタマイズする方法を紹介します。今回紹介するのは記事の余白を取る、記事の画像、前のページと次のページのボタン、スライドのドットの色変更、記事タイトルのデザイン変更についてです。
BLOG

はてなブログのサイドバーカスタマイズあれこれ

はてなブログのサイドバーのカスタマイズ方法をまとめました。 見出しにFontawesomeアイコンを適用する Fontawesomeを利用するためには、下のサイトに登録後自分専用のコードを入手し、 設定>詳細設定>headに要素を追加 の欄...
BLOG

はてなブログでリストのデザインをカスタマイズする方法

はてなブログの目次の項目は「.entry-content .table-of-contents li」でデザイン変更できますが、このセレクタでは目次しか編集できません。 試しに「.entry-content 」を外して「.table-of-...
BLOG

はてなブログのデザインCSS対応セレクタまとめ

はてなブログのデザイン>スパナマーク>デザインCSSで、このセレクタ(.◯◯{ 〜)を編集するとここのデザインが変わる、というのを上から順にまとめていきます。 ※このブログでは、レスポンシブデザインを設定しています。 カテゴリのラベ...
BLOG

デフォルトの検索フォームとは別にオリジナルの検索フォームを設置する方法

はてなブログのサイドバーにはデフォルトで検索フォームが設置されていますが、元々のやつとは別に新しい検索フォームを作ってカスタマイズする方法です。 HTMLでサイドバーに検索フォームを表示する デザイン>サイドバー>「モジュールを追加」をクリ...
BLOG

ExcelやGoogleスプレッドシートで作成した表をはてなブログの記事に貼り付ける方法

①ExcelかGoogleスプレッドシートで表を作成する   ②下記のサイトにアクセスする styleme.jp ③「STEP1. エクセルとかからCSV(TSV)をコピーして貼り付け」に、作成した表を貼り付ける ④「STEP2. オプ...