アーカイブ:コード

Woocommerceの属性に「親」と「子」を割り当てたい!プラグインなしで可能にする方法。

Woocommerceの「属性」にカテゴリーのように「親」と「子」を作成できればいいと思ったことはありませんか?かつてはこの機能がありましたがバージョンアップを経てなくなってしまいました。ですが、現在のバージョンでも利用…

CSSでYouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法。

YouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法をご紹介します。 手順1:divタグ追加 iframeタグを囲うようdivタグを追加します。 <div class=”yt”><ifr…

WordPressのバックエンド投稿ページのフォントが小さい!フォントサイズ変更の方法。

WordPressのバックエンド投稿ページのフォントって小さくないですか? そんなときはこれ。 これだけ書いておけば投稿ページ(テキスト)のフォントサイズ等を自由にカスタマイズすることができます。 テーマ(子テーマ使用時…

Googleアドセンス(Google Adsense)広告を遅延読み込み(LazyLoad)して表示速度を高速化する方法。

Googleアドセンスの読み込みはページ表示速度を著しく低下させます。 以下方法で問題解決の期待値が向上しますので是非お試しください。 Google AdsenseコードのScriptタグを削除 <script a…

Googleスピードテストで100点を取るための方法。WordPressのテーマやプラグインで、より良いWebバイタルの作り方。「開発者向けチェックリスト」

この投稿では、googleスピードテストで100点を取るための方法を説明します。 1.ファイル(Files) テーマやプラグインによってサイトに読み込まれているファイルをチェックする必要があります。そのためには、Goog…

プラグインなし!WordPressのアバター画像を設定・変更する方法。

WordPressのアバター画像って、何でデフォルトでバックエンドで設定変更できないんですかね? そんなときはこれ。 これだけ書いておけばアバター画像を設定・変更することができます。 テーマ(子テーマ使用時は子テーマ)の…

プラグインなし!Woocommerce のマイアカウントページに任意の項目だけ表示させる方法。

Woocommerceのマイアカウントページの項目は扱う商品やそのサイトによって異なります。 例えば「ダッシュボード」項目と「ダウンロード」項目を非表示にさせたい場合は下記のようにすると実現できます。 「function…

プラグインなし!簡単コピペ。WordPress にサイト名のショートコードを追加する方法。

サイトを複数制作する際にサイト名を書き換えるのは非常に手間です。 これを未然に防ぐ方法としてショートコードでサイト名を呼び出すシステムを組んでおくことをおすすめします。 「functions.php」ファイルに下記コード…

wp-config.phpへのアクセスを禁止する方法。WordPress

wp-config.phpへのアクセスを禁止するとサイトのセキュリティが向上します。 Webサイトを保守するために、是非参考にされてみてください。 「.htaccess」ファイルに下記コードを記述してください。 <…

全ページ常時SSLにする方法。WordPress

WebサイトにSSLの導入はされていますでしょうか? SSL導入は、セキュリティ面でもSEO面でも優位になりますので、全Webサイトに推奨しています。 特にショッピングサイトやクラウドファンディングサイトなどの、個人情報…

プラグインなし!目次を実装する方法。|WordPress

WordPressで、プラグインを使わずに目次を実装する方法をご紹介します。 JQueryを使わない方法で、本サイトでも導入している実装方法になります。 時間もかからず工数も少ないので、宜しければご参考にされてください。…

プラグインなし!内部・外部リンク対応のブログカードを表示する方法。|WordPress

WordPressで、プラグインを使わずにブログカードを表示する方法をご紹介致します。 プラグイン不使用には、サーバー負荷の軽減やサイト表示速度の保持など様々なメリットがあります。 WordPressには多種多様なプラグ…

コンタクトフォーム7(Contact Form 7)指定ページのみjsとcssを読み込ませる方法。|WordPress

WordPressで、プラグインを使わずにContactForm7のjsとcssを指定ページのみ読み込ませる方法をご紹介します。 通常ContactForm7を導入すると、すべてのページでjsとcssが読み込まれその分表…

プラグインなし!SEO施策機能を導入する方法。|WordPress

WordPressで、プラグインを使わずに施策機能を導入する方法をご紹介致します。 プラグイン不使用には、サーバー負荷の軽減やサイト表示速度の保持など様々なメリットがあります。 WordPressには多種多様なプラグイン…

プラグインなし!シンタックスハイライトPrism.jsの使い方|WordPress

今回はWordPressに、プラグインを使わずにシンタックスハイライトを実装する方法をご紹介します。 Webサイトやブログサイトなどにソースコードを表示させる場合に、シンタックスハイライトを使うことが多いと思います。 当…