Webサイト,コード,プラグインなし長いリンク(URL)がはみ出すときのCSS。スマホでも対策OK! Posted on 2024年8月19日 by DIGECH スマートフォンで見ると、長いリンクが横にはみ出している場合があります。そんなときは下記スタイルで対処できます。 a{word-break: break-all;} → 続きを読む
Webサイト,Woocommerce,Wordpress,コード,プラグインなしWoocommerceの属性に「親」と「子」を割り当てたい!プラグインなしで可能にする方法。 Posted on 2024年8月18日 by DIGECH Woocommerceの「属性」にカテゴリーのように「親」と「子」を作成できればいいと思ったことはありませんか?かつてはこの機能がありましたがバージョンアップを経てなくなってしまいました。ですが、現在のバージョンでも利用… → 続きを読む
Webサイト,YouTube,コード,プラグインなしCSSでYouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法。 Posted on 2024年6月10日 by DIGECH YouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法をご紹介します。 手順1:divタグ追加 iframeタグを囲うようdivタグを追加します。 <div class=”yt”><ifr… → 続きを読む
Webサイト,Wordpress,コード,プラグインなしWordPressのバックエンド投稿ページのフォントが小さい!フォントサイズ変更の方法。 Posted on 2024年6月10日 by DIGECH WordPressのバックエンド投稿ページのフォントって小さくないですか? そんなときはこれ。 これだけ書いておけば投稿ページ(テキスト)のフォントサイズ等を自由にカスタマイズすることができます。 テーマ(子テーマ使用時… → 続きを読む
Webサイト,コード,プラグインなしwp-config.phpにとりあえず書いとくやつ。 Posted on 2024年5月13日 by DIGECH define( ‘WP_DEBUG’, false ); ini_set(‘display_errors’,’Off’); define(‘ALLOW_UNFILTERED_UPLOADS’, true); define… → 続きを読む
Webサイト,コード,スピード,プラグインなしGoogleアドセンス(Google Adsense)広告を遅延読み込み(LazyLoad)して表示速度を高速化する方法。 Posted on 2023年11月13日 by DIGECH Googleアドセンスの読み込みはページ表示速度を著しく低下させます。 以下方法で問題解決の期待値が向上しますので是非お試しください。 Google AdsenseコードのScriptタグを削除 <script a… → 続きを読む
Webサイト,Wordpress,コード,スピードGoogleスピードテストで100点を取るための方法。WordPressのテーマやプラグインで、より良いWebバイタルの作り方。「開発者向けチェックリスト」 Posted on 2023年11月1日2024年8月21日 by DIGECH この投稿では、googleスピードテストで100点を取るための方法を説明します。 1.ファイル(Files) テーマやプラグインによってサイトに読み込まれているファイルをチェックする必要があります。そのためには、Goog… → 続きを読む
Webサイト,Wordpress,コード,プラグインなしプラグインなし!WordPressのアバター画像を設定・変更する方法。 Posted on 2023年8月24日2024年8月24日 by DIGECH WordPressのアバター画像って、何でデフォルトでバックエンドで設定変更できないんですかね? そんなときはこれ。 これだけ書いておけばアバター画像を設定・変更することができます。 テーマ(子テーマ使用時は子テーマ)の… → 続きを読む
Webサイト,Woocommerce,Wordpress,コード,プラグインなしプラグインなし!Woocommerce のマイアカウントページに任意の項目だけ表示させる方法。 Posted on 2023年7月28日 by DIGECH Woocommerceのマイアカウントページの項目は扱う商品やそのサイトによって異なります。 例えば「ダッシュボード」項目と「ダウンロード」項目を非表示にさせたい場合は下記のようにすると実現できます。 「function… → 続きを読む
Webサイト,Wordpress,コード,プラグインなしプラグインなし!簡単コピペ。WordPress にサイト名のショートコードを追加する方法。 Posted on 2022年9月22日 by DIGECH サイトを複数制作する際にサイト名を書き換えるのは非常に手間です。 これを未然に防ぐ方法としてショートコードでサイト名を呼び出すシステムを組んでおくことをおすすめします。 「functions.php」ファイルに下記コード… → 続きを読む
Webサイト,Wordpress,コード,セキュリティwp-config.phpへのアクセスを禁止する方法。WordPress Posted on 2022年8月28日 by DIGECH wp-config.phpへのアクセスを禁止するとサイトのセキュリティが向上します。 Webサイトを保守するために、是非参考にされてみてください。 「.htaccess」ファイルに下記コードを記述してください。 <… → 続きを読む
Webサイト,Wordpress,コード,セキュリティphp.iniの情報を隠す方法。WordPress Posted on 2022年8月28日 by DIGECH php.ini情報を隠すとサイトのセキュリティが向上します。 Webサイトを保守するために、是非参考にされてみてください。 「php.ini」ファイルに記述 display_errors = off 「.htaccess… → 続きを読む
Webサイト,Wordpress,コード,セキュリティ全ページ常時SSLにする方法。WordPress Posted on 2022年8月28日 by DIGECH WebサイトにSSLの導入はされていますでしょうか? SSL導入は、セキュリティ面でもSEO面でも優位になりますので、全Webサイトに推奨しています。 特にショッピングサイトやクラウドファンディングサイトなどの、個人情報… → 続きを読む
Webサイト,Wordpress,コードリンクの書き換えを省く方法。WordPress Posted on 2022年8月28日 by DIGECH 複数のWordpressサイトを構築していると、複製する際に「URLを書き換える」という作業が面倒という問題に直面します。 この問題を未然に解決するためには下記のコードがおすすめです。 テーマの「functions.ph… → 続きを読む
16 7月 Webサイト,Wordpress,コード,スピード,プラグインなしプラグインなし!目次を実装する方法。|WordPress Posted on 2022年7月16日 by DIGECH WordPressで、プラグインを使わずに目次を実装する方法をご紹介します。 JQueryを使わない方法で、本サイトでも導入している実装方法になります。 時間もかからず工数も少ないので、宜しければご参考にされてください。… → 続きを読む
Webサイト,Wordpress,コード,プラグインなしプラグインなし!内部・外部リンク対応のブログカードを表示する方法。|WordPress Posted on 2022年7月16日2024年8月29日 by DIGECH WordPressで、プラグインを使わずにブログカードを表示する方法をご紹介致します。 プラグイン不使用には、サーバー負荷の軽減やサイト表示速度の保持など様々なメリットがあります。 WordPressには多種多様なプラグ… → 続きを読む
Webサイト,Wordpress,コード,スピードコンタクトフォーム7(Contact Form 7)指定ページのみjsとcssを読み込ませる方法。|WordPress Posted on 2020年8月16日 by DIGECH WordPressで、プラグインを使わずにContactForm7のjsとcssを指定ページのみ読み込ませる方法をご紹介します。 通常ContactForm7を導入すると、すべてのページでjsとcssが読み込まれその分表… → 続きを読む
05 8月 Webサイト,Wordpress,コード,プラグインなしプラグインなし!SEO施策機能を導入する方法。|WordPress Posted on 2020年8月5日2024年8月29日 by DIGECH WordPressで、プラグインを使わずに施策機能を導入する方法をご紹介致します。 プラグイン不使用には、サーバー負荷の軽減やサイト表示速度の保持など様々なメリットがあります。 WordPressには多種多様なプラグイン… → 続きを読む
03 8月 Webサイト,Wordpress,コード,スピード,プラグインなしプラグインなし!シンタックスハイライトPrism.jsの使い方|WordPress Posted on 2020年8月3日2024年8月29日 by DIGECH 今回はWordPressに、プラグインを使わずにシンタックスハイライトを実装する方法をご紹介します。 Webサイトやブログサイトなどにソースコードを表示させる場合に、シンタックスハイライトを使うことが多いと思います。 当… → 続きを読む