- ホーム >
- WEBLOG
WEBLOG
当ブログは、『シンプルで見やすい記事を発信！』をモットーに「ブログ・WordPress」などWebに関する役立つ情報を発信していきます。【経歴】▶︎就職失敗▶︎Webディレクター就職（歴10年）（コーディング・SEOが好きです！）▶︎ブログ開設（運用歴6年以上）
WEBLOG
Neumorphism（ニューモーフィズム）とは？CSS作成ツールも紹介
2020年にNeumorphism（ニューモーフィズム）というUIデザインが流行りそうと噂されていたようです。（今頃ですが...） そこで、本記事ではNeumorphism（ニューモーフィズム）とは？からCSSをコピペで簡単に実装できるスニペットツールを紹介したいと思います。 本記事が参考になりましたら幸いです。 ニューモーフィズムとは？ https://dribbble.com/shots/7994421-Skeuomorph-Mob ...
【簡単！】ConohaWingでブログのページ速度をあげる方法
こんにちは、kei（@KeiKei0815blog）です。 当ブログは、コノハウィングを使っているのですが、ページの速度を改善するためのキャッシュ機能が搭載されています。 実際に、実施してみたところ、ページの表示速度がスマホで2秒、パソコンで10秒ほど改善されました。 ※ページの速度改善は、個人差があります。 そこで、今回はConohawingでページの速度改善を図るためのキャッシュ機能の設定について、紹介します。 ボタン ...
【コピペだけ！】AFFINGERでページネーションのデザインをお洒落にする
こんにちは、kei（@KeiKei0815blog）です！ 今回は、こんな悩みに答えます！ ページネーションは以下キャプチャ箇所です。 AFFINGER5ページネーションキャプチャ アフィンガー５のページネーションは、トップページ・カテゴリトップに設置されていますね。 本記事では、そんなアフィンガー５のページネーションをCSSを使ってお洒落にカスタマイズする方法を紹介します。 サイトの雰囲気に合 ...
CSSでイメージ画像の上に文字を配置する方法
こんにちは、kei（@KeiKei0815blog）です。 今回は画像上に文字を置いて、テキストが目立つように実装してみました。 また、画像上にテキストを配置することで得られるメリットもあります。 本記事では、CSSを使って画像上にテキストを配置する方法と、置くメリットについて簡単に紹介します。 HTML 参考サイト：https://www.w3schools.com/howto/howto_c ...
ブログ初心者が月間500PVを超えるのにやった対策・成果【2024年版】
こんにちは、kei（@KeiKei0815blog）です。 こんな悩みに答えます。 7ヶ月間ブログを続けて月間/500pvを達成することができました。 ※現在は、ブログを１年以上続けて月間5000PV達成しています！ >>月間5000pvで1万円超えた理由と方法を公開します 最近ですと新規ユーザーだけではなく、有難いことにリピーターとして記事を再読しに来てくれるユーザーさんも多くいます。（本当に感謝です...） ...
WordPress（ワードプレス）でページ速度を改善する方法と調べ方【必須！】
こんな悩みに答えます。 サイト・ブログ運用していると、ページ表示速度が重要と聞いたことあるのではないでしょうか。 サイトの表示速度を改善しておくことは、ユーザビリティ・SEO面でも重要な要素になります。 そこで、今回は、ページ速度を改善する必要がある理由とワードプレスでページの表示を改善する方法について、紹介します。 本記事を読むことで、ページ速度を改善すべき理由・調べ方・改善方法が理解できるので、ぜひ読み進 ...
WordPressでサイドバーにSNSアイコンを設置する方法
WordPress（ワードプレス）でサイトやブログのサイドバーにSNSアイコンを配置する方法について紹介します。 以下の感じです。 今回は、当ブログで使用しているテーマ・AFFINGERを使ってご紹介します。 SNSアイコンを画面横に追従して表示させたい方は読み進めてください！ add thisを使って画面横にSNSアイコンを追加させる方法 それでは、add thisを使って画面横にSNSアイコ ...
WordPress（ワードプレス）プラグインなしで画像を拡大させる方法
こんにちは、kei（@KeiKei0815blog）です！ ブログ記事内に画像を使って説明したりするとき、画像内の文字が小さすぎて読みづらいと感じたことがあるのではないでしょうか。 実際、当ブログの記事内に使われている画像で拡大しないと見辛いものもが複数ありユーザービリティーを低下させているなと感じました...。 そんな時に画像を拡大して読みやすくできる機能があったら便利ですよね。 ワードプレスには、「Easy Fancy ...
各見出し終わりに「目次に戻るボタン」を実装するやり方【AFFINGER編】
こんにちは、kei（@KeiKei0815blog）です！ ブログで長いページを書いていて「ページ上の目次に戻りたいな...」と思ったことが何回かあります。 実際、さっき読んでいたページにスクロールして戻るのがちょっと面倒だなと感じますし、読んでいた箇所を見失うこともあります...。 そこで、ページ途中（各見出し終わり）に目次に戻るボタンがあれば便利だなと思いまして、ページ途中に目次を設置してみました。 なお、今回は以下の環境で目次を作 ...
【無料ヒートマップツール】WordPressでMicrosoft Clarityをインストールする方法
こんにちは、kei（@KeiKei0815blog）です！ こんな悩みに答えます。 サイトを分析していると『どこのボタンがクリックされたか？』『一番熟読されている部分はどこか？』を知りたいと思います。 Microsoft Clarityは、そんなクリックされた場所・スクロール数・ヒートマップなどサイトの分析に役立てられるツールです。 Microsoft製無料ヒートマップツールで、ユーザーの画面上の動きを細かく分析でき痒いと ...