デザインテーマ

今回は、はてなブログの「デザインテーマ」について学んでいきたいと思います。 前回までの簡単な復習 デザインテーマって何？ デザインテーマは2種類ある テーマはどこで探せるの？ デザインテーマの設定方法は？ どんなテーマにするかでブログの印象は変わる！ 前回までの簡単な復習 現在、「はてなブログアカデミー」ではてなブログの使いこなすコツを学んでいるところです。 hatenablog.com 今学んでいるのは、 コース1「はてなブログへようこそ」コース2「記事を書こう」コース3「自分のブランドをつくろう」 ①ブログに特徴を持たせる ②自分や自分のブログを読み手に紹介する ③ブログをカスタマイズする…

はじめに ヘッダーとフッターをシンプル画像に変更する方法 最後に はじめに 「EST」を始めて使う方は「EST」の使い方をご一読下さい。 okn.hatenablog.jp それでは本題を説明します。 「EST」は背景をカスタマズして楽しめるデザインテーマですが、ヘッダー・フッターの画像がデカすぎるので自分の好みに合わない、と感じている方がいるかも知れません。

週刊はてなブログでは2020年12月25日（金）から2021年2月26日（金）にかけ、「デザインテーマコンテスト」を開催。グラフィックデザインのプラットフォーム「Canva」に賞品提供をいただき、「最優秀賞」、「はてな賞」、「Canva賞」の3つの賞をご用意いたしました。また、参加賞としてテーマを制作した人全員にCanva Proの無料クーポン（3ヶ月分）とレッドスター100個をプレゼントします。 今回は過去最多となる30作品が集まりました。多数のご応募をいただき誠にありがとうございます。また実際にテーマをインストールしてコンテストを盛り上げていただいたユーザーの皆様もありがとうございます。応…

はじめに タイトル下の画像を背景に表示する方法 その他 最後に はじめに 「EST」を始めて使う方は「EST」の使い方をご一読下さい。 okn.hatenablog.jp それでは本題を説明します。 「EST」ではアイキャッチ画像を記事トップに貼り付けることをおススメしてますが、記事の背景にぼかしたアイキャッチ画像を表示すると、奥行き感と迫力がある演出でき、読者の心を引き付ける効果が期待できます。 今回のカスタマイズは「ヘッダーとフッターのメイン画像を非表示にカスタマイズする方法」の変形例にあたるのですが、このような表示を行うためのカスタマズを説明します。

Pro登録後にやっておきたいことは→記事後半←になります。 はてなブログの有料プランである「はてなブログPro」。 私はブログ開設から１年が経過した先月にPro登録を果たしました。……と言っても、お金を払うようになっただけですが。 収益化するならPro登録するべきという意見もありますが、無料版でもGoogleアドセンス（広告）やアフィリエイトプログラムでの収益化が可能な以上、必ずしもPro登録する必要はないかと思います。「無料版だと検索結果の上位に表示されない」といったこともありません。 ブログは100%自己満足でやりたい カスタマイズなんてどうでもいいからとにかく記事を書きたい ブログ運営に…

はじめに ヘッダー・フッターの画像変更方法 ヘッダー・フッターを指定画像に変更する方法 ページの種類毎にヘッダー背景を変更する方法 特定のエントリーページのみ指定の画像に変更する方法 背景画像の効果変更 最後に はじめに 「EST」を始めて使う方は「EST」の使い方をご一読下さい。 okn.hatenablog.jp それでは本題を説明します。 「EST」のヘッダーとフッターは、デフォルトではダミー画像がランダムが表示されるようになってます。 ヘッダーとフッターを好きな画像に変更したい場合は、下記手順でカスタマイズ下さい。

はじめに デザインテーマのインストール トップページが全文形式の場合の注意事項 画像がない場合 画像があり「続きを読む」区切りが無い場合 画像があり「続きを読む」区切りが有る場合 「続きを読む」区切りについて レスポンシブデザインの設定 「EST」のカスタマイズ方法 ヘッダー・フッターを好きな画像に変更する方法 ヘッダーとフッターのメイン画像を非表示にする方法 タイトル下の画像をバックグラウンドに表示する方法 ヘッダーとフッターをシンプル画像に変更する方法 ヘッダーとフッターをモノトーンに変更する方法 ハンバーガーメニューの設定 ハンバーガーメニューに目次を表示する方法 ページ内移動ボタンの設…

はてなブログで簡単にできる設定たちをまとめました。 はてなブログの設定関連の備忘記事が増えてきたので、設定系記事を一覧で見れるようにまとめページを作りました。 ここで紹介している設定は基本的には当ブログのデザインになります💡 当ブログの設定集です 今後ブログ設定関連の記事を書いたらこちらも随時更新していきたいと思いますので、もし当ブログのデザイン気に入ったよーという方がいればこの記事をブックマークやお気に入り等して活用いただけると幸いです。

まずBASEってお金かかるの？ Baseのアカウント登録 ショップ設定 ログインする ショップ登録 Baseショップのデザイン デザインテーマの選択 Baseのロゴ画像の設定 テキストで入力する方法 画像を使う方法 オリジナルのロゴを作成する方法 その他のデザイン設定 背景 ナビゲーション デフォルトのモバイルテーマを使用 商品登録 ショップ設定後、各項目をチェックして公開へ ショップのデザインをもっとこだわりたい。 今回の記事のまとめ こんにちわ。 株式会社インクワイアリー代表の後藤です。 つい先日BASE株式会社が運営するネットショップ作成サービス「BASE（ベイス）」のショップ開設数が、…

子供3人5人家族の家計管理（と雑記）ブログを運営している”ぷろまね”です。今回は「水曜日のモラトリアム」です。はてなブログ無料版のトップページを記事一覧にするまでを書いていきます。

ほとんどはググればトップに出てくるものばかりですが、キーワードを忘れて出会えなくなってしまうこともあるので、以下にまとめます。 デザイン トップページ 記事一覧 カスタマイズ グローバルナビゲーション（メニュー） 見出し 蛍光マーカー（シンタックス・ハイライト） コード 行番号＋１行おきに色を変える パンくずリスト リンク「別ウィンドウで開く」 サイドバーで目次追従 アクセス解析 Google サイトマップ Google Search Console Google アナリティクス Google キーワードプランナー テクニック 自己紹介 アイキャッチ 配色 はてな記法 表 コード 動画 動画を…

適用しているデザインテーマは Minimalism 。 これからBrooklynへ変更予定。

複数ブログを運営していて、また新しいブログを作ってしまいました。 エックスサーバーの新サービスwpXブログ です。 無料でワードプレスが試せるという新サービスですが、何に使ったらよいでしょう？ 今運営しているブログの状況と合わせて考えてみます。 wpXブログとは？ wpXブログ（https://www.wpxblog.jp/ ）はエックスサーバー株式会社の新サービスです。 2021年3月という出来立てほやほやのサービスなので、まだまだ情報が全然ありません。 実際にブログを開設して見て分かったことをまずは紹介します。 無料で始められる 簡単5分で始められる ドメインは「wpxblog.jp」 独…

タイトルで8割書いてるので、あとは補足だけ書く。 サイトはこちら。 cv.kheiakiyama.com 背景 理由1: ビルド遅い問題 Jekyll のビルドが遅すぎてどうにかしたいお気持ち— kheiakiyama (@kheiakiyama) 2021年5月20日 GitHub Actions を使ってビルドしているが、ビルドからデプロイまで、約8分前後の時間がかかっていた。 内容を精査すると、主に Jekyll でビルドするための bundle install に時間が大半を占めていた。 また、 Gemfile が Dependabot に検知される要因になっていて、地味に嫌な感じだっ…

Yokochaです。 はてなブログのデザインテーマを「Cappuccino」にしました。 Yokochaの「ママキャリアノート」 今までは「Undershirt」を使用していました。 フォントや基調のカラーが白で大好きだったのですが、続々とブログ仲間の皆様が「Cappuccino」に変更し、カスタマイズしやすい！という記事を書かれていて、変更することに決めました！ カスタマイズしやすいようにデモサイトやカスタマイズ記事を掲載してくれているので、初心者こそおすすめのテーマです˖✧ 参考URL cappuccino.fuji-blo.com www.fuji-blo.com www.utoutos…

デフォルトのフォントだけで満足？ デザインするなら文字にも凝ろう フリーフォントの導入と設定 どこで見つけるのか フォントを選ぶ注意点 PCにインストールする 使えない場合もある SUMMARIES デフォルトのフォントだけで満足？ PCには何種類のフォントが入っているんでしょうね。 同じ書体のバリエーションを除いても かなりの数です。 フォント名にPがついているものは何だかご存じですか。 通常のフォントは等幅なのでWでもIでも同じ幅になっています。 Pがついているプロポーショナルフォントは 文字によって幅が違います。 フォントのデザインによって 同じポイント（文字サイズ）でも 字の大きさがだ…

ブックマークで数人のお客様からコメントをいただいていたことに、今朝、初めて気が付きました。申し訳ありません！ いえ、このブログを 半年くらい チマチマ書いて来たんですけど、本当に初めて、気が付いたのです。ひー。 本当に、本当に、申し訳ありません！！ ときどき、通知欄を見て、「あっ、記事をブックマークしてくださってる方がいる」とは思っていたのですが。 ブックマークにコメントをいただいた場合はブログに表示されるものだと思い込んでいたため、コメントなしのブックマークだと思っておりました。 気付いたきっかけは、今日、早朝に目が覚めて、のそのそと起きて、なにげなくスマホのアプリ関係などいじって、「はてな…

こんばんは！ この短期間にHTMLとCSSを見過ぎたせいで頭痛が痛いＡ８５です！ 今回はブログの大幅リニューアル完了後初の記事という事で、どういう所を変えたかなど具体的にご紹介していきたいと思います！ デザインテーマやカスタマイズに関して参考にさせていただいたサイトのURLも載せていますので、ご興味のある方はそちらのチェックも是非～！＾▽＾＊ ▽変更点について▽ 全部の変更点を連ねていたら日が暮れてしまいそうなので、特に大きく変えた点を２つに絞ってご紹介致します。 ①デザインテーマを変更 デザインテーマとは『はてなブログ専用のCSS』の事で、公式さんからの配布はもちろん、個人制作で公開されてい…

表題の通り、これまでアルバイトをしていた株式会社はてなを退社し、本日より正社員として株式会社はてなに入社します。それに伴い個人事業主の仕事は大幅に縮小するものの、継続はしますので何かあれば是非DMかお問い合わせフォームにご連絡ください。 節目ということでこれまでのはてなでの仕事（公開されているもの）を軽く振り返りつつ今後の抱負などを語ろうと思います。 株式会社はてなでどんな仕事をしていたの？ コンテンツライター・コンテンツプランナーとして プランナーとして 株式会社はてなで今後何をするの？ はてなの皆さまへ 株式会社はてなでどんな仕事をしていたの？ はてなではこれまでコンテンツライター・プラン…