ブログカスタマイズ

【雑記ブログ】50記事書いてみた【ブログカスタマイズ】

こんにちは！管理人です。いつも読んでくださっている方はありがとうございます。はじめましての方ははじめまして。

【雑記ブログ】30記事書いてみた【導入ツール】

こんにちは！管理人です。 楽しくブログを続けて約3か月目。30記事に到達しました。 気合を入れて書いたものから

メニューバー（トグルメニュー）の設置と微調整をしました｜はてなブログのテーマ「CONTENTS」

はてなブログ テーマ「CONTENTS」で、ヘッダーにカテゴリメニューを設置しました。

アドセンス広告に勝手に付いてしまうハイフン「-」の消し方

アドセンス広告の上に付くハイフン、マイナス「-」の消し方について

蛍光ペン風マーカーで文字をアレンジ

コピペで簡単に、ブログ記事本文に蛍光ペンのマーカーのような線を引く方法について。好みの色に変更も可能です。

過去記事を貼る基本方法とカスタマイズ

はてなブログの過去記事の貼付けの基本のやり方と応用したやり方（カスタマイズ）についての記事

ブログ収益化の事前準備（おすすめアフェリエイト）

ブログ初心者の方が収益化に向けてに取り組むべき優先順位の高い事前準備（３つのアフェリエイト）のお話です。

他の人のブログの探し方

はてなブログは他の人の記事を検索出来ません。他のはてなブロガーさんの記事の探し方についての記事。

見出しのカスタマイズ（文字の背景に色付け、装飾）

文字に装飾を付けるとグッとやれる事の幅が広がります。記事っぽくもなりますね。はてなブログでは「見出し」をカスタムして文字に装飾を付けられます。

記事の自動バックアップ（編集履歴）の確認方法

はてなブログでは記事が自動でバックアップ（編集履歴）が取られています。

吹き出しの作り方

吹き出しを使って会話形式の記事を作れるようになるとグッとやれる事の幅が広がります。 こんにちは。超初心者、はてなブログ専門、無料、簡単、５分で出来るをコンセプトにしたBlogカスタマイズ！です。 本記事は記事の中で”吹き出し”を入れる方法についてです。吹き出しは ↓ のような会話形式で使えるやり方です！今日は５分では厳しいかも… では早速… と行きたいですが、事前準備が必要です。 １．画像の事前準備 まずは ↓ のような人物画像（別に人物じゃなくてもOK）の準備が必要です。二人しか出来ない訳では無いので必要な人数分の画像を用意して下さい。 写真やイラストを入手のおすすめは「Canva」です。下…

簡単・無料で写真とイラスト

読みやすい記事、人を惹きつける記事、人気の記事には写真やイラストが載っていますが、無料で簡単にダウンロード出来る素材屋さんの紹介です。 こんにちは。超初心者、はてなブログ専門、無料、簡単、５分で出来るをコンセプトにしたBlogカスタマイズ！です。 オリジナルのヘッダー画像の作成の記事でも紹介させて頂きましたが、改めて紹介します。 合わせて読みたい ・オリジナルのヘッダー画像の作成 おすすめ１：Ｃａｎｖａ 〇良い点 とにかくオシャレな写真やイラスト、フォントが沢山あり、テンプレートも豊富なので、少しのカスタマイズでオリジナルデザインが簡単にすぐ出来ちゃいます。本記事の写真もＣａｎｖａの無料版から…

プロフにある「このブログについて」を非表示にする方法

行間の調整は思い通りに出来ていますか？改行、段落は上手く使い分けられていますか？ こんにちは。超初心者、はてなブログ専門、無料、簡単、５分で出来るをコンセプトにしたBlogカスタマイズ！です。 ブログもミニマムに、シンプルにカスタマイズしてたいですね。私はまだまだ道半ばですが... はてなブログではデフォルトでプロフィール欄に「このブログについて」が入っていますが、簡単に消せる（非表示）のでスッキリさせたい方は試して下さい。 まず結論から。↓ のように出来ます。 アドセンス広告を貼るようにした時や、ミニマリストの方、全体的にとてもグチャグチャしているのは嫌ですよね。 少しでもスッキリしたいと。…

本ブログの使い方

超初心者向け、はてなブログ専門、全て無料、簡単な事だけ、５分で出来る。これらをキーワードとしてはてなブログのカスタマイズ方法や設定方法を記事にし、随時更新、新しい記事を追加していきますので楽しみにしていて下さい。ブログではありますが、ブログ使い方のノウハウ系サイトとなります。困ったこと、分からない事があればここにくれば分かる。そんなサイトを目指しています。 こんな方に読んで欲しい！ ・簡単なカスタマイズを知りたい・デフォルト設定のままだけど、そのままで良いのかチェックしたい・はてなブログを始めようか迷っている はてなブログでも色々な事が簡単に出来ます。そしてカスタマイズや使い方等は早目に理解し…

XSERVERに「KUSANAGI」技術搭載！WordPressがさらに高速化

2020年2月末に、サーバーの環境がグレードアップされ、さらに高速化したエックスサーバーですが、2021年10月、今度はWordPressを高速化出来ることで有名な「KUSANAGI」の、高速化技術が導入されました。 さ […]

Photoshopを最新版(v22.4)にしたら落ちる（クラッシュ）するバグ発生

Adobe Photoshop CC（Adobe Photoshop 2021）を最新版にアップデートしたところ、落ちる（クラッシュする）ようになってしまいました。バージョンはv22.4になります。お使いの方はお気を付け […]

MariaDBとMySQLでWordPressのパフォーマンスを比較

エックスサーバーが2021年3月24日から、今後の新規申し込みのサーバーのデータベースは、MariaDBになることがアナウンスされました。今まではMySQL 5.7だったのですが、MariaDB 10.5になるとのことで […]

[推しは強し！]ブログ始めるなら無料限定特典つきのAFFINGER5！神レビュー　

AFFINGER 5WINGのレビュー、メリット・デメリットと導入手順の解説。初心者にも分かりやすい簡単操作と便利な機能の紹介、直ぐに始められるお洒落なデザインの魅力。

FacebookページとInstagramを紐づける方法

広報用にFacebookページを作ったら、Instagramと連携すると、同時に投稿や管理ができて、便利です。

UDフォントでブログを見やすく

パソコンでもスマホでも、読みやすい文字に設定したい！と考え、WebフォントでUDのものを試してみました。

読者登録・フォローボタンを設置（はてな「読者になる」ボタン不具合につき）

はてなブログ既存の「読者になる」ボタンが、うまく表示されなくなったので、カスタマイズで読者登録＆各種フォローボタンを設置しました。

はてなブログでTypeSquareのWebフォントを導入

TypeSquare（タイプスクウェア）のWebフォントを適用してみました。仕様手順を簡単に記録しておきます。

TCDのページビルダーで更新（保存）ができない場合の対処法

はてなブログにFacebookページを貼り付ける方法

はてなブログにFacebookの投稿やタイムラインを掲載する方法です。

ステイホームで感じたマトリョミンの魅力

マトリョミンとの出会いと、自粛生活で気づいたことを書きました。

記事のすぐ下に共有ボタンを配置

はてなブログの記事シェアボタンのカスタマイズを行いました。記事の直下に表示されます。

ページの上へ戻るボタンを好きな画像で設定

ページトップへ戻るボタンを付けました。画像は自分が好きなように設定できます。

Chromeの表示をPCモードに戻す。突然表示が変わった時の対処法。

パソコン版GoogleChrome（グーグルクローム）が、突然スマホ表示になってしまった時の直し方メモ。

広報用に匿名Facebookページを作成する方法

Facebookを匿名で使う方法。作り方さえわかれば、更新通知やコミュニティづくりなど、いろいろな使い方ができそうです。

目次を閉じるボタンの設定方法

目次を(再び)カスタマイズしました。 開いた状態が初期状態で、閉じたり開いたりできるようにしました。

「URLと記事タイトル」をコピーする、追従するボタンを設置

記事ページにずっと表示される「記事のタイトルとURL」をまとめてコピーできるボタンを設置しました。各種シェアボタンより万能？

aboutページにカテゴリー一覧を追記

自己紹介にカテゴリー一覧を追記しました。HTMLは記事下書きで簡単に変換できます。

インスタ始めました

Instagram（インスタ）を始めました。始めた理由も書いています。スタンプ一覧的にする予定ですが、よかったらフォローお願いいたします！

外部リンクを別タブで開くようにしました（はてなブログ）

別タブ（別ウィンドウ）で記事のリンク先を開けるよう、設定してみました。記事を読みながらリンクを押した場合でも、戻るのがラクになります。

JR九州「豊後森駅」スタンプ読み解きと周辺観光記

JR九州、豊後森（ぶんごもり）駅のスタンプ内容を読み解きました。水戸岡デザインの駅舎や「童話の里」の由来、機関庫とSLについて書いています。

サイト内の調整をしました

バックアップとテスト用サイトを作成／スマホでの記事一覧の表示数を変更／カテゴリー記事一覧の見出し表示を変更

開閉式の目次を付けました

はてなブログで目次を開いたり閉じたりするボタンを設置しました。jQueryの高速化についても書いています。

サイトのバックアップとテストサイトの作り方

サイトのバックアップの取り方／テスト用非公開サイト作成の方法／バックアップデータの取り込み方

ブログテーマグループに参加&バナー追加しました

はてなブログのテーマグループ＆にほんブログ村に参加／ブログ村＆楽天アフェリエイトのバナー追加

ブログ村バナーをタイトル下へ横並びに変更

ブログ村バナーを、タイトル下に横並びに設置し、小さく説明書きを加えました。

ソースコードの表示を調整しました

ソースコード（CSSやHTML）を記事に表示する方法と、カスタマイズです。 「見たままモード」で書く方法／色付き枠の作成方法／長いコードのスクロール／ワンクリック選択、について書きました。

WordPressで簡単にWebP対応をする手順やブラウザの対応状況

次世代画像フォーマットの「WebP（ウェッピー）」が、ついにSafariに対応（2020年9月）しました。これで、IE以外の主要なブラウザには対応することになります。WebPにすることで画像の容量を20～30％小さく出来るということなのですが、私が使っている限りでは70％近くは容量を削減できます。 SEOをする上でも、サイトの軽量化は一つの指標となっており、Googleの「Page Speed I

PhotoshopでWebP形式の画像を扱えるようにする手順

2020年9月現在では、WEBの画像フォーマットと言えばJPEGですが、次世代の画像フォーマットを使うことで、写真の品質を落とさずに、より軽量化することが出来るようになります。次世代の画像フォーマットにはHEIF（ヒーフ）やWebP（ウェッピー）などがあります。 >> 「HEIF（ヒーフ）」のブラウザやPhotoshop等の対応状況は？ HEIFはMac版のPhotoShopでは対応し

グローバルメニューを設置しました

以前から作成したいと思っていたグローバルメニューを設置しました。 参考にさせていただいたのはこちら www.yukihy.com 一応の設置はできたのですが… 私としてはグローバルメニューの帯の横幅を、記事とサイドバーの範囲に合わせて小さくしたかった。 とても丁寧に説明してくださっている記事で、幅調節の記載もあるため、そのとおりに何度も書き直してみたけれど、なぜかどうしてもできませんでした。 ついでに帯の色を変更することも試してみたけれど、それもうまくいかない… バックを白、文字を他の色で試してみたところ、横幅いっぱいの帯の上に作成した白い帯が載っかってる (¯―¯٥) 何となく勘で色々いじり…

はてなブログPROへ移行！３つのカスタマイズに挑戦してみたの巻

5/29は何の日でしょう？ 知らないにゃ～ このブログを始めた日だよ♪ 6/1からにした方、キリがよかったにゃ～ ぴったんの言うとおりだよね… でも、思い立ったらすぐ行動にうつすのがユラだにゃん ブログを開設し１ヵ月ちょっと経過しました。 早い、あっという間です（´-`）.｡oO以前にもブログをしていたことは、はじめに書きましたが、その時はぴったんが自分で網戸を開け脱走してしまい… ぴったんを探すために考えたことの１つが、情報を募るためのブログ開設― 全国の猫ブロガーさんたちから応援していただき、本当に貴重な体験をさせていただきました。 （ぴったんは無事に、77日ぶりでおうちに帰ってくることが…

エックスサーバーの「新サーバー簡単移行」の流れ。どのくらい高速化？

コスパが良くて、高速なことで知られる「エックスサーバー」ですが、2020年2月末にサーバーの環境をグレードアップしました。高速CPUの『AMD EPYC（Rome世代）』が採用（従来のCPUよりも1.5倍の処理速度だそうです）され、アクセスが集中した場合も従来より高速で安定したサイトの運用が可能に。 さらに『オールNVMe』RAID10（ストライピング＋ミラーリング）構成が採用され、WEBサイトの

無料でプロに依頼できる サメ夫婦さんの「アイコンイラスト作成サービス」体験記

オリジナルアイコンを作成したいけれど 誰に依頼して良いか分からない...という方へ。先日利用した イラストレーター サメ子さんの無料アイコンイラスト作成サービスがおすすめです。そこで 今回は 依頼方法や実際の流れをまとめました。

iPhone等のスマホでタグの動画が表示されない場合の対処法

HTML5ではタグを使うことで、WEBサイトに動画を埋め込むことが出来ます。ただ、記述方法に気を付けないと、WindowsやAndroidスマホでは表示されても、iPhoneやiPadなどでは動画が表示されない、という現象が発生してしまいます。 日本では、スマホでのiPhoneのシェアはかなりのものになりますので、iPhoneやiPadで意図せずに動画が表示されないのは困りますよね。そんなわけで、

WooCommerceのマイアカウントにログインできない場合の対処法

WooCommerce プラグインを利用することで、WordPressで簡単にショッピングカートシステムを構築することが出来ます。ある日「お客さんからマイアカウントにログインが出来ない」というお問い合わせがきました。 今まで、特に問題なくマイアカウントにログインは出来ていたと思うのですが、なぜできなくなってしまったのでしょうか。試しにパスワードを再発行して、ログインをし直してもログインが出来ません

WooCommerceで商品カテゴリーの順番を並び替えるプラグイン

WooCommerceを使えば、WordPressで簡単にショッピングサイトが構築できます。ただ、なぜか「商品カテゴリー」の順番を並び替える機能がないんですよね。。。そもそもWordPressにも、カテゴリーの順番を並び替える機能がないのが不思議です。 そこで今回はプラグインを使って、WooCommerceで商品カテゴリーの順番を簡単に並び替える方法をご紹介します。 商品カテゴリーの順番を並び替え