はてなブログテーマ

Google Search Consoleからモバイルユーザビリティ問題のメールを届きました。 左サイドバー→エクスペリエンス→モバイルユーザビリティ エラー テキストが小さすぎて読めません エラー クリック可能な要素同士が近すぎます エラー コンテンツの幅が画面の幅を超えています詳細の「テキストが小さすぎて読めません」をクリックして、下の「例」URLの検査をすると、「このページはモバイルフレンドリーではありません」と表示されます。 それで「モバイルフレンドリー」を調べたところ、はてなブログでは難しいというブログがありました。・はてなブログで、モバイルフレドリーに関するエラーが出る主要な2つの…

はてなブログのテーマ選び。種類豊富で迷いますよね。 私の希望は見やすさ、使いやすさ、かわいらさ、を重視しつつかつ軽いもの。 ということで今回自分のメインブログのテーマをHaruniに変更。 備忘録も兼ねてその変更点をまとめます。 2021-01-10公開/リライト2022-07-04 今回変更した私のメインブログはこちら www.misublog.com 変更前はこちら 変更後 そのままで可愛い 見出し 目次 カテゴリ テーマ変更で問題が起こった場合 スマホ版で画像が縦に伸びる問題 サイドバーが落ちる場合 ボタンのカスタマイズ シェアボタン フォローボタン ヘッダー画像 ヘッダーの上下の余白を…

はてなブログテーマ「さくら」 本日、はてなブログ無料テーマ「さくら」を公開しました。「こもれび差し込む森の木の葉」、「ひので」に次ぐ3作目となります。インストールはこちらからどうぞ。サンプルサイトはこちらです。

こんにちは、情報系大学生のハル（Blog_IT_haru）です。 今回は、以下のように考えている方に向けての記事です。 はてなブログのテーマを変更したいけど、インストールまではしたくない・・・ インストールすると、デザインCSSが消えちゃうんでしょ・・・ 今回は、それを解決していくよ！

はてなブログやWordPressでは、テーマをインストールすることでWEBデザインの知識がなくてもデザインされた見た目の良いブログを誰でも簡単につくることができますね。 しかし、知識がないからこそ問題が発生したときの解決方法が分かりません。 今回は私が直面した【ウインドウの幅が変わった時にCSSが効かなくなる（非表示になる）】問題について、どのように悩み、結局の原因は何であったのかをご紹介しようと思います。 問題発生の原因と解決方法 問題に気付いたきっかけ 問題が起きている原因を考えた 解決方法を想定した 具体的にはどうすれば良いのか？ 検索で17件のコードが引っかかった 目当てのコードをデベ…

こんにちは。AKIです。約一週間ぶりの投稿です。投稿の間隔が一週間なのを長く感じるかどうかは書いている人次第なんだと思いますが、半年以上こまめに記事を書いてきた僕にとってはそれなりに長い一週間でした。 じゃあ、一週間もの間に僕が何をしていたかというのは、いつも遊びに来てくれる読者さんたちなら既にお気づきかと思います。 そうです。いよいよ変えました。ブログのデザインを思い切って変えてみたんです。 今週のお題「やる気が出ない」× はてなブログ デザインを変えようと思った理由は以前の記事に書きました。 hajimarikokokara.hatenadiary.com 余計なカスタマイズを断捨離するの…

ブログのデザインであるブログのテーマ。 はてなブログでも多くのテーマが存在ます。このブログのテーマは「Smooth」というテーマなのですが、少し前からスマホ用の画面の上側にブログタイトルとはてなブックマークボタンが現れるようになりました。 はてなブログのテーマSmoothのデザインが変わった？-スマートフォン用デザイン上部にブックマークが現る 見出しのアンダーラインの変更 トグルメニューの位置を変更 はてなブログPROの紹介 終わりに はてなブログのテーマSmoothのデザインが変わった？-スマートフォン用デザイン上部にブックマークが現る はてなブログ全体のデザインが変更されたのか、「Smoo…

ログをとるために生きている旧タイトル「30代ニート・北国育ちの生活ログ」 なんか冷静に考えたら社会的にヤバいやつだと思われるかなと思って （実際そうだけど） もう少しマイルドなタイトルにした。こちらの記事で色は使いすぎない方が良いと知り 「ノンデザイナーズ・デザインブック」か、何かの記事で素人がWebサイトを作成する時は、ベースカラー、メインカラー、アクセントカラーの3色で作成するといい感じの見た目になると読んだ記憶があったのではてなブログテーマ「Brooklyn」をカスタマイズしました！CSSコピペOKです！ - ヒロログデザインは基本ダークモードみたいな色がいいなと思ってて はてなにデフォ…

横幅いっぱいにできるだけでなく、余白も消えます！ 色々な記事見たのにできないよーって方に救済を。思ったよりずっと簡単です。

皆さんこんにちは！コーポレイトIT室（通称：CIT）でブランディングチームに所属しているmaripigです。 2019年からスタートしたこの技術ブログColorfulBulletですが、私たちの所属するバレットグループ株式会社が来年10周年という節目を迎えるにあたりこちらのブログデザインを一新することになりました^^ 今回は本ブログのリニューアルを担当した私が、「コンセプト設計」と「はてなブログテーマのカスタマイズ方法」に焦点をあててお話ししたいと思います。 コンセプト設計 まずはキーワードを整理 リニューアルの方向性として挙げられていた要望 変更点として意識したいと思ったポイント イメージの…

今ご覧いただいているテーマは自分で作ったテーマです。HTMLもCSSもわからない普通の主婦が、本を片手に作ったものなのでまだまだ手直しが必要かもしれませんが、一応形になってきました。 自作のテーマを作るメリットとしては 自分の好きなデザインにできる はてなブログの構造を知れる HTMLやCSSの実践ができる ということではないでしょうか。 私の場合は、HTMLもCSSも今まで勉強したことがなかったので、本当に1つ1つがとても時間がかかりますが、できた時の嬉しさはとても楽しいものがあります。 ということで、今回ははてなブログの自作テーマを作る手順を振り返ってみることにしました。 自作テーマに必要…

ようこそ！当ブログ「猫と暮らす家」にご訪問いただき、誠にありがとうございます。 はてなブログでは、気まぐれ雑記ブログ「Capricious Notes」もやっています。ぜひこちらにもお立ち寄りください！ 今週のお題「おすすめブログ紹介」 はてなブログ一周年記念 スポンサーリンク (adsbygoogle = window.adsbygoogle || []).push({}); はてなブログ開設から１年が経ちました 金銭価値では測れない貴重な経験 お世話になった先輩ブロガーさんたち はてなブログデザインのカスタマイズ はてなブログ継続に勇気とエールをありがとう 猫ブログのお仲間 アラカンですけ…

Hello,anyone here? タカラガイ博士です。 2019年に作った1年でやりたいことリストを作ってから早3年。。。3年。。。 何も反省せずに3年も！！！！ 3年も！！！！ 月日を無駄にしてしまったので、今、ここで2020年と2021年を合わせて振り返りたいと思います。 皆さんも是非、自分に当てはまるかなあなど考えながら2年間を振り返ってみてください。 ついでに、次回2022年8月～2023年8月までのやりたいことリストを作りたいと思います。 これはガチめに作りたいと思うので、節約リストや資産系リストや下ネタリストやエロテロリストなど、 人間ですから下衆な一面もちゃんとしっかり含めた…

今週のお題「人生最大のピンチ」 久しぶりの投稿♪ 今週のはてなブログテーマ人生最大のピンチ 子育てブログとしてすぐに浮かんだのは５、６年前の初夏… 長女が車内で車の鍵で遊び、私がドアを閉めた瞬間に鍵を閉めてしまった事！！ あれは焦りましたねぇぇぇぇぇぇ今思い出してもゾッとする。 かなりゆるゆる育児の私。鍵を持たせない方が良いとは思っていたものの、大人しくチャイルドシートに乗ってくれるならいいか… と、鍵をガチャガチャさせて遊ばせたまま後部座席のチャイルドシートに乗せました。 そして鍵を回収するのを忘れて扉を閉めた瞬間…‼︎ 「ガチャッ」 え？ え？ 開かない！ テンパるテンパる… テンパるテン…

こんにちは、はね子です。 7月入った頃にこのブログも何気に100記事超えてるんだなぁとふと感慨深くなりました。実はこのブログ、始めてから2年近く経ってるんです。年数考えると記事数は少ないですが、趣味で好きな時にしか更新しないのでこんなものかと。収益化させる気もありませんしね（一応補足しておくと、このブログに付いている広告は無料版はてなブログの初期装備です。個人の収益には還元されない広告になります。詳しくははてなブログ個人営利利用ガイドライン（2019年10月1日施行）を参照）。 さて、そんなふうにブログを見つめ直すと、思いのほか愛着も湧いてきた今日この頃。この機にもう少し見栄えを良くしようと改…

はてなブログテーマ「Color Book」を作りました。 Color Book - テーマ ストア テーマの特徴はデモブログにくわしく書いているので、 ここでは簡単に解説したあと、なぜ作ったのかを書いていきたいと思います。 はてなブログテーマ「Color Book」の特徴。 なぜ作った？ デフォルトでデザインがあまり付いていなく、自分好みのデザインを付けられる。 ブログらしいオーソドックスなデザインで、アイキャッチ画像が大きめ。 ヘッダー画像がレスポンシブ対応。 テーマ名について。 どうやって作った？ グローバルナビは？ はてなブログテーマ「Color Book」の特徴。 Color Book…

はてなブログテーマ「Color Book」の基本カスタマイズ方法を解説していきます。 参照までに、カスタマイズしたブログ↓ https://www.nijinokosodate.com/ 基本設定。 ヘッダー画像を設定しよう。 背景色または背景画像を設定しよう。 カテゴリーの背景色と文字色を変えよう。 見出しにデザインを付けよう。 目次にデザインを付けよう。 基本設定。 まずは基本設定です。 「設定」→「詳細設定」 トップページの表示形式を「一覧形式」にします。 （無料版の方はこれできないので飛ばしてください） 次に、「デザイン」→「スマーとフォン」→「詳細設定」の「レスポンシブデザイン」にチ…

はてなブログテーマ「Color Book」にグローバルナビを設置する方法を解説していきます。 できあがりはこんな感じです↓ パソコン画面 スマホ画面 スマホ画面、メニューを開いたところ jQueryを読み込む。 HTML、jQueryをコピペ。 メニュー名とリンク先を変更。 メニューの数を増やしたり減らしたりするには。 グローバルナビの色を変えるには。 グローバルナビの文字の大きさを変えるには。 jQueryを読み込む。 まずjQueryを読み込みます。 （すでに読み込んでいる人は、ここは飛ばしてください。） ダッシュボードの「設定」→「詳細設定」→「head要素にメタデータを追加」 ここに下…

最終更新日：2023.3.25 「246blog」の全12カテゴリ59記事（2nd Life vol.1～59）をカテゴリ別に一覧しています。 ランキング参加中【公式】2022年開設ブログ Well-Being Asset Building Blog Creation Artist Date Amazing Meal Basketball Project333 modoki Glamorous Camping Liberal Arts SR 信長の野望 父が娘に伝える大日本帝国物語 「246blog」の全12カテゴリ