タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
【0からはじめるブログデザイン】CSS初心者でも活用できるこだわりデザインカスタマイズの記事を集めました！ - 週刊はてなブログ
はてなブログでは現在「デザインテーマコンテスト」を開催中です！ そこでCSSに馴染みのない方も挑戦しやすいよう「0からはじめるブログデザイン」と題し、簡単なデザインカスタマイズからデザインテーマ作成まではてなブロガーさんのアイデアが詰まった記事をご紹介する連載を始めます。 第1回となる今回は、CSSって難しそう……と感じている方に向けて、簡単な「デザインカスタマイズ」を紹介した記事を集めました！ ほとんどがCSS初心者も活用できるものばかり。是非参考にしてみてください。 記事の印象をガラッと変える、オリジナル目次の作り方 記事のアピールポイントを好きな色で強調 ブログにおいてユーザーが一番目にするものといえば文字！ 文字を自分の好みにカスタマイズする方法 人気テーマの作者が紹介する「サイドバーカスタマイズ」 【超個性派】CSSの知識0、コピペのみで行ったオリジナルブログデザインの制作過程を
WordPressブロックテーマで一新された、ブログデザインと制作フロー 2023年12月に、このブログのWordPressテーマをリニューアルしました。 その際、あえてこれまでのWordPressテーマ制作手法と違う手法で制作したため、この記事では新しいWordPressのテーマ形式である「ブロックテーマ」について解説をします。 今回のWordPressテーマ制作手法 今回のブログリニューアルの際に、あえて行った手法は以下の通りです。 これまで主流だったクラシックテーマではなく、これから主流になる（と思われる）ブロックテーマと呼ばれる新しいテーマ制作手法で制作する FigmaやAdobe XDのようなデザインツールを使用しない WordPressのフルサイト編集機能でデザインする HTMLとCSSを書いてからWordPressテーマに変換しない functions.php にコードを追加
こんにちは、カワルンです。 お気づきの方もいらっしゃるかもしれませんが、ブログテーマを変えました！ はてなブログのテーマ『Neumorphism（ニューモーフィズム）』です。 ▷ Neumorphism - テーマ ストア 今日はテーマ「ニューモーフィズム」について紹介します。 カスタマイズ方法はこちら はてなブログテーマ「Neumorphism（ニューモーフィズム）」のデザイン変更まとめ - 書く、走る。 はてなブログテーマ「ニューモーフィズム」 Neumorphism（ニューモーフィズム）とは 変更の決め手 デザイン性の高さ レスポンシブデザイン対応 作成者さんがカスタマイズ方法をアップ おわりに <スポンサーリンク> はてなブログテーマ「ニューモーフィズム」 ある日Twitterを見ていたら ブログカスタマイズのときに参考にしている フジブロっ！のフジグチさんが 新しくブログテーマを
【0からはじめるブログデザイン】はてなのデザイナーはデザインテーマをどう作った？テキストインタビューで深掘り！ - 週刊はてなブログ
はてなブログでは2021年2月26日（金）まで「デザインテーマコンテスト」を開催中です！ そこで「0からはじめるブログデザイン」と題し簡単なデザインカスタマイズからデザインテーマ作成まではてなブロガーさんのアイディア詰まった記事をご紹介する連載をしています。 第3回となる今回は、はてなでデザイナーとして働くid:k_44hawk さんと id:ueday さんにはてなブログのデザインの作成方法からこだわりポイントまでじっくりテキストインタビューで聞きました。 ぜひデザインテーマ作成やデザインカスタマイズの参考にしてみてください！ はてなブログの公式デザインテーマ、どんなところにこだわって作られている？ ──これまで作成したテーマの中で最もよくインストールされている公式テーマを教えてください。 k_44hawkさん 現在、公式のデフォルトテーマ（初期設定のテーマ）として使用されている「Smo
【0からはじめるブログデザイン】はじめてのデザインテーマ作成、 はてなブロガーたちがやったこととは？ - 週刊はてなブログ
はてなブログでは2021年2月26日（金）まで「デザインテーマコンテスト」を開催中です！ そこで「0からはじめるブログデザイン」と題し簡単なデザインカスタマイズからデザインテーマ作成まではてなブロガーさんのアイディア詰まった記事をご紹介する連載をしています。 第2回は「デザインテーマを作ってみたい」と考えている方に向けて、「CSS初心者さんが参考にしたサイトまとめ」から「デザインテーマの制作の工程」までさまざまな記事をピックアップしました！ はてなブログのデザインテーマストアには、プロのデザイナーさんはもちろん、CSS初心者の方もたくさんテーマを投稿されています。 「CSSって難しそう……」と感じている方も、まずは記事を見て、作業の流れのイメージを膨らませてみてはどうでしょうか？ CSS初心者さんがデザインテーマを作るときに参考にしたサイトとは？ www.bambi.pro 私はまずはこの
現在のテーマ「Afternoon」だとカスタマイズに限界があるので、テーマを変えてブログデザインを変更することにしました。 テーマを変更すると、現在設定しているCSSをそのままコピペしても、同じデザインならないのがあります。 ブログを更新しながらデザインを変更しようと思いましたが、時間がかかりそうなので、年末年始のお休みの間に変更することにしました。 デザイン変更後は、カスタマイズのまとめ記事を更新する予定なので、またご訪問してくださると嬉しいです♪ 今回の記事が2020年最後の記事となります。 「ちょこっとぶろぐ」は開設してからもうすぐ1年となり、最近は嬉しいことに読者さんが増えて、久しぶりにブックマークで新着エントリーしました☆ 今まで続けてこられたのも、新着エントリーしたのも読者さんのおかげです！ Nakako いつも感謝しています♪ 言葉で表現するのが下手なので、ブログを更新するの
【終了】今週後半の注目セール！プログラミングやWEB・ブログデザインを学べる本がまとめて50%OFF：HTML5、CSS、Python、Android/iPhone、Ruby、Excelマクロ・VBAなど多ジャンルが対象：5月16日まで：Kindle│しねんたい
【終了】今週後半の注目セール！プログラミングやWEB・ブログデザインを学べる本がまとめて50%OFF：HTML5、CSS、Python、Android/iPhone、Ruby、Excelマクロ・VBAなど多ジャンルが対象：5月16日まで：Kindle 2019/05/13. Amazon 2019, Amazon本・Kindle, SBクリエイティブ, プログラミング・WEB・コンピュータ, 技術書 HOMEAmazon【終了】今週後半の注目セール！プログラミングやWEB・ブログデザインを学べる本がまとめて50%OFF：HTML5、CSS、Python、Android/iPhone、Ruby、Excelマクロ・VBAなど多ジャンルが対象：5月16日まで：Kindle
こんにちは。AKIです。約一週間ぶりの投稿です。投稿の間隔が一週間なのを長く感じるかどうかは書いている人次第なんだと思いますが、半年以上こまめに記事を書いてきた僕にとってはそれなりに長い一週間でした。 じゃあ、一週間もの間に僕が何をしていたかというのは、いつも遊びに来てくれる読者さんたちなら既にお気づきかと思います。 そうです。いよいよ変えました。ブログのデザインを思い切って変えてみたんです。 今週のお題「やる気が出ない」× はてなブログ デザインを変えようと思った理由は以前の記事に書きました。 hajimarikokokara.hatenadiary.com 余計なカスタマイズを断捨離するのが目的です。散らかったままのデザインがどうにもこうにも嫌で嫌で仕方なかったんです。かなり前からそう思っていたのを騙し騙し続けていたのですが、ついには記事を書く気が起きなくなるところまで来ていました。
ブログデザインにもオススメ！デザインの4大原則とは？
それがブログであるならば、まずは「見やすく・わかりやすい」を目指すのが良いでしょう。 でも、そう言われてもどうしたら良いかわからないかもしれません。 そこであなたにぜひ知って頂きたいのが、グラフィックなど視覚情報系のデザイナーが必ず学ぶ「デザイン(レイアウト)の4大原則」です。 この原則を理解して「見やすく・わかりやすい」モノが作れるようになりましょう！ 上の図をご覧ください。 左側は必要な要素は用意できています。 しかし「ただ置いただけ」のように見え、情報が多いわけではないのにごちゃごちゃして感じますね。 これは読者の視点があちこち飛ぶことになるので、負荷がかかり認識しづらくなっているのです。 これを修正するのが文字通り「整列」することです。 バラバラな位置関係を合わせて行き、例えばイラストならば一つのイラストを基準として2つ目もそろえる。 文字のブロックもイラストから少し余白を取りつつ
みなさん、こんばんは。 誠に勝手ではございますが、 ブログ名を変更させて頂きました。 今までは、はてなブログ開設時にサンプルとして自動生成されたt0zawa's blogと言うブログ名でしたが、よりシンプルで覚えてもらいやすい名前が良いなと感じてトザワブログに変更しました。 ほぼ、英語からカタカナにしただけですが、 個人的には気に入ってます。 ブログ名を変更にともない、ブログのトップページデザインやブログアイコンも変更しました。デザインも「よりシンプル」を表現できたと自己満足してます。 ブログアイコンは前回、プロクリエイトというiPadアプリで描きましたが、今回はアドビのイラストレーターiPadのアプリで作りました。寝る前の5分くらいでしょうか、副業の夜勤日以外に毎日コツコツと３か月以上かかった気がします。 少ない時間でも毎日コツコツ作戦で、 すごく時間かかりましが完成することができました
こんにちは、ゆーんです。 先日、ブログのデザインが総崩れ致しました。 信じたくないけど どうやらテーマをデフォルトに 変更してしまったっぽい。 信じたくないけど。 、、、 え、ミニマリズムのカスタマイズ 1からやり直し、、、？？？ (；ﾟдﾟ)— ゆーん (@xoyu_nxo) 2019年8月21日 どのように崩壊したのかというと ブログのフォントがすべて明朝体？になった タイトル下のメニューバーが消え、文字だけ残った 記事一覧のデザインもすべて崩れた テーマを元の「ミニマリズム」に戻せば良いのかと思いましたが、テーマを変更しようと出てくるテーマをインストールすると、現在設定されているテーマ、デザインCSS、背景画像が破棄されますの文字。 これにビビってしまい、結局何もせずままとりあえず寝ました（午前０:３８）。 ところ、翌日みにまる＠うれしデザイン (@ureshidesign) 様から
こんにちは。 私は疲れ果てています。 たかがブログのデザインを変更するだけで、もうどのくらいの時間を費やしたでしょうか…。 そもそも何を思ったのか『はてなプロ』に変更した事から全ては始まりました。 まずブログにカテゴリー一覧を表示し、スマホ版にもカテゴリーバーを追加するのに2時間。 パソコン音痴の私、たったこれだけの作業ですでに100のうちのライフを80消費してしまったため、体力回復のため一旦放置。 それから6日経ち、やっと重いパソコンを開きいよいよブログのデザイン変更を試みる。 とりあえずナビゲーションバーを設置したかったため他の方のブログを参考にしようと熟読するも、CSSだのH.I.Sだの意味の分からない専門用語やコードの羅列ばかりされており理解不能。 ヘッダ？フッタ？ ブッタの事？ 小学校の図書館で手塚治虫の漫画を読んだ記憶しかありません。 そもそも『ページャ』の事を、ずっと"ページ
9か月目 はてなブログPro 運営報告 ブログデザイン「Neumorphism」に変更 写真圧縮に苦戦 おかげさまで読者300人越え - 花を育てるように、雑記を育てています
愛するステキなあなたへ こんにちは めるママっくすです いつも応援いただき本当にありがとうございます 励みになっております そして、読者様がなんと300人超えました 本当にうれしいです ブログを始めたばかりの方からすごい方まで様々な方が登録してくださり、感謝しています ともにがんばり（顔晴り）ましょう❣ ブログデザイン「Neumorphism」に変更しました ブログデザインを変更しようと思ったきっかけ 写真圧縮に苦戦 iphone写真圧縮には「LINE」を使うことを試しています 先月の「花を育てるように、雑記を育てています」ブログ 先月の「メルカリ情報発信ブログ」 まとめ ブログデザイン「Neumorphism」に変更しました ブログデザインを変更しようと思ったきっかけ ↑の画像は「メルカリ情報発信ブログ」の新しいデザインです 以前から、おススメ記事を上に表示させたいと思っていました す
ブログ初心者はブログのデザインは気にするな！ひたらすら記事を書くのだ！ …なんてことを言われていますが、そうは言ってもいじりたいですよね。 ブログまだまだ修行中！わからないことだらけ！にゃもでございます。 私は記事づくりの合間に気分転換がわりにちょこちょこいじっています。 ひたすらデザインづくりしてるのはダメですが、合間にちょびっとくらい…いいですよね？ 今回は私がデザインをちょちょっといじる時に活用しているおすすめのお役立ちサイトを5つご紹介します。 難しいことはよくわからない初心者の私が使えるサイトなので、同じ初心者の方にもお役立ちになるサイトです。 Canva：アイキャッチ・ヘッダなどの画像作成 Pixabay：商用利用OKの無料画像サイト Unsplash：商用利用OKの無料画像サイト サルワカ：HTML・CSSほかお役立ち 和色大辞典：和色のカラーコード検索 ブログの実験にサブブ
タイトルの通り、ブログデザイン変更しました(唐突) ちなみに、モバイル版のほうを変更しました。参考にさせていただいたのはひつじの雑記帳さんです。 当ブログは6:4で、モバイルとPCからのアクセスがあるので、モバイル版のデザイン変更はある程度の効果が見込まれます。 PC版についてもそのうちやります(やるとはいってない) 記事投稿は約1か月ほどお休みしてましたが、特に変わりなく過ごしていました。 1ヶ月の間に色々と買い物したりしたので、これからボチボチ記事にしていきたいと思います。 まぁ、主に給付金を糧に購入したこちらが届いて、ずっと遊んでいたのが記事投稿が滞った原因なんですけどね😅 これからもよろしくお願いします🙏🙏🙏
先日、記事に書いた通り、ブログデザインを変更してみました。 「トライしやすいブログ」にトライです。 つまり、読みやすいブログ、書きやすいブログを目指したいと思います。 文字のコントラスト具合はそのままに、文字の大きさと、すっきり画面を意識して選びました。 ブログデザインを変えてみました 旧ブログデザインは Aero 。はてなブログの公式テーマです。 Aero - テーマ ストア 新ブログデザインは Brooklyn 。はてなブログユーザーが作成したデザインテーマなので、インストールが必要です。また、見本（サンプル）のページもあります。 Brooklyn - テーマ ストア サンプルエントリー - Brooklyn 新旧ブログデザインの比較 外観 旧と新のデザインをスクリーンショットした画像を並べてみます。 新旧ブログデザイン 並べて比較 旧は青い背景があって記事枠に文字が並びます。同じ画面
ブログデザイン｜アイコンを表示してサイドバーをおしゃれに！CSSコピペOK - Simple Life Navi
はてなブログでは、ブログの画面表示について、いろいろ表示上のカスタマイズをすることができます。 ブログのカスタマイズをするとき、アイコンを使ってカスタマイズして、おしゃれな表示にしたいと考えたことはありませんか？ でもどうやったらできるのかよくわからないという方もいらっしゃると思います。 そこで、今回はわたしもしている、サイドバーにアイコンを表示させるカスタマイズについてご紹介します。 この記事はこんな方におすすめ はてなブログユーザー初心者 サイドバーの見た目をおしゃれにデザインしてみたい方 サイドバーの見た目をデザインする サイドバーに無料のアイコンフォントを表示しておしゃれに見せる CSSを利用してサイドバーにアイコンフォントを表示する方法 貼り付けるCSSコード CSSコードを貼り付ける場所 アイコンを変更したくなったらいつでも変更できる サイドバーにアイコンフォントを表示してブロ
どうも、ぽん吉です✋ 私は目標としていた100記事を書いたあとに もう少しかわいいデザインのブログにしたいな と思いました。 「いやいや、ブログはデザインより中身っしょ！」 という方は必要ないので、そっと閉じてくださいね（笑） 確かにその通りです。 ブログなので記事を書かなくては読んでもらえないので。 でも、大学ノートに日記を書くよりお気に入りのかわいい日記帳に書きたいんですよ。 指定の無機質な鉛筆じゃなくて、キラキラのシャーペンで勉強したいんですよ。 そう…中身より見た目を意識してしまう私です😅 ママブロガーの中で話題になった月間アーカイブもそうですが、おそらく皆さん多忙なので時間がないと思うんです。 なので、SEでもなんでもない初心者の私でも簡単にはてなブログのデザインができた方法を紹介します✨ それは レスポンシブデザイン対応のテーマに変えること！ はい、でたーー💦 横文字のカタ
はてなブログ グローバルメニュー SEO対策 こんにちは。 4児パパです。 ブログを毎日書きつつ、色々な事をやっている日々です。その中でも最近避けて通ってきましたブログデザインをやっています。 『グローバルメニュー』はSEOにも重要で読者の回遊性を保ちます。 参考になれば幸いです。 はてなブログ初心者でも再現性のあるグローバルメニューをいじっております。色んな方の記事を参考にしつつも、実装して確認。なんか楽しくなってきた。 今から『グローバルメニュー』について、記事を書きます。グローバルリンクはSEOにも適しています。 初心者の方でも参考になる様、努めます😊 — ４児パパ (@ARTS_papa) 2019年8月6日 はてなブログ初心者でも再現性のあるグローバルメニューをいじっております。色んな方の記事を参考にしつつも、実装して確認。なんか楽しくなってきた。 今から『グローバルメニュー』
【著者プロフィール】 ▶︎ WEBマスター歴20年以上／元WEBデザイナー（出版社のHPなど） ▶︎ WordPress構築歴は10年以上 ▶︎ 資格：ネットショップ実務士レベル1／基礎心理カウンセラー ▶︎ WordPress構築最適化・テーマの活用方法・アフィリエイトブログの作り方など発信 ▶︎ ブログ収入は1000万円以上を達成しています。 ▶︎ 掲載しているノウハウ・結果には個人差があり、成果を保証するものではありません ▶︎ 趣味：ブログ・音楽・筋トレなど
ブログデザイン変えてみました。 みなさん、こんにちは「もう、沈黙はしない」を出版した矢川冬です。１年半続いたブログデザインですが、変えてみました。 昨日、Mさん(id:MT6538)のブログをのぞいてみましたら、続けていらっしゃるではありませんか。Mさんはブログをしばらく止めたと勘違いしていた私ですが、proを無料版に移すとおしゃっていただけで、ブログを書く頻度を少なくしていただけでした。良かった！ studysuppliment.hatenablog.com で、とても可愛らしいイラストやアニメーションを駆使して、proと変わらない出来栄えでした。素敵でした。 で、私も、やってみようと思い立ちました。 Mさんのブログをヒントにさせていただきます。 これから学んでいきますが、今日のところはショボイセンスで失礼します。 ぬかみそ漬けで腸活を ホーム（女性のための自立支援シェルター）では、自炊
はい、どーも！様々なモノ、コトをマーケティングした、ライフスタイル情報を発信する「シャケマ！ブログ」筆者のシャケマです！約2～3ヶ月前にブログを始めて100記事達成のブログを書きましたが、 この度は110記事を達成することができました！自己紹介などを含むトータル記事数ですと126記事にも及びます！ しかし、私のいままでの更新頻度からですと、通常1.5ヶ月程で達成出来ていたかと思うのですが、今回はかなり時間を要してしました。 では、なぜこんなに時間を要したのか？といいますと、そうシャケマ！ブログのブログデザインを大幅に変更するのに時間がかかったからです！ ブログデザインを変更して、何か変わった？ このブログデザインを変更したことは、過去記事で少々触れておりますので、以下ブログ記事をご参照ください！ ▽過去記事「ブログデザイン変更」 www.shakemablog.com はてなブログの「Un
「モノが増えるからやらない、そんなことはもうやめよう」 モノやコトを整えた先にある、好きな事を楽しむ暮らしにシフト中の50代シンプルライフの記録。 このサイトにはプロモーションが含まれています 今日昼前に、ブログデザインがリニューアルしました♪ 前回同様、ヘッダー（ブログ上のデザイン）は画像なしでお願いしました。 ライブドアブログのデザイナーさんが作られたデザインがこれです！ 色は水色に変更していただきましたが、麻のような模様入り。 ヘッダーからフッターまで（上から下まで）ユキコ色水色です♪ 私のブログを見に来てくださる読者さんは、8割以上がスマホから。 PCのデザインは、スマホとはまた違って素敵なんですよ。 私のメインPCの画像だと左の小鳥が切れてしまうけれど もう1台のPCには可愛い小鳥を愛でることができます＾＾ 私の、PCデザインのお気に入りポイントは！ サイドバーの「リボン」がシン
今回はアメブロのテンプレートの変更手順を解説します。アメブロにももちろん、テンプレートはあります。WordPressと同じですね。 この記事では、あなたが今日からすぐに使えるテンプレートの種類と交換手順について図解入りで解説します。是非、最後まで読んでくださいね。 私がアフィリエイト再チャレンジを始めた時に、言われた言葉があります。その言葉は「ブログにデザインは不要だ。デザインに手間をかける位なら記事を書きまくれ」でした。 このアドバイスは正直な所「正しい」です。特にブログを開設して、しばらくの間は誰も読みにきてくれません。読者に来てもらうためには、記事を増やすしかありません。 ですが、実際に私がブログを運営して感じたことは「ブログ更新した時に画面に映るデザインはやっぱり気になるなぁ～・・・」でした。 私自身が素直に感じた・・・と。言う事はページに訪れた読者も恐らく「気になるのでは？！」と
はてなブログ スマホ画面 はてなブログをはじめよう！ どうもこんにちは。 ４児パパです。 おはようございます☀ 5時ぐらい雨が降る前に散歩行ってきましたが、途中雨が降ってきてひとまず退散。 でも外で用をたせたので、とりあえず安心😊 今日もブログデザインいじります👍✨ 良い1日を🍀 pic.twitter.com/MFDlY6Qn9Q — ４児パパ (@ARTS_papa) 2019年7月3日 梅雨の真っ最中で洗濯や犬の散歩には苦労しますよね。 さてこのブログでは、はてなさんのサービスを利用しています。今までデザインについてあまり気にしていないかったのですが、前回からスマホでブログを表示した時の、表示のされ方について追求できるのでは？と思い、カスタマイズをはじめました。 このはてなブログのテーマデザインは【DUDE】を利用しています。色々とカスタマイズする余地がございますので、どんどん
はてなブログを始めて20日と少しが経過しました。 実は、前々からずっと気になってた事がありました。 パソコンとスマホでブログのデザインが全然違うやん ということ。 パソコンとスマホではブログのデザインが違う パソコンで見たブログ スマホで見たブログ 実はパソコンで表示されるデザインをスマホに反映できる パソコンとスマホではブログのデザインが違う はてなブログではないのですが、私が運営している別のサイトは、特に何も設定しなくても、パソコンから見ようが、スマホから見ようが、そこまで致命的にデザインが変わっていませんでした。 なので、パソコンの画面がそのままスマホに表示されるのなんて、当たり前だと思っていたのです。 そして、このはてなブログも特に設定をしたわけではないのですが、スマホでの表示が全く違うので、はてなブログはそういうものなんだろう、って全然深く考えずに今まで20日以上過ごしていました
こんにちは、おこちゃま(40)です。 2021年11月より"iPadだけでブログ運営"をテーマに当ブログをスタートし、早4ヶ月が経過しました。 ● こちらの記事もどうぞ ● 【ブログ開設宣言】iPadだけでブログ運営は出来るのか？【iPad Air 4】 - おこちゃま(40)奮闘記 これもひとえに"読者登録"、"はてなスター"、"はてなブックマーク"等にて、いつも応援して下さる読者の皆様のおかげです。 いつも応援頂き本当にありがとうござます！！ 私は「HTML？CSS？なにそれおいしいの？？」というレベルのプログラミング素人です。 そんな私が試行錯誤を繰り返し、なんとか現在のブログデザインに辿り着きました。 今回は備忘録も兼ねて現在までに実施してきた内容を紹介していきます。 もちろん今後も何かと手を加えていくかと思いますが... ここで注意点を一つ。 ブログデザインをカスタマイズするとサ
ブログにデザインは不要という話もありますが、あれは嘘。非常に重要です。 実際にブログデザインを改善した結果、1ヶ月足らずで下記のような効果がありました。 デザインの変更によってユーザー1人あたりの質が圧倒的に向上し、離脱率が下がり、滞在時間や周遊率が大きく上昇し10万PVを超えました。 さらに読者の方にも『デザインが良いブログ』『おしゃれなブログ』と紹介していただくことも増え、被リンクを多く頂いたおかげでドメインパワー45を越え良いことばかり。 今回はそんなアクセスが増える『見やすくておしゃれなブログデザインの作り方』というテーマでわかりやすく解説します。
ブログを運営するにあたって一番大事なのは記事、つまりコンテンツですがほかにも重要な要素はたくさんあります。 その中でも見る人にとって目に留まりやすいのが「デザイン」です。 ブログデザインは人によってさまざまで、それぞれのブログのを印象付ける要素の一つになっています。 人によってはカラフルなものからシンプルなものまでたくさんあり、ぼくはどちらかというとシンプルなデザインが好んで使います。 なぜブログデザインにこだわるのか？ デザインすることが好きだから 周りと差がつけられるから ユーザビリティを上げたいから ユーザビリティの例 デザインにおいて注目する要素 必要なもの（全部無料） 文字 文字関係のCSS 見出し 見出しタグでよく使うCSS 広告 色 色彩の効果 ロゴ レスポンシブ レスポンシブで使うCSS デザイン制作で気を付けること ごちゃごちゃさせない 余裕を持たせるテクニック 時間をか
こんばんは、モルモル（@morumorublog）です。 私は本日からGWに突入しました。 5/6はまさかの仕事が入ってしまったため、4連休のGWです。 皆さんはいかがお過ごしでしょうか？ GW初日、以前記事にしたように、ブログデザインの刷新を試みました。 あわせて読みたい 結果、丸一日かかってしまいましたが、概ね自分好みのデザインに仕上げることができました！！ 下手したら本業の仕事よりも達成感があるかも！？ まだまだ改良したい細かい部分はあるのですが、目立つ部分は概ね満足いったので、どこを変えたのか簡単に紹介したいと思います。 ちなみにテーマは「UnderShirt」を使っています。 カード型デザインへの憧れから、ブログ開設からすぐに切り替えました。 今後、ブログデザイン改良の経緯を詳細に紹介する記事も書きたいと考えており、その備忘録として、本記事では概要のみ紹介します。 トップページに
いままで使っていたブログデザインに飽きてしまったのと、他の人ともデザインがよくかぶっているなと言うことでカスタマイズしてみました。 カスタマイズした部分とコツなどについてご紹介します。 使ったテーマはZENO-TEAL 記事数も多くなってきたこともあり、もうちょっとサイトっぽいものにしたいなと思い、こちらのテーマを適用しました。 このデザイン使っている人は12,000アカウント以上あるみたいです。確かによく見かけるような。 ZENO-TEAL - テーマ ストア デフォルトの色がグリーンだったのですが、シンプルなものが好きなので薄いグレーに変更したりとちょこちょことカスタマイズ。 このテーマを使用したカスタマイズ方法については、デモサイトに書いてあるのである程度見ればわかるかも。アップデートしたり作者が質問に対して回答しているのが好印象です。 zeno-teal.hatenablog.co
ユーザーが求めるものを分析し、つくり、届ける「体験設計」の話｜ブログデザイン編 - THE LITTLE ESCAPE
先日公開したはてなブログのデザインテーマ「JOURNAL.」がなんと… 告知宣伝もしていないにも関わらず、公開から5日で100個以上のブログにインストールされ、全180個あるデザインテーマのなかからランキングTOP10に入ることができました！わ〜パチパチ インストールしてくださった皆様、ありがとうございます！ ▼インストール先：公式テーマストア http://blog.hatena.ne.jp/-/store/theme/26006613419561466 ▼見本ブログ https://mooi.hatenablog.jp/ じつはデザインするにあたって、自分なりにターゲット選定やニーズの分析・課題整理をしつつ、仮説を立てながら制作を行いました。 今回はその設計と制作過程を書き記してみたいと思います。 少し固いお話になりますが「こうやって考えてモノづくりをしているよ」という様子をサラリと眺
Werner MoserによるPixabayからの画像 こんにちは、ふなさんです。 私ははてなブログを使い始めて2か月ほどですが、ブログのデザインを工夫しながらいくつかカスタマイズしてみました。 今回は、はてなブログを始めたばかりの人におすすめしたいブログのカスタマイズを紹介します。 どれも無料版でできる方法ですので、お金をかけずに色々設定をいじってみたい人におすすめです。 目次 ①はてなブログのトップページを記事一覧にする ②はてなブログにTwitterのフォローボタンを設置する ③はてなブログに広告を貼る ④プライバシーポリシー・お問い合わせフォームの設置 ⑤おわりに ①はてなブログのトップページを記事一覧にする はてなブログで自分の記事一覧を見てみると、すべての記事の内容が見えるようになっていると思います。 このままにしていると、記事をクリックすることなく記事の内容を読むことができて
【はてなブログ】開設１ヶ月運営報告♪ブログデザインからGoogleアドセンスまでやった事まとめ - 霞美@ベースの雑記ブログ
こんにちは 霞美@ベース(@kasumi_bass_)です♪ 今回は『ブログ開設１ヶ月でやったこと』について、ご紹介していきます♪ ブログ開設１ヶ月の運営報告 はてなブログ開設１ヶ月でやったこと 独自ドメインの取得 はてなブログpro(有料)へアップグレード はてなブログのデザイン変更 はてなブログのグループに参加する Googleアドセンス&Amazonアフィリエイト申請 カエレバ設置(サウンドハウス) SNSシェアボタンカスタマイズ 蛍光マーカー使用 Googleアドセンス広告ユニットの貼り方 まとめ ブログ開設１ヶ月の運営報告 ブログ開設して１ヶ月が経ちました♪ ブログについて全く何も知らない状況下からスタートしたので、最初は結構苦戦しましたΣ(´□｀;) しかし！ 先輩ブロガーさんの記事を参考にさせて頂き、コツコツ活動した結果、 １ヶ月で 読者様 100人超え pv数 8000超え
はてなブログ開始から２ヵ月経過 アドセンス合格とアフィリエイト広告 自分なりのアクセス分析 はてなブログでカスタマイズ ナビメニューとトグルメニューの使い分け PCトップページをカード形式に変更 PC画面サイドメニューに固定目次を設置 フッターの設置 aboutページを見やすく 404 NOT FOUNDページを改修 運営状況 はてなブログ開始から２ヵ月経過 前回は、「はてなブログ」開始して1ヵ月目の報告をしましたが、あーっという間に2か月目になりました。ほんと、早いですねぇ。 ブログを書くことが生活の一部になってきましたが、書くことは山ほどありますが、書く時間がなかなか取れないです。なので電車の移動時間や仕事の休憩時間などちょっとづつ書いたりしていますね。それでは、2ヵ月目にあったことを紹介していましょう。 【参考：1ヵ月経過報告】 アドセンス合格とアフィリエイト広告 なんといっても、G
おしゃれなブログデザインを作る16のコツ&参考サイト22選
こんにちは、yuji（@yujiblog）です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 以上のような、ブログデザインに関する質問にお答えします。 この記事の内容 ブログをおしゃれにするデザイン 文章を読みやすくするデザイン 図解のデザイン ブログデザインの参考サイト22選 おしゃれなWordPressテーマ5選 当ブログはコツコツ更新した結果、月間26万PVとなりました。 またアフィリエイト収入も増えており、現在は月20万ほどを稼いでいます。 本記事では、おしゃれなブログデザインを作る15のコツ解説しました。 ブログデザインは「印象」や「読みやすさ」に直結するので、キレイに整えておくことで大きなプラス要素になります。 基本ルールさえ覚えてしまえば、悩むことなくデザインを再現できるので、ぜひこの記事を参考にしてみてください。 また、このような図解の簡
ブログデザイン変更 - fourth artisan
ブログのレイアウトと言えば２カラム派（サイドバーは右側配置に）な私としては、変更する前のデザインもかなり気に入ってました。 が、結局スマホだとシングルカラムになってしまうため、いくらパソコンであれこれこだわってもスマホで見るとあれれ？みたいなことが多かったのです。 それならばいっそのことパソコン画面上でもシングルカラムになるよう変更して、両方の見た目を極力近づけよう！ ・・・そんなノリで、 ブログデザインの変更を。 ☟ちなみに変更前のデザイン☟ で、お借りしたのは『Space』というテーマ。 文章メインのブログ用に作られたようですが、この先ひょっとすると私が描いた絵なんかを投稿するなどという暴挙に出る可能性もありますから、それを見越してほんの少しCSSを書き加えカスタマイズしてます。 よぉーし、 だったら、ついでにロゴも作っちゃえ！ ・・・が、上のヤツ。 fourthartisan.com
こんばんは、朝寒いのでエアコンをタイマーでつける様にしたら部屋は暖かくて良いのですが、電気代がめっちゃかかって(;´д｀)ないーこです。 皆さんはブログのデザインなど変えていますか？ 私は超アナログ人間なので、今まで旦那がブログのデザインを変えたりしてくれていました。 そして、自分でやろうという気もなかったのですが、デザインを変更したいから見て欲しいと旦那にお願いをして見てもらったのですが、 旦那も本を読んだり勉強をしながらだったので、結局ほとんど自分でやる事になったのですが、あれこれやってみたらデザイン変更出来た！という事でこの喜びと、誰かの役にたてたらいいなぁと思い書く事にしました(＾ω＾) デザインの変更方法( ^ω^ ) まず、デザインを選びます。 公式テーマの下に公式テーマデザインが出ています。 これを下に下がって行くといろんなデザインがあるので、その中に変更したいデザインがあっ
【11個の豪華プレゼント付】WEB業界で得られる収益化の学びを上回る、14時間の動画が今だけ無料でもらえます！ | ブログデザインお悩み相談室
収益化という点において、『わずか14時間のこの動画』は、２年間WEB業界にいて得られる知識・経験を圧倒的に上回る、結局この動画以上の学びはないと悟ってしまうほどの内容です。
こんばんは、モルモル（@morumorublog）です。 ブログを初めて3週間ほど経ちました。 みるみるうちに読者数が増えていき、スターやはてブもちょくちょくいただいているので、ブログ継続のモチベーション維持に大きく役立っています。 伝えたいことを垂れ流すだけでもいいんですが、反応があるとやっぱり楽しいです。 最近は書きたいと思えるネタがそれなりにあるので、モチベーションが保てていますが、ネタの有無に完全に依存してしまうのもなんか微妙だなーと思っていました。 そこで最近、ブログデザインに少し気を使ってみました。 ※私のブログを注意深く見ていただいている人が果たして存在するのかわかりませんが、実はトップページや記事のデザインを結構大幅に変えました笑 私はこれまで、ブログデザインというものは、完全に読者のために気を使うものだと思っていました。 ・読者が読みやすいような文章、強調、装飾 ・読者の
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressブロックテーマで一新された、ブログデザインと制作フロー
Neumorphism（ニューモーフィズム）にテーマ変更【はてなブログデザイン】 - 書く、走る。
【お知らせ】ブログデザイン変更のため2週間お休み - ちょこっとぶろぐ
読まれるためのブログデザイン - はじまりここから
【お知らせ】ブログ名とブログデザインを変更しました。 - トザワブログ
【はてなブログ】ブログデザインが総崩れ！原因はデフォルトテーマの誤クリックでした。 - ゆーんの徒然日記
パソコン音痴、ブログデザイン変更に手を出し死亡。 - 40歳人生崖っぷち。
【初心者向け】ブログデザイン作りに使っているおすすめサイト5選 - にゃもぶろ
記事投稿の代わりにブログデザイン変更してました - メガネをかけたキリンのブログ
ブログデザインを変えてみました - tn198403s 高校時代blog
【初心者でも簡単】はてなブログデザインを変えてカスタマイズ - 小2松江塾【初代公認】ママブロガー ぽん吉の皮算用
【初心者でも簡単】グローバルメニューで読者の回遊性を保ちつつSEO対策【はてなブログデザイン】
オシャレなブログデザインの配色パターンは色彩心理学的に設定すると悩まない！
ブログデザイン変わる！ ぬかみそ漬けで腸活を。 - その後を生きる、矢川冬の場合
【110記事達成！】ブログデザインを大幅に変更しました！ - シャケマ！ブログ
「ブログデザイン」リニューアルしました。 : ゆとりあるシンプルな暮らし Powered by ライブドアブログ
アメブロのテンプレートの設定～ブログデザインは重要です～ - ブログ武器 Ver.2
【はてなブログデザイン】スマホ画面での【はてなブログをはじめよう】非表示
はてなブログのパソコンのブログデザインをスマホに反映させた話（レスポンシブデザイン） - ほしとりぶろぐ
【はてなブログ】ブログデザインのカスタマイズ方法【テーマ Brooklyn】 - おこちゃま(40)奮闘記
【保存版】おしゃれなブログデザインの作り方 読みやすくする27のコツ | 321web
【今すぐできる】PVに直結する見やすいブログデザインの作り方講座 - mofflog.com
【UnderShirt カスタマイズ】ブログデザインを大幅に改良しました！ - 新米研究者の日常ブログ
ブログデザインをZENO-TEALでカスタマイズしてみた - どちらかというとMですけど教えてください
はてなブログ無料版＊初心者におすすめのカスタマイズ＊かっこいいブログデザイン - ふなさんブログ
グーグルアドセンス合格、そしてブログデザインもFix！はてなブログ２ヵ月経過報告！ - こわいものみたさ
はてなブログデザインを変更の方法(´∀｀)超アナログな私でも出来ましたヽ(*´∀｀)ノ - いーこの部屋
ブログデザインにこだわれば、記事作成のモチベーションは上がる - 新米研究者の日常ブログ
sayo.blog
www.saikyo-jump.com
www.rasukarusan.com
www.gifubaby.jp
www.bbc.com
indeep.jp