メインカテゴリーを選択しなおす
大人気の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が一番良かったので、その特徴と使い方を本記事で解説します。 少し課金(買い
【20分でOK!】ConohaWingでWordPressブログの始め方!【簡単セットアップ可能】
ConoHaWINGでワードプレスブログ開設方法を紹介!画像付きで解説してるのでおよそ20分で手続きを完了できます。
ブログをまだまだ勉強中ですが、昨日より記事の文章にスペースを入れて、少しだけですが読みやすいように投稿できるようになりました。うさぎ年生まれの私ですが、歩みはかめ並みのゆっくりさです。コツコツと一歩ずつでも前進していれば良しとします。今日は
成功するためには具体的な目標設定をする必要があるんです。それは闇雲に歩きだしても目的地にはたどり着けないから。今日は渋谷で映画を見よう!となったら、見たい映画は何時から上映なのか調べますよね?上映時間がわかれば、電車は何線の何時の電車に乗れ
ブログを始めよう!と思い立っても、どうやって始めるの?無料ブログと有料ブログの違いもよく分かってないし、メリット・デメリットもどうのようなものがあるのかを上げて、どうしたら収益を得られるのかを考えてみようと思う。
複数の収入の柱を用意して、リスクヘッジで安全にコツコツと積み上げていくことで安心を手に入れる。ギリシャにあるパルテノン神殿は、たくさんの柱があるので紀元前の建造物でも、崩壊することなく、今なお立ち続けていられるのです。
もうすぐで2月。2月のメインイベントといったらバレンタインデーですよね。どんなチョコを贈るか、チョコ以外に何かバレンタインギフトも一緒に贈るのか。デートのプランはどうしようか・・考えなきゃいけないことはいっぱいだけど、考えている時間も幸せ♪
【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の違いだろう。
サーチコンソールで問題検出Googleサーチコンソールで「ウェブに関する主な指標」のページを眺めていたら、改善が必要なURLが50件あると表示されていました…レポートを開いてみると、「CLS に関する問題: 0.1 超(パソコン)」で改善が
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タグ上に「目次に戻る
始めたばかりのブログはなかなか読んでもらうことが難しいものです。自分のブログに訪問してくれる人が増えるように、TwitterやInstagram、facebookなどのSNSと連携させ、ブログと同時に運用することで多くの人の目に付き、拡散していけるようにしましょう!
ブログ副業に興味はあるけど、でもなかなか一歩が踏み出せないというかたもいらっしゃるかと思います。そこでブログには興味はあるけど、一歩が踏み出せないというあなたの背中をそっと押す、メリット7つをご紹介していきたいと思います。