🔰はじめての方へ

Wordpress

AI

【AIに記事を書いてもらう人向け】WordPress囲み枠を使いたい!ショートコードを作る

最近、AIを使ってブログ記事を書いてもらう人が増えてきました。ブログ記事の自動化とか量産とか聞きますよね。私も文章力がないしまとめ方もうまくないのでAIによく頼んだりしています。わたし余白を入れてください!・・・余白になってない・・・わたし...
AI

【AIに記事を書いてもらう人向け】記事に余白を入れたい!Cocoonのテンプレート機能でショートコード化する手順

Cocoonのテンプレート機能を使うと、セクション間の余白をショートコード 一つで入れられます。スペーサーのdivを毎回貼り直さずに済むので、AIに記事を書いてもらう人にも便利でした。登録手順を画像つきでまとめています。
AI

DockerでWordPress子テーマをローカル確認する手順|本番サーバーに触らず修正できる環境を作った

WordPressの子テーマを、本番サーバーにアップロードせずローカルで確認する手順をまとめました。Docker Composeで空のWordPressとCocoon親テーマを立て、子テーマをマウントするだけです。実際に使ったdocker-compose.ymlも載せています。
Wordpress

Googleアドセンスの「ads.txt ファイルを修正してください」の対処法|WordPress・HTMLサイト両対応

Googleアドセンスを使用していると、管理画面でこのような警告が表示されることがあります。要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。今回は、ads.txtとは何かなぜ設定が必要なのかWor...
Wordpress

【WordPress】ContactForm7から送信されたメールが迷惑メールフォルダに入ってしまう問題

今回はWordPressのプラグイン「Contact Form 7 」を使ってお問い合わせページを作成したところ、全て迷惑メールフォルダに入ってしまうことについての話です。自分がやったことと解決方法について説明します。私がやったこと「Con...
CSS

【WordPress】Lightning|パンくずリストの位置を変える/自分好みのページヘッダーに変える方法

WordPressの無料テーマ「Lightning」のカスタマイズを行なっています。有料にすると、本格的なサイトに簡単にすることができるようですが、私はCSSを使って無料でカスタマイズを行なっております。今回は、パンくずリストの位置を修正す...
CSS

CSS 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】サイドバー目次固定

サイドバーに目次を固定する方法の自分メモです!簡単な手順① ウィジェット編集画面で、「テキスト(PC用)」をクリックして、「サイドバースクロール追従」に追加② テキストのところに「」と入力 (投稿ページでも、「」と入力するだけですぐ目次が表...
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判定・・・危機感を覚え、色々改善しているところです。セキュリティやスパム対策としてやったことなど記事にしているので、参...
Wordpress

【WordPress】Contact Form7 スパムメール対策

スパムメールがたくさん来るようになりました。放置しておけばいいかと思いましたが、個人情報の漏洩やサイトが改ざんされるリスク、ウイルス感染のリスクがあるようで、対策が必要みたいです。私がやったことをご紹介します。チェックボックスの設置コンタク...