プログラミング– category –
-
【レビュー】WordPressテーマ「SANGO」とは？1年間使ってみての感想
HTML/CSSを学んでいる方なら一度は見たことがあるサルワカの中の人が作ったWordPressテーマSANGO（サンゴ）。今回はそんなSANGOについてと1年ほど使ってみての私の感想を書いていきます。 [box class="box30" title="本記事のもくじ"] SANGOとは？ SANGOを... -
【簡単】User Heatの登録手順やヒートマップ解析の使い方を解説
無料のヒートマップ解析ツールUser Heatの登録手順やヒートマップ解析の使い方を初心者でもわかるように図解を用いて解説していきます。 記事の最後にはUser Heatを使ったリライト手順を紹介するので、サイトやブログを伸ばしたいという方は必見です。 [bo... -
【コピペでOK】パンくずリストのデザイン3選
こんにちは、ゆうが（@yuuuugablog）です。 今回は、パンくずリストのデザインを紹介していきます。 [box class="box28" title="パンくずリストとは？"] パンくずリストとは、ブログやWebサイトを見ている人に「現在地」を教えてくれる構造化データのこと... -
【2025年】All in One SEOでGoogleアナリティクスを登録する方法
2021年にAll in One SEOの大型アプデがきて画面がいろいろ変わってしまい戸惑う方も多いと思います。 そこで本記事では、2021年にアプデして変わったAll in One SEOでGoogleアナリティクスを登録する方法を解説していきます。 [box class="box30" title="... -
【コピペOK】おしゃれなSNSアイコンをCSSだけで実装する方法
こんにちは、ゆうがです。 今回は、SNSアイコンをマウスホバーで色を変える方法を解説していきます。 たぶん言葉だけだと意味わからないと思うので、こちらを見てください。 上記のような感じで、おしゃれにアイコンの色を変える方法を解説していきます。 -
【2025年】All in One SEOのセットアップウィザードの設定方法
本記事ではAll in One SEOのセットアップウィザードの設定方法を解説していきます。たった6つの手順で設定が完了します。 [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/12/seo-score-1.jpg" alt="All in One SEOのセットアップウィザ... -
見やすい！引用ボックスのデザイン3選
こんにちは、ゆうが(@yuuuugablog)です。 今回はブログで使える引用ボックスのデザインを紹介していきます。 [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/12/image-2-1-5.png" alt="【コピペでOK】引用ボックスのデザイン【CSS】"]... -
【ざっくりと】Bootstrap5と4の変更点を簡単に解説
ついに、Bootstrap5(ベータ版)が実装されましたね。まちどうしかった人もいるのじゃないでしょうか。 私はBootstrap3や4を使っていて「いや、5とか覚えられんわ」と思っていました。ですが、調べてみた結果そこまで爆発的な変更はないので安心してください... -
【コピペOK】CSSでドロップダウンメニューを作る方法
こんにちは、ゆうが（@yuuuugablog）です。 今回はwebサイトで頻繁に使われている、CSSでドロップダウンメニューを作る方法を解説していきます。 完成イメージ 上記のようなドロップダウンメニューを実装していきます。 [box class="box30" title="本記事... -
【JS不要】メガメニューを簡単に作る方法【コピペOK】
こんにちは、ゆうが(@yuuuugablog)です。 今回はweb制作でかなり使う「メガメニュー」を簡単に作る方法を解説していきます。 完成イメージ メガメニューとは上記のようなもので、スペースが広いのが特徴です。 ※マウスホバーをするとメニューが表示されま... -
【10秒でできる】WordPressにアプリリンク（iOS＆Android）を貼る方法
今回はアプリリンクを作る方法を紹介していきます。アプリリンクは視覚的にもわかりやすいのでテキストリンクで表示するよりも圧倒的にクリック率が上がりますよ。 [box class="box30" title="本記事のもくじ"] アプリリンクとは？ WordPressでアプリリン... -
【簡単】Chromeデベロッパーツールでスマホ機種を追加する方法
こんにちは、ゆうが（@yuuuugablog）です。 今回は、Chromeのデベロッパーツールでスマホ機種を追加する方法を紹介してきいきます。 完成イメージ [imgfuki src="https://cyberprogress.net/wp-content/uploads/2020/11/dev1.jpg" alt="【簡単】Chromeのデ... -
【iPhone 13 ProMaxまで対応】レスポンシブデザインのブレイクポイントのテンプレ
こんにちは、ゆうが(@yuuuugablog)です。 今回は、最新の機種iPhone 13 ProMaxまで対応しているレスポンシブデザインのブレイクポイントを紹介します。 どうぞ、この記事に書いてあるブレイクポイントをテンプレート代わりにし、ご使用くださいませ。m(_ _... -
【完全無料】BoostNoteの特徴や使い方を解説
似たようなコードを１から書いたりするのってめんどうですよね。とくに、メニュー部分だったり、フッター、ボタンその他もろもろ。 なのでそんな方向けに、今回は「BoostNote」というエンジニア専用のメモ帳を紹介＆使い方を紹介します。 [box class="box3... -
【簡単に解決】スマホ表示で「background-attachment: fixed」が効かないときの対処法
こんにちは、ゆうが（@yuuuugablog）です。 最近スマホのレスポンシブ対応をしている時に、実機で確認していたら「background-attachment: fixedが効かない！」とあせりました。 そこで今回は原因と対処法を解説していきます。 [box class="box30" title="...
1