サイト作成 Xのカードが表示されない問題
HTML、CSSでサイト作成。X（旧Twitter）へのシェアボタンを作成しましたが、Xの投稿にカードが表示されず困りました・・・↑こんな感じですしっかりmetaタグを書いていましたが表示されず。今回は私がやったことを紹介します。困っている...
サイト作成
サイト作成 
Wordpress 【WordPress】ContactForm7から送信されたメールが迷惑メールフォルダに入ってしまう問題
今回はWordPressのプラグイン「Contact Form 7 」を使ってお問い合わせページを作成したところ、全て迷惑メールフォルダに入ってしまうことについての話です。自分がやったことと解決方法について説明します。私がやったこと「Con...
CSS 【CSS】iPhone Safariで上下に余白ができてしまう問題
HTML・CSS・JavaScriptで制作したサイトを調整していた際、iPhone（iOS Safari）でのみ上下に白い余白が出てしまう現象に遭遇しました。問題の画像↓（ちなみにこのサイトはです！）調べていく中で分かった原因と、実際に効...
PHP 【PHP】MacBookに移行／HomebrewでのPHPインストールとVSCode設定方法まとめ
WindowsからMacに乗り換えて、開発環境を整えていたときに「PHP 実行可能ファイルを指定されていません」という通知を見たことはありませんか？私も、WindowsからMacBookに変えてからVSCodeやCursorでPHPを書いて...
CSS 【WordPress】Lightning｜パンくずリストの位置を変える/自分好みのページヘッダーに変える方法
WordPressの無料テーマ「Lightning」のカスタマイズを行なっています。有料にすると、本格的なサイトに簡単にすることができるようですが、私はCSSを使って無料でカスタマイズを行なっております。今回は、パンくずリストの位置を修正す...
CSS 【CSS】わかりにくいposition: fixed・relative・absolute・fixed 要素の位置調整、考え方
position なんとかは、個人的になかなか難しくて、なんとなく使っていた感じだったので、一旦学習し直してみました。わかりやすく図をいれて記事を書いたので、ご参照いただけたら嬉しいです！1. absolute と relative の関係...
CSS 【CSS】要素の位置を調整する top と transform: translateY(-50%) の考え方
Web制作でよく出てくるのが「要素を上下や左右の中央にそろえたい」「ロゴやハンバーガーボタンをきれいに配置したい」といったレイアウト調整です。この記事では、top・calc()・transform: translateY(-50%) を使っ...
Wordpress 【WordPress】Lightning / ハンバーガーボタンの位置調整｜position: fixed top left の考え方
WordPressの無料テーマ「Lightning」を使用している方に宛てた記事です。ハンバーガーボタンの編集をしたい時に活用して欲しいです。おすすめの方法ハンバーガーボタンの位置を調整する前に、実際のサイト表示を確認する画面の上部にある、...
Wordpress 【WordPress】サイト確認の時の上のバーを隠す方法
WordPressで作成したサイトの表示を確認したい時、上の黒いバーが現れます。あまり気にならないことの方が多いと思いますが（私はWordPress１年半編集続けてて気にならなかった！）今回、ハンバーガーボタンの位置を調整するのに、表示が実...
Wordpress 【WordPress】CSSが反映されない？開発中に便利なキャッシュ対策まとめ
WordPressでテーマを編集していると、「style.cssを修正したのに反映されない！」という場面に出会うことがあります。実際、私も子テーマのスタイルシートを編集したのに、変更が一切反映されず困ったことがありました。検証ツールを見ても...
Wordpress 【WordPress】管理画面エディタとVSCode＋FTP、両方使う落とし穴
WordPressでテーマをカスタマイズしていると、テーマファイルを直接編集 する場面が出てきます。そのときに使うのが、WordPress管理画面の「テーマファイルエディタ」ローカル環境の VSCode で編集 → FTP（FileZill...
Wordpress 【WordPress】オリジナルページ作成後、メインページのCSSが効かない時の対処法まとめ
私はWordPressでサイトを作成しており、下層ページ１ページだけオリジナルのページを作成しています。テーマとかは一切無視してまっさらな状態からデザインコーディングしています！オリジナルページの作り方は別記事で説明しているので説明を省きま...
Wordpress 【WordPress】私が入れてるおススメのプラグイン
Wordpressを作成していくにあたって、私がよく入れているプラグインを簡単にご紹介します！ほぼ自分用メモとして記事を書いています。（プラグインの整理用）何かございましたらコメントをお願いします！一覧Contact Form 7 → 受信...
Wordpress 【WordPress】管理画面・サイト両方が重い原因は「site kit by google」だった
ページ表示速度が遅延する経験はしてきましたが、管理画面が重いのは初めてだったので、原因が何か突き止めるのに時間がかかりました。。ページ表示速度に関することは以前記事にしているので、ご参照いただけたらと思います。管理画面も重くなる原因として考...
Wordpress 【WordPress】オリジナルのページを作成／画像パスの書き方・CSSを引き継がない方法
Wordpressで採用ページのオリジナルページを作成しています！作成方法や、困ったことの対処法などは別の記事に書いてありますので、ご参照ください！作成方法についてページの表示確認ができないトラブル今回は、①画像のパスの書き方 と ②親CS...
Wordpress 【WordPress】オリジナルのページを作成／作成方法
今回は、Wordpressでオリジナルのページを作成したので、それの共有をさせていただきたいと思います。調べてもあまりオリジナルのページを作成する方法が掲載されていなかったので、誰かのお役に立てれたらいいなと思います。テーマは、「light...
Wordpress 【WordPress】オリジナルページを作成／投稿ができないときに確認するもの
Wordpressの固定ページを使用し、テーマに依存しない新しいページを作成するために試行錯誤しています。今回は、固定ページを使用してページを登録しようとしましたが「公開に失敗しました。 返答が正しい JSON レスポンスではありません。」...
Wordpress お名前.comでドメインE判定…スパム対策③／PHPバージョンの更新について
お名前.comで「ご利用中ドメインのネットde診断（セキュリティ診断）診断結果のご報告」という連絡が来ました。その結果はE判定・・・危機感を覚え、色々改善しているところです。セキュリティやスパム対策としてやったことなど記事にしているので、参...
サイト作成 お名前.comでドメインE判定…スパム対策②／WordPress
スパムメールが頻繁にくるようになり、そのせいなのか、お名前.comでドメインがE判定といきなり連絡が来ました…びびります。とりあえず、原因となりそうなWordpressのセキュリティについて見直したので、私がやったことをご紹介します。スパム...
CSS 【SEO】CSS（JS）の圧縮／PageSpeed Insights
ページの速度改善についてです。ページの速度を速めることは、SEO対策として大切になってきます。わたしは、ランディングページを作成していましたが、ページの表示速度を速めることはランディングページの利便性というのを改善することにつながり、サイト...