WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法 - WordPress 情報パッケージ
인기 WordPress テーマブルフセール 詳細

WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法

Last Updated:2022年9月1日| 2のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기
WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法4

WPtouch使用されている WordPress サイトのモバイル訪問者にシンプルで洗練された携帯電話のテーマを自動的に切り替えるくれる WordPress用モバイルプラグインです。 (プラグイン開発者によると、)Googleが推奨するこのプラグインは、Google Mobileテストに合格したモバイルフレンドリーなバージョンをすぐに有効にして、モバイルに最適化されていないバージョンのためにSEOのランキングが落ちるのを防止してくれるね。

私 WordPressを開始する時に反応型 WordPressが珍しいのでWPtouchのようなプラグインを使用してテストしたことがあります。 当時はあまり良い結果を得られなかった記憶がね。

最近WPtouchをテストしてみると、以前より多くの機能が向上したことを感じることができました。 モバイル機器での反応型 WordPress サイトのレイアウトが気に入らないか、または携帯電話からの速度が遅い場合にWPtouchなどのプラグインを使用してみることができるようになります。

W3 Total Cacheなどの人気無料キャッシュプラグインでは、モバイルキャッシュ機能を提供していません。 WPtouchを使用すると、モバイルでもキャッシュ機能を使用できるように設定することができます。 詳細については、次の記事を参照してください。

ちなみにサイトが遅い場合 GeneratePressのような軽いテーマを使って最適化プラグインに設定すると、スピードはまともに出てくるでしょう。 」WordPress GeneratePress テーマ:Googleページスピードインサイトスコア」を参照してみてください。

Avada など重いテーマを使用している間にサイトが遅い場合、Amazon AWSなどのウェブホスティングを使用すると速度が速くなることがあります。 AWS はサーバーの知識が必要なため、Linux サーバーについてよくわからない場合は操作が容易ではありません。 代わりに、 クラウドウェイズを使用すると、AWSやVultrなどのサーバーを簡単に運用できます。

WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法

また、ユーザーCSSを追加して、携帯電話のテーマをカスタマイズすることも可能です。 たとえば、次のようなコードを携帯電話のテーマのCustom CSSに追加すると、サイドの幅のページ/文タイトルが削除されます。

.post-page-head-area.bauhaus { display: none !important; }

たとえば、特定のページのタイトルを表示したくない場合は、試してみることができます。

WPtouchでカスタムCSSを追加する方法

WPtouchにカスタムCSSを追加するには、 WordPress 管理者ページで WPtouch>設定>テーマのカスタマイズに移動します。

WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法5

上記のような画像が表示されたら、右から "ユーザー定義へ移動"をクリックします。

その後、携帯電話のテーマのカスタマイズ画面が表示されます。

WPtouchテーマにカスタムCSSコードを追加してカスタマイズする方法6

その後、上記のような画面が表示されます。 CSSを追加するためのオプションには、 カスタムCSS追加CSS などXNUMXつあります。 追加CSSにコードを追加してみると、コードが動作していません。 カスタムCSSをクリックして、カスタムCSSを追加するようにします。

しっかりとしたコードを追加した場合CSSコードが正常に動作しています。

WPtouchテーマをカスタマイズする方法は、次の記事を参照してください。

モバイルでSEOが心配があれば、モバイルテーマを使用する代わりに、Google AMPを適用する方法も考慮してみることができます。

メモ:



2のコメント

コメント

  1. 最近では、携帯電話のデザインに気を使うようになりますね。 一方では、 WordPressモバイルウェブで楽に変更することも関心を行くことになります。

    応答
    • WPtouchはPremiumバージョンがあってWPtouchテーマを携帯テーマとして利用しようとする場合、プレミアムバージョンも考慮してみることができるようになります。

      応答

カフェで WordPress 情報を共有できます。

ありがとうございます!