画像を整理し管理が楽になるプラグイン「Media Library Organizer」【メディアライブラリ】
プル デザイン 原神情報サイト
「Media Library Organizer」(メディア ライブラリ オーガナイザー)は、WordPressのメディアライブラリ内の写 …トップへ戻るボタンをクリックした際にURLにハッシュ「#」がついてしまう【解決方法】
プル デザイン 原神情報サイト
トップに戻るボタンをクリックするとURLの末尾に#がついてしまう現象を#を付けない処理方法について解説します。 右下にあるボタンをク …WordPressで作ったサイトで厳選し導入しているプラグイン10選【Plugin】
プル デザイン 原神情報サイト
当サイトで厳選して導入しているプラグインを10個紹介します。 ▪厳選プラグインの特徴 ⇩ プラグイン役割All-in-One …画像をWebPに一括変換するプラグイン(Converter for Media)【Webサイト速度改善】
プル デザイン 原神情報サイト
WordPressにアップロードされた画像をWebPに変換し、Webサイト速度を改善するプラグイン「Converter for Media …GoogleAdsense広告を遅延読込でサイトパフォーマンス向上させる方法【レイジーロード】
プル デザイン 原神情報サイト
GoogleAdsense広告がインストールされているサイトの読み込みを高速化させる方法について共有します。 ▪参考記事⇩ ➡ …WebサイトにPWA機能を導入する方法 - (Service Workerは未対応)【PWA対応】
プル デザイン 原神情報サイト
PWAとは「Progressive Web Apps」の略で、Webサイトのコンテンツをアプリのようにスマートフォンで扱える為、アプリとし …既知のセキュリティの脆弱性を含んだライブラリが含まれています -【バージョン変更】
プル デザイン 原神情報サイト
PageSpeed Insightsのチェックで検出された問題点、既知のセキュリティの脆弱性を含んだフロントエンドの JavaScript …リンクに識別可能な名前が指定されていません - 代替テキストを使用する方法【aria-label属性】
プル デザイン 原神情報サイト
PageSpeed Insightsのチェックで検出された問題点リンクに識別可能な名前が指定されていませんの解決方法についてです。 …アイキャッチ画像が設定されてなくても、記事内の画像をアイキャッチ画像に設定する方法【優先順位を決める】
プル デザイン 原神情報サイト
WordPressの投稿でアイキャッチ画像が設定されていない場合でも「記事内の画像をアイキャッチ画像に指定する」「アイキャッチ画像と記事内 …wordpressでアイキャッチ画像を設定できない場合の対処法(ブロックエディタと旧エディター対応)
プル デザイン 原神情報サイト
有料テーマなどを使っている場合は、元々アイキャッチ画像が有効化されていて、画像を入れるだけで適応されますが、HTMLからPHPに変更し自作 …セクションごとにスクロールさせる方法 - scrollfy.jsの使い方【jQuery】
プル デザイン 原神情報サイト
各セクションごとにスクロールさせる為には、jQueryを使用して動作させる必要があります。 そこで簡単に実装が可能なjQueryのプ …Web製作をする上でコーダーに超おすすめGoogle拡張機能13選【無料まとめ】
プル デザイン 原神情報サイト
Web製作において、少しでも効率的に作業ができるGoogle拡張機能を紹介。 拡張機能上手く使いこなすことによって作業工数の削減する …作業効率UP爆速!!画像圧縮&変換&URL短縮&Code比較サイト一覧【WEB上便利ツールまとめ】
プル デザイン 原神情報サイト
Web製作をしていく中で、「画像の拡張子を変えたい」「動画のデータ量を減らしたい」といった悩みがつきものです。 そこでデータの「圧縮 …JINテーマでページネーションにアニメーションを追加する方法(フワッと順番に表示させる)【jQuery】
プル デザイン 原神情報サイト
JINテーマを独自にカスタマイズした中で今回はページネーションにアニメーションを追加しましたので紹介します。 ▪アニメーション動作は …スクロールバー(scrollbar)のデザインを変更する方法【CSS】
プル デザイン 原神情報サイト
CSSのみでスクロールバーをカスタマイズする方法について解説します。ブラウザで一番右側に表示されているのがスクロールバー。 Goog …約物半角専用のWebフォント「Yaku han JP」記号の字詰めを整える【Web Font】
プル デザイン 原神情報サイト
デザイナーにとって一番難しいとされる「文字詰め」かなり気を使い調整します。 Photoshopやillustratorで作るグラフィ …