メインカテゴリーを選択しなおす
SEO対策に多少は影響はあるコメント欄。 スパム対策でreCAPTCHA等導入したりとコストはかかりますが、 もしコメントするなら導入するとしたら、ユーザーさんが使いやすい形に整えることをおすすめします。 WordPressテーマSWELL
WordPress│reCAPTCHAのロゴ画像を公式のやり方で非表示にするカスタマイズ
WordPressでのコメントやお問い合わせのスパム対策で GoogleのreCAPTCHA(v3)を入れることは定番の対策だと思います。 しかし条件によってはreCaptchロゴが邪魔になることがあります。 特にスマホ表示の場合、上に戻る
大人気のWordPressテーマ「SWELL」導入に伴う事前準備について
どうもゴンです。今回は、WordpressテーマCocoonからSWELLに変えたお話しになります。結果的にはどうせ変えるならもっと早い段階でしておけば良かったという結論に至りました。 Cocoonも凄く良かったのですが、この先ずっと使い続けることを考えた時に私自身がもっとこんなことも出来たら良いなって思うと思ったので
WordPress│高速化の有料プラグイン!WP Rocketの設定方法
こちらのCGメソッドの記事では最強の高速化プラグイン(有料)WP Rocketの設定方法を紹介します!キャッシュ系のプラグインをつかうなら安定して高速化できるものを選びましょう! WordPress高速化プラグイン WP Rocketとは?
超おすすめ!WordPressテーマ「SWELL」のカスタマイズまとめ[中級者以上向け]
すでにWordPressテーマ「SWELL」を使っていて、最高のテーマだよと思っている方へさらに「SWELL」を良くするおすすめのカスタマイズをまとめました。 SWELLはブロックエディターが快適で、記事を書くのが本当に楽しいです! ちなみ
WordPress│サイトをコピーしてPC(ローカル)で表示する方法│LOCAL by Flywheel
WordPressのカスタマイズを失敗して、元に戻すのに苦労したことはないでしょうか? いきなり稼働中のサイトをいじるのは結構危険です! 自分のWordPressサイトを自分のPC(ローカル)でも表示・再現できれば、失敗しても安心ですよね。
【WordPress】UX向上!便利なブログカスタマイズ[どのテーマでも使える]
以前、作成したブログカスタマイズをまとめてみました。 どのテーマでも使えるので、気になったら導入してみてください。 目次に戻るボタン 各見出し(h2)の終わりに「↑目次へ戻る」ボタンが一時期流行しましたので、それぞれの目次用に作成したもので
記事が多くなってしまった時に、用途に合わせて記事を探すことができたら便利ですよね? そこでソート(絞り込み)検索ができないかカスタマイズにチャレンジしてみました。 その備忘録です。 難しそうだと思ってましたが結構、簡単にできます! Word
マウスを動かしたりやスクロールした時に画像の一部が止まったり動いたりして見える表現をパララックス(視差効果)といいます。 かなり昔からある表現ですが、トップページなどで目を引く表現なので、現在でも様々なWEBサイトで使用されています。 本記
画像の図表からリンクを飛ばしてみたい!と思ったことはないでしょうか? 実はイメージマップというやり方で簡単にリンクが作成(カスタマイズ)できるので紹介します。 シェイプで作成するので、手作業で形を作れば日本地図から各県のリンクを作成すること
【WordPress】並び替えや絞り込み検索もできる表作成プラグインの紹介[TablePress]
レスポンシブの表はどのテーマでも付属しているものの、並び替えや絞り込み検索、グラグ表示までカスタマイズできるテーブル(表)はなかなか無いですよね? 上記の機能が入ると表がデータベースとしても活用できるようになるのでとても便利です。 本記事で
【SWELL】超簡単!ブロックエディタだけでサイト型トップページを作成する方法
トップページで新着記事が並んでいるだけなのはつまらないですよね? 新着記事だけでなくプロフィールとかカテゴリー記事を見やすくしつつ、ちゃんと構造化も意識したトップページを簡単に作成する方法があるので、本記事ではその作成方法を紹介します。 ※
【JIN】トップページのヘッダー画像をスライダー表示する方法
トップページのヘッダー画像はサイトの見た目の花形ですよね? しかしWordpressテーマ「JIN」にはスライダー表示ができません! そこでテーマの一部をカスタマイズしてスライダー表示できるようにしてみました。 複数枚のヘッダー画像がアニメ
【Swiper.js】サムネイル付きスライダーを作成する方法
スライダーを入れる時に、Meta Sliderのプラグインを良く使います。 しかしサムネイル付きスライダーを作成するには有料版を契約しないといけません。 ということで、有名なSwiper.jsを使ってサムネイル付きスライダーを作成(カスタマ
【SWELL】サイトの高速化(コアウェブバイタル)に関する施策[WordPress]
2021年5月のアップデートでCWV(コアウェブバイタル)が検索順位に影響を受けるようになります。※Web Vitals(ウェブ バイタル)とも呼ばれています。 コアウェブバイタルでは3つの指標が基準になります。 CLS(Cumulativ
WordPress│最強の画像最適化プラグインShortPixelの使い方
今までEWWW Image Optimizerやimagifyなど画像圧縮&WebPに設定できるプラグインを使用していきましたが、今現在、ShortPixelが一番良かったので、その特徴と使い方を本記事で解説します。 少し課金(買い
【SWELL】カテゴリーごとにヘッダーのグローバルメニューとフッターの内容を変更する方法[WordPress]
雑記ブログなどのグローバルメニューのラインナップが雑多だと、専門性・特化性が薄れて残念に見えてしまうことがありますよね? そこでヘッダーとフッターの内容をカテゴリーに合わせて変更するカスタマイズをしてみました。 専門分野ごとにサブディレクト
競合も分析できる!Chromeユーザーエクスペリエンスレポートの使い方[CrUX]
様々なサイトのUXや表示パフォーマンスを確認できるレポートを発行できるGoogleツールがあることをご存知でしょうか? Chrome User Experience Report (Chromeユーザーエクスペリエンスレポート、以下CrUX
無料!シンプルでDBを汚さない多言語化プラグイン「Bogo」の使い方[SWELL]
コーポレートサイトに多言語化ページを作りたいと思いまして、導入してみました。 多言語化切り替えのプラグインは多数ありますが、その中でもContact Form 7の開発者Takayuki Miyoshiさんの作成されたBOGOというプラグイ
M1搭載のMacからGRCを動かす方法[さくらのVPS for Windows Server]
ブロガーの記事の順位に欠かせないGRC。 Rank Trackerに切り替えてもいいのですが、個人的に精度や確実性がイマイチなのと、データを引き継げないのでやはりGRCが一番おすすです。 しかし最新のMacの場合はWindowsを入れること
WordPress│外部ストレージにバックアップする方法│All-in-One WP Migration
昔から有名なブロガーさんがBackWPupというプラグインの記事を書いて、よくおすすめしてします。 ですので、初心者の方が一番よく使われるのがBackWPupです。 同じサーバー内で、指定時間にバックアップがとれる便利なプラグインですが…
WordPressの種類 WordPress.orgとWordPress.comでは何が違うのか?サイトの収益化に大きな違いが
Wordpressは全世界のほとんどのホームページ作成に使われています。 これから新規でホームページを作ろうとしている人の中にはWordpressをこれから初めて使う人も多いでしょう。 しかし、初めてWordpressを導入する人が混同しがちなのがWordpress.comとWordpress.orgの違いだろう。
ConoHa Wing│サーバー代を割引して更新する方法 2選
ブログのレンタルサーバーはConoHa Wingがおすすめです。 UIが超わかりすい、携帯だけで操作可能。サブディレクトリやサブドメインなどが簡単に作成できるサーバーキャッシュが強力で高速化表示 本サイトはConoHa Wingのリザーブド
【WordPress】ウィジェットメニューが真っ白で表示されない時の解決方法
WordPress5.8にアップデートした場合にウィジェットメニューが表示されないことがあります。 本記事ではその解決方法を記載しています。 WordPress ウィジェットメニューが真っ白で表示されない時の現象と原因について 外観>ウィジ
WordPressでは通常、自分のサイトでしか新着記事一覧は作成できません。 しかし本記事のカスタマイズしたPHPテンプレートを使うと、他のWordPressサイトの新着記事を参照することができます。 サブディレクトリの新着記事情報を親サイ
IEからEdgeへの自動転送設定する方法[Microsoftへの申請方法]
使用しているWordPressテーマ「SWELL」がIEサポートを廃止しました。 その対応としてMicrosoftに申請すれば、IEからEdgeにリダイレクト(自動転送)できることを教えていただいたので、さっそく申請してみました。 下記のU
SWELL│テーブルの「スクロールできます」の文言を変更する方法
SWELLのローカライズ(翻訳)で英語サイトを作っているのですが、たまに日本語表記が残ってしまいます。 テーブルのスクロールヒントもその一つです。 通常の表記 スマートフォンでテーブルの右側に「スクロールできます」の文言が日本語で記載されて
墨付き括弧を消す!DBをいじらないタイトルの上書き方法[SEO SIMPLE PACK]
2021年8月、Googleがtitleタグの書き換えをするようになりました。 実際にデザノマの記事でも検索結果に墨付き括弧の部分が消える結果になっています。 勝手にタイトルを削るのはちょっと嫌ですね! このページタイトル改変は大変評判が悪
カスタムフィールドの値をcsvファイルからまとめて編集する方法
WordPressの記事の中に、自分で設定したデータを持つことができるカスタムフィールド。 いちいち記事を開いて入力するのは面倒ですよね? そこでエクセルやスプレッドシートで入力した値をcsvファイルで出力、それをインポートして更新する方法
WordPress│カテゴリーやタグを一括登録する方法│WP Taxonomy Import
WordPressにてカテゴリーやタグにまとめて登録する方法を紹介します。 都道府県などのカテゴリー登録に便利です! WordPressでカテゴリーやタグを一括登録する方法 都道府県別の絞り込み検索付きのコーポレートサイト制作などでよく使い
SWELL│トップページのh1をdivに変更するカスタマイズ
SWELLでサイトロゴを設定するとトップページのh1が空白になってしまいます。 Chromeの拡張機能「SEO META in 1 CLICK」でページ構造を確認しています。 サイトロゴを使用している大手サイトのトップページでも同様の設定な
実はSWELLのパンくずには記事名があえて非表示にされてます。 パンくずはブログにおいての住所に当たるものなので、記事名まで表示させたいという意見がたまにあがります。 それこ本記事ではSWELLのパンくずを記事名まで表示させるカスタマイズを
SWELLの記事中のh2上にアドセンス広告を入れ込むカスタマイズは、Cocoonのわいひらさんのものが有名です。 しかしカテゴリーページから読み込むブログパーツにはそのカスタマイズは反映されません。 そこで入れ子のブログパーツからでも、広告
SWELLで投稿記事の位置を特定の固定記事の階層下にしたい場合があるとします。 ※本サイトもその設定です。 WordPressカスタマイズ(親の固定記事) L ブログ(子の固定記事 投稿ページのアーカイブを設定) L カテゴリー(例:S
SWELL│特定の条件でサイドバーを非表示にするカスタマイズ
SWELLでモバイルファーストを意識してサイドバーを非表示にしたいことがあります。 できればすでに表示されてから非表示にするCSSからではなく、元のテンプレートの設定から非表示にしたいと思います。 まずは基本設定からおさらいします。 SWE
h2やh3などの見出しにキーワードを全て盛り込みたいけど、記事の見た目としてはキーワード部分は非表示にしたい時がありますよね? そんな時にSWELLの機能を使って、選択した特定の部分のキーワードだけ非表示にする方法があります。 もちろんHT
WordPress│WP REST APIとGASを使った投稿・更新方法
WordPressの記事を更新する際に、意外と編集画面を開くのに時間がかかりますよね? CSVのインポートでも良いのですが、もっと便利で早い方法がWP REST APIを使った方法です。 ネットではPythonを使った方法が良く紹介されてい
文字単位でクラスを追加できて、装飾を施せるSWELLのカスタム書式。 どうしても文字部分だけCSSでカスタマイズしたい時に非常に便利です。 しかしながらSWELLのエディター上では最大2つまでしか設定できません。 そこで本記事ではカスタム書
SWELLでカスタマイズをするときに欠かせないのがアクションフック・フィルターフックです。 開発者が事前に、指定箇所が変更ができるようにフックをたくさん仕込んでおり、それを利用して上書きしてSWELLをカスタマイズできます。 WordPre
SWELLはWebアイコンのFont Awesomeを使っていません。 高速化を考えて、独自に抽出したアイコン(IcoMoon)を使用しています。 ショートコードで使用できるCSSでも使用できる 本記事では、そんなSWELLで埋め込まれてい
SEO対策のためにWordPressに構造化データを追加したい。 構造化データとは、 Webページの構造をGoogleに分かりやすく伝えるためコードのことです。 EATが重視される昨今、OrganizationやPersonといった構造化デ
SWELL│「目次へ戻る」のアンカーリンクを自動挿入するカスタマイズ
有名ブロガーさんのブログで、h2タグに「目次へ戻る」のアンカーリンクがあるのを見たことがないでしょうか? 目次と閲覧したい項目とを行き来できるアンカーリンクはユーザービリティを向上させます。 本記事ではSWELL用にh2タグ上に「目次に戻る
THE THOR(ザ・トール)でお問い合せフォームが2つ表示されてしまう問題の解決法
THE THOR の問い合わせフォームを、標準機能のものから Contact Form 7 に変更したときに、フォームが二重に表示されてしまうという不具合が発生しました。 同じ現象に困っている方のため […]
目次の下に著者プロフィールを入れたり、CTAを入れるのは定番ですよね。 本記事では目次下にウィジェットを追加するカスタマイズを作成しましたので紹介します。 目次下にウィジェットを追加するカスタマイズ 目次下にウィジェットを追加するカスタマイ
SWELL│カテゴリーページのブログカード(内部)を作成する方法
SWELLの関連記事ブロックでのブログカード(内部)は投稿記事や固定記事でしか生成されません。 カテゴリページや著者ページ、タグページをブログパーツで記事化した時のブログカード(内部)を作りたい時がありますよね? 特にトピッククラスター構造
PC版の場合、SWELLでの目次は追従サイドバーに設置するケースが多いと思います。 記事を見ている際に、今どこの部分を見ているのか? サイドバーの目次の項目をハイライトするカスタマイズをSWELLで適応させてみました。 ZIMAさんのTHE
SWELL│ステップの項目をh3に変更して目次に表示させるカスタマイズ
ブログで何かの手順を説明する時はSWELLのステップのブロックが便利です。 しかしこのステップの項目は目次等には表示されません。 そこでステップの項目をh3に変更して、目次にも表示させるカスタマイズを作成してみました。 本記事ではステップの
SWELL│特定のカテゴリーの投稿記事にCTAを挿入するカスタマイズ
投稿記事の下に、特定のカテゴリー限定のCTAを入れ込みたいということはことはないでしょうか? SWELLというカテゴリーに、記事の最後に特定のブログパーツを挿入しています。 こういったカテゴリー別の表示非表示は、下記の3つの方法があります。
商品カードを作成できるプラグイン、ポチップ。 そのポチップでたくさん商品カードを作成してしまうと、どれがお勧めしたい商品かわかりにくくなりますよね? そこでポチップの特定の商品におすすめのラベルをつけてみました。 本記事ではポチップで特定の
Amazonや楽天の商品管理をするプラグインと言えばポチップです。 このジャンルのプラグインではRinkerが有名でしたが、新機能のアップデート頻度から後追いのポチップへの移行を考えている人も多いと思います。 本記事ではRinkerからポチ