🔰はじめての方へ

サイト作成

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で作成したサイトの表示を確認したい時、上の黒いバーが現れます。あまり気にならないことの方が多いと思いますが(私はWordPress1年半編集続けてて気にならなかった!)今回、ハンバーガーボタンの位置を調整するのに、表示が実...
Wordpress

【WordPress】CSSが反映されない?開発中に便利なキャッシュ対策まとめ

WordPressでテーマを編集していると、「style.cssを修正したのに反映されない!」という場面に出会うことがあります。実際、私も子テーマのスタイルシートを編集したのに、変更が一切反映されず困ったことがありました。検証ツールを見ても...
Wordpress

【WordPress】管理画面エディタとVSCode+FTP、両方使う落とし穴

WordPressでテーマをカスタマイズしていると、テーマファイルを直接編集 する場面が出てきます。そのときに使うのが、WordPress管理画面の「テーマファイルエディタ」ローカル環境の VSCode で編集 → FTP(FileZill...
Wordpress

【WordPress】オリジナルページ作成後、メインページのCSSが効かない時の対処法まとめ

私はWordPressでサイトを作成しており、下層ページ1ページだけオリジナルのページを作成しています。テーマとかは一切無視してまっさらな状態からデザインコーディングしています!オリジナルページの作り方は別記事で説明しているので説明を省きま...
Wordpress

【WordPress】私が入れてるおススメのプラグイン

Wordpressを作成していくにあたって、私がよく入れているプラグインを簡単にご紹介します!ほぼ自分用メモとして記事を書いています。(プラグインの整理用)何かございましたらコメントをお願いします!一覧Contact Form 7Updra...
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対策として大切になってきます。わたしは、ランディングページを作成していましたが、ページの表示速度を速めることはランディングページの利便性というのを改善することにつながり、サイト...
CSS

【CSS】画面が左右に動いてしまう問題 ②

サイト制作をしているときに、画面が左右に動いてしまい、スクロールが不安定になってしまうことがありました。そこで対策方法がわかったので共有します。最初に、はみ出ている要素がないか確認します。padding等で、横幅100%からはみ出しているこ...
SEO

【SEO】PageSpeed Insights「第三者コードの影響を抑えてください」をタグマネージャーを用いて対応

PageSpeed Insights で、ページの表示速度がどのくらいなのか計測することができます。ページの表示速度を上げることは、SEO対策として重要です。私の過去の記事でも、Wordpressで作成したサイトの速度を上げることについて掲...
Github

【Github】マークダウン画像の大きさを変更するメモ

<img src="ここに画像のURLが入る.jpg" width="50%">普通に画像を貼り付けると、大きく表示される↓!(これを<img src="ここに画像のURLが入る.jpg" width="50%">これに変えると大きさが変わ...
HTML

パンくずリストメモ

SEO効果JSON-LD、microdata、RDFamicrodata、RDFaという書き方がある。JSON-LD形式は、現在Googleの構造化データのマークアップとして推奨されている。JSON-LD形式を書いても、ページには表示されな...