メインカテゴリーを選択しなおす
はてなブログの「記事一覧」をカスタマイズ！（CSS素人解説付き）【Minimalism】
「記事一覧」のブログデザインをカスタマイズしました。 パソコンから見たデザインはアイキャッチが大きく表示されるカード型にしました。 しかし、スマホから見ると画像が大きすぎて見にくいので、ミニマリズムの元からの横長デザインのままになるようにしました。 ミニマリズムの記事一覧のデザイン パソコンからの記事一覧のCSSはのせてません パソコンから見た記事一覧のカスタマイズ（カード型）備忘録 パソコンではカード型、スマホでは横長になるようにする カードの角を丸くする 日付をタイトルの下から上に移動、タイトルとカテゴリーの余白を広げる タイトル部分の高さを固定、タイトルの文字サイズを少し小さく カテゴリ…
はてなブログの「グローバルメニュー」をカスタマイズ！（CSS素人解説付き）【Minimalism】
グローバルメニューのデザインをカスタマイズしました。 CSSのなんてさっぱりわからない素人ですが自分の思うようなグローバルメニューにするために頑張って検索しまくりました。 コツコツとCSSのコードを調べたので備忘録にまとめました。 グローバルメニューをカスタマイズ デザインを選ぶ どんなデザインにしたいか大まかにイメージを固める HTMLとjQueryをコピペする コード 貼り付ける場所 メニューにアイコンを入れたい場合 CSSをコピペする コード 貼り付ける場所 色を変える CSS備忘録 PC用ナビゲーション：パソコン表示でのグローバルナビゲーション PC非表示：パソコン表示での2階層目（ド…
はてなブログの「目次」をカスタマイズ！（CSS素人解説付き）【Minimalism】
見出しのカスタマイズの次は目次もカスタマイズ！ ミニマリズムそのままの目次だとかなりシンプルなので、もう少しデザインがあったほうがいいなと思いやってみました。 目次をカスタマイズ デザインを選ぶ CSSをコピペする 色を変える カスタマイズした目次のデザイン カスタマイズした目次のCSS 備忘録：目次のCSS 目次の外わく 目次の外側（上下）に余白をつくりたい 「目次」の文字の部分 目次のアイコン部分 「.entry-content .table-of-contents li」 「.entry-content .table-of-contents li ul」 「.entry-content …
はてなブログの「見出し」をカスタマイズ！（CSS素人解説付き）【Minimalism】
ブログのテーマを「Minimalism」にしました。 元のデザインがシンプルなので、自分の好みのデザインに変更しやすいと思ったからです。 さっそく見出しのデザインをカスタマイズしてみました。 見出しのデザインを考えたとき、記事本文やサイドバー本文の文字の大きさとのバランスも考えた方がいいと思い、それらも調整しました。 見出しをカスタマイズ デザインを選ぶ CSSをコピペする コードの調整 色を変える カスタマイズしているときに困ったこと 見出しの文字を大きくしたい 見出しの余白について（marginとpadding） 見出しの余白（margin）を広げたい サイドバーの見出しを中央揃えにしたい…
ブログタイトルとデザインを変更しました！／3枚目の1000ピースが仕上がったものの…
スポンサーリンク // こんばんは。 昨晩は雪が薄っすらと 屋根に積もりましたが 今朝には跡形もなく 溶けていました😌 今日は朝食時から 妹とゆっくり色々話していて 気づきも多く 早速前から替えたかった メインブログのタイトルの一部と デザインを新しくしました。 今回のカタノトモコさんの popcornなるデザインは blog.hatena.ne.jp 実は非公開設定で セルフメモ&ダイアリー（裏ブログ） というタイトルで 使ってたんだけど 記事もほぼなくて 稼働してなかったものと同じ。 裏ブログってつけてたのは たぶん本音をあまり語らずに来たせいだと思う。 以前、やはりヒーラー仲間に ブログ…
こんばんは☆まやです お立ち寄りありがとうございます 今日はお仕事でした!!ギリギリ仕事が終わるまでは 雨が降らずに済みましたが帰り道はワイパーが必要なくらい 一気に雨が降り出しまして 気温もぐんと下がった気がしますこたつから出れないくらい 寒いです!!! 今夜はネイルの新調をお願いしてて いつもの先輩の家に 20時に伺う予定なんですよねあったかい格好して行こう(´｀) さて、パソコンから 私のブログを見て下さってる方は 『あれ………!?』 と、思われたかもしれませんがまたブログのデザインが 変わっております konashilife-maya.com 『ブログデザインは落ち着きそうです』 なん…
【ブログ｜WordPressおすすめのデザインテーマ】ブログ初心者の私が実際に使用しているデザインテーマもご紹介します！
ブログを始めるとき、どのデザインテーマを選ぶべきか迷うことってありますよね。私もブログ初心者だった頃、たくさんのテーマを調べたり試したりしました。この記事では、実際に私が使ったことのあるデザインテーマを3つご紹介します。それぞれの特徴やおす
こんにちはです。あっちのそららです。本日、ブログデザインを改良したので、変更点などをまとめました。 ヘッダーイラスト ハンバーガーアイコン プロフィール キャラクターページ にほんブログ村バナー はてなブログタグ おわりに ヘッダーイラスト 静止画だったヘッダーイラストをアニメーションにしました。パソコンをカタカタ叩く動きで、作業感増し増しに。なお、ブログの見やすさを考慮し、ヘッダーイラストはこれまでと同様、トップページでのみ表示させています。 acchinosorara.hatenablog.jp ハンバーガーアイコン Before After ページ右上のハンバーガーアイコンを改良しました…
AFFINGER6のカスタマイズをまるっとご紹介【専門知識不要】
そんな方向けに、今回はAFFINGER6でできるカスタマイズ総まとめにしました。 HTMLやCSSなどの専門知識は不要で、初心者も簡単に設定できるのでご安心ください。 公式サイトにも載っていない便利な
こんにちはです。あっちのそららです。コツコツ進めてきたブログカスタマイズのゴールが見えてきました。作る作る詐欺で引き延ばしてきたキャラクター紹介ページもとりあえず完成。某青い鳥のアイコンをXに変えたり、ヘッダーイラストの使い回しだったにほんブログ村のバナーを新規イラストにしたりと、現行のブログデザインを維持しつつ、所々パワーアップした仕上がりになりそうです。反映の日は近い。最後の難関、そり立つ記事。ビフォーアフターを交えつつ、カスタマイズ内容をコンパクトにまとめて記事にしてこそ、真のゴール。 JavaScriptは重くなるので、極力使わない縛り。 ランキング参加中イラスト
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己…
【4年使った結果】EWWW Image Optimizerのデメリット
この記事で分かること EWWW Image Optimizerのデメリット EWWW Image Optimizerのメリット EWWW Image Optimizerの利用が向いている人 EWWW
AFFINGER6のレビューや評判は？【4年間使ったメリット・デメリットも紹介】
AFFINGER6は「稼ぐ」に特化したテーマという口コミをよく目にしますが、実際のところどうなのかをお伝えしていきたいと思います。ブログテーマにお悩みの方にとって、AFFINGER6の特徴や向いている
この記事で分かること XWRITEの口コミ・評判は？ XWRITEのレビューが知りたい XWRITEの設定方法 実際にXWRITEを使ってみた感想 XWRITEは2022年にリリースされた、新しいテー
こんにちはです。あっちのそららです。キャラクター紹介ページの作成と並行して、ブログのカスタマイズを計画中。といっても、細部をちょこっと改良するだけで、全体的には現行のデザインを維持します。上の画像は、ヘッダーイラストの改良アイデア。現在は一枚絵ですが、あんな感じでカタカタやってるアニメーションにしてみたい。キャラクター紹介ページのレイアウトを考える。デザインはブログに合わせるとして、サクッと見れるよう文章はコンパクトにまとめる予定。各ページにリンクも追加しますが、キャラクターは増えていく前提で、かつ程よく目立つ枠にしたいのです。にほんブログ村のバナーが、ヘッダーイラストの使い回しなので、新規イ…
「はてなブログPro」では、ブログのデザイン編集履歴の保存・復元が最大10件まで可能に。5件は保護して残すことも可能。
ブログデザイン変更のお知らせの紹介です。PC版のブログデザインを変更しましたのでお知らせいたします。暫くこのデザインで行く予定です。今週末から旅に出るので、新しい写真でいいのが撮れたら、そちらに変更する予定でいますので、宜しくお願いします。ブログランキング
カテゴリーの細分化javascript:pcview_on();2種類のブログを書いてます。その1つは2005年3月に我が家にwanが来たのをきっかけに始めました。こつこつと書き続けて19年が経ち、最近は体調の記事が多くなり随分と老いたもの
【覚えておきたい】WordPressで固定ページのみを納品する方法
お客様のトップページをリニューアルするお仕事第1弾！しかしWordPressで固定ページと画像のみの一部納品ってどうやるの？私のような超初心者デザイナーさんのために、記録を残しておきます。
この記事で分かること ブログツール一覧表 ブログに便利な拡張機能 ブログツールを使う際の注意点 こんな疑問にお答えします。 ブログ執筆にデザイン・アクセス解析など、ブログにはツールの活用が欠かせません
【厳選】WordPressおすすめテーマ5選！【ブロガー100人へのアンケート調査結果】
この記事で分かること 初心者ブロガーにおすすめなテーマを知りたい！ 利用者の多いWordPressテーマTOP5 WordPressテーマ選びのポイントは？ そんな疑問にお答えします。 ブログを始めた
基本がわかる！SWELLでサイト型トップページをおしゃれにカスタマイズ
WordPressテーマ「SWELL」を使ってトップページをサイト型にカスタマイズする方法を完全解説します。固定ページの作り方、ブログのデザインをおしゃれにするために意識していること、ヘッダーやフッターのカスタマイズまで紹介しています。
SWELLでメインビジュアルにメニューやアニメーションを入れて個性を出そう
WordPressテーマSWELLでメインビジュアルをカスタマイズしてサイトの個性を出してみよう。サイズ・アニメーション動画・ブログパーツを使ったメニューの設定の方法を紹介しています。
【アレンジいろいろ】SWELLの投稿リストを使った記事一覧デザイン5選
WordPressテーマSWELLの高機能な「投稿リスト」ブロック。独自のカスタマイズで、記事一覧デザインのアレンジアイデアをたくさん紹介します。
WordPressテーマSWELLの高機能なブロックで、自分好みのHTMLサイトマップを自作しました。プラグインを使わず自作することによって、ユーザーの利便性を上げることができます。
SWELLでメディアとテキストの使い方！画像に文字を重ねておしゃれにする
WordPress「メディアとテキスト」は画像と文章をおしゃれなレイアウトで配置することができます。テーマSWELLでは独自レイアウトのカード型とブロークングリッド型が追加されており、さらに表現を広がります。ブロックの使い方と、透過や画像の上に文字を重ねる方法を紹介します。
SWELLブログパーツの使い方6選！便利すぎる利用例も全部見せます
WordPressテーマSWELLではブログパーツがとっても便利。使い回しもできるし、ウィジェットや記事内にも呼ぶことができます。6つの使い方を詳しく解説します。
簡単でおしゃれ！Canvaを使ったブログのアイキャッチの作り方を解説
ブログのアイキャッチ画像をCanvaで簡単・おしゃれに作る方法を紹介。当ブログのアイキャッチもすべてCanvaで作成しています。テンプレートを使ったアレンジが1番簡単でおしゃれに仕上がりますよ。
簡単おしゃれに！ブログのヘッダー画像をCanvaで作る方法を解説
Canvaでブログのヘッダー画像を作る方法を解説。ブログの雰囲気にあったおしゃれなヘッダーロゴを作ってみよう。WordPressテーマSWELLでのヘッダー設定方法を紹介しています。
はてなブログのテーマUnderShirtでおこなったカスタマイズ一覧です。この記事ではトップページと記事内に関するカスタマイズをまとめています。
はてなブログのデザインテーマ「Minimalism」のカスタマイズのまとめ。フォント関連、ヘッダー画像、フッターなど。
今回はillustratorに続き、photoshopについてご紹介していきたいと思います。photoshopは主に写真や画像の加工や調整、合成などに使用され、バナーなど写真を使用する場合にはなくてはならないスキルになります。
リモートワークやフリーランスが当たり前になっている昨今では業務委託で働いているWEBデザイナーの方も多いのではないでしょうか？今回は業務委託で注意する点やデメリットやメリットなどをご紹介していきます。
ブログ記事のデザインをおしゃれにする10のコツと参考サイト8選
この記事で分かること おしゃれなブログデザインの共通点 おしゃれなブログデザイン8選 おしゃれデザインを作るWordPressテーマ ブログ＆記事をおしゃれにするコツ13選 こんな疑問にお答えします。
早いもんではてなブログ2年。収益は1年分のはてなプロ、ドメイン代も回収できた。バズリ記事も書けたけど雑記ブログって難しいなぁ～
当記事ではブログ運営について記載していきます。 本記事はプロモーションを含みます。 以前から、スマホで当サイトを見たときにとても見づらくどうにかできないかと考えていました。 無料版はてなぶろぐでは制限が多くあきらめていましたが、レスポンシブデザインモードにすればいいとわかりました。 これは、スマホでもパソコンと同じデザインにできるというものらしく、以前使っていた公式テーマAeroでは対応していないみたいなので、別のテーマを探すことにしました。 その結果、UnderShirtというテーマが、以前のデザインに似ているので実装してみることにしました。 blog.hatena.ne.jp テーマを実装…
【Canva】イラストのサンプルテキストなど不要な部分を消す方法
フリーのイラストの中には「サンプルテキスト」や「テキスト」の入ったものも多々あります。それらのイラストを使うためにはまず不要な部分を消さないといけません。ここでは Canva を使って不要な部分を背景と同じ色で埋めて消す方法をご紹介します。
ブログに最適な画像サイズは？【今すぐできる！圧縮方法も解説】
この記事で分かること ブログに最適な画像サイズは？ ブログ画像サイズを整える方法 ブログ画像ファイルを圧縮する方法 こんな疑問にお答えします。 ブログに上げる画像を、何も考えずに掲載している人もいるの
この記事はブログ初心者がネットを検索して、自分のブログで試行錯誤したことをまとめたものです。 正しくない情報が含まれている可能性もありますのでご了承ください。 ここで紹介する方法はアメブロを利用し、パソコンでブログを書いていることを前提にしています。 Step1、並べたい画像を記事本文に貼る Step2、HTML表示の画面に移動 Step3、htmlの画面での作業 1、画像のコードの下に画像を並べるコードをコピーして貼り付ける。 2、画像を並べるコードに画像urlを貼り付ける Step4、画像サイズを調整 Step5、並べた画像を真ん中にしたい おまけ 画像を3個、4個並べた場合の見え方 画像…
この記事はブログデザイン初心者がネットを検索して、自分のブログで試行錯誤したことをまとめたものです。 正しくない情報が含まれている可能性もありますのでご了承ください。 ここで紹介する方法はアメブロを利用し、パソコンでブログを書いていることを前提にしています。 Step1：画像を貼る Step2：画像サイズの調整 Step3：スマホで見るときも並べて表示したい場合 Step4：その他 左に寄っている画像を真ん中にずらしたい場合 画像と画像の間に隙間を開けたい場合 画像一覧で画像を見る 終わりに (adsbygoogle = window.adsbygoogle []).push({}); …
アイキャッチなどの画像を作る時に画像同士を組み合わせたいと思うことはありませんか。そんな方にデザインACで簡単にできる【アップロードした画像の中に別の画像を挿入する方法】をご紹介します。
初心者の個人ブログならロリポップのスタンダードプランでも容量は十分な気がしますが、おすすめはロリポップハイスピードプランです。ハイスピードプランにはドメイン永久無料サービスが付いています。ドメイン永久無料サービスはかなりお得です。
ブログをはじめて最初に何をすればいいのか迷っている方に向けて、実際にブログを始めて一ヶ月以内にしたことをリスト化しました。サーバー契約・ドメイン取得、ワードプレス・Cocoonテーマの初期設定、プラグインの追加など。
ブログ初心者の頃は、せっかく貼った写真のサイズが重すぎて貼りなおしたり、位置情報が含まれていることに気がつかなかったりと失敗も多いです。そんな方に向けて、ブログ用写真の位置情報削除や画像圧縮方法がわかる記事を書きました。
【Cocoon】Google Fontsを使って文字をおしゃれにする方法
当ブログでは、Google Fontsを使って一部の文字のフォントを変更しています。Google Fonts とは、無料で使えるオープンソースのフォントです。ダウンロードの必要がなく、コードを書きこむだけで使用することができます。
WordPressのCocoonテーマで、ヘッダーにメニューを追加する方法を紹介します。ヘッダーメニューとは、ブログのヘッダー部分にあるメニューのことです。ヘッダーメニューがあることで、サイト内の回遊率をあげるメリットがあります。
【Cocoon】サイドバーにアイコン付きボックスメニューを追加する方法
WordPressのCocoonテーマで、サイドバーにボックスメニューを追加する方法を紹介します。サイドバーだけでなく、投稿記事の上部やフッターなど、ボックスメニューは様々な場所に配置することもできます。
