メインカテゴリーを選択しなおす
【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のパンくずを記事名まで表示させるカスタマイズを
■読者の悩み・初心者でも使いやすいWordPressテーマを知りたい・ウェブ制作の知識無くても大丈夫かな?・収益化が出来るテーマが良い こういった疑問に答えます。 ■本記事の内容1.初心者におすすめな
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からポチ
WordPress│iOSでリンクを2回タップしないと反応しない現象の直し方
iPhone等でリンクをクリックしても1度目は反応しない!という現象が起きたことがないでしょうか? この問題、以前からあってプラグインの中のコードをを無理くり修正してなんとかしてきたのですが、非常シンプルな解決方法を見つけましたので、備忘録
管理画面にNot Found(404)で入れない場合の解決方法│SiteGuard WP Plugin
WordPressへログインを何回か試みて、 最終的にNot Found(404)で入れない場合になった時の解決方法を紹介します。 管理画面にNot Found(404)で入れない原因 管理画面にNot Found(404)で入れない原因で
WordPress│本体やテーマの自動更新と通知メールを停止する方法
本記事ではWordPressの更新と通知メールを停止できるカスタマイズを紹介いたします。 コードを入れておくと、自動更新による不具合の起きる可能性を回避出来たり、無駄な通知メールが届くのを防げます。 WordPressの本体やテーマの自動ア
ポチップ│SWELLのブログパーツ内もRikerからポチップに変換するカスタマイズ
WordPressでの商品管理、以前はRinkerを最近はポチップに切り替えています。 Rinkerからポチップへの切り替え用のプラグインポチリンは1クリックでブロックを変換できる便利なサービスですが、投稿記事と固定記事限定の変換になります
WordPress│特定のページだけリダイレクトループが発生する時の対応方法
意図しないリダイレクトが発生する主な原因は redirectionなどのプラグインが原因.htaccessにリダイレクトが記載されたまま上記を対応したが、ブラウザキャッシュが効いている 等が想定されます。 それとは別にWordPressの標
SWELL│FAQの項目をh3に変更して目次に表示させるカスタマイズ
ブログで何かのQ&Aを説明する時はSWELLのFAQのブロックが便利です。 しかしこのFAQの項目は目次等には表示されません。 そこでFAQの項目をh3に変更して、目次にも表示させるカスタマイズを作成してみました。 本記事ではFAQ
SWELL│Site Reviewsの口コミをSwiperを使ってスライダー表示する方法
SWELLのスライダーは現在、Swiperという技術が採用されています。 例:おすすめ記事をスライダー表示するカスタマイズ 簡単にスライダーを作成できるこの技術を使って、口コミプラグインの情報をスライダーでまとめてみました。 その備忘録にな
本記事ではSWELLで使われているSwiperを用いて、任意で選んだ好きな記事をスライダーで表示するカスタマイズを紹介します。 SWELLの機能にはピックアップバナーという機能がありますが、これに似たような機能です。 おすすめの記事をスライ
SWELLで新着記事リストを表示するには投稿リストブロックを使います。 しかし表示内容のカスタマイズの応用が利かない場合があります。 その場合はテンプレートを自作して表示することができます。 SWELLと書いていますが、別テーマでも使えるカ
レスポンシブに対応するために、フラットデザインがしばらくの間主流です。 サイトの見た目の差をつけるには、フォントもかなり重要になってきます。 サンプルとして本記事の見出し、h2 と h3にWebフォントを適応しています。 好きなフォントを見
ビフォア・アフターでタップすると画像を切り替えたい!ということはないでしょうか? 本記事ではタップすると画像が変化するカスタマイズを紹介します。 SWELLと書いていますが、どのテーマでも可能なカスタマイズです。 サンプル タップすると画像