![media-_library_-organizer](https://design-pull.com/wp-content/uploads/2022/12/media-_library_-organizer-640x360.jpg)
画像を整理し管理が楽になるプラグイン「Media Library Organizer」【メディアライブラリ】
プル デザイン 原神攻略サイト
「Media Library Organizer」(メディア ライブラリ オーガナイザー)は、WordPressのメディアライブラリ内の写 …![ハッシュ](https://design-pull.com/wp-content/uploads/2022/11/hash-img-640x360.jpg)
トップへ戻るボタンをクリックした際にURLにハッシュ「#」がついてしまう【解決方法】
プル デザイン 原神攻略サイト
トップに戻るボタンをクリックするとURLの末尾に#がついてしまう現象を#を付けない処理方法について解説します。 右下にあるボタンをク …![プラグイン](https://design-pull.com/wp-content/uploads/2022/11/pg__extension-640x360.jpg)
WordPressで作ったサイトで厳選し導入しているプラグイン10選【Plugin】
プル デザイン 原神攻略サイト
当サイトで厳選して導入しているプラグインを10個紹介します。 ▪厳選プラグインの特徴 ⇩ All-in-One WP Migr …![Converter for Media](https://design-pull.com/wp-content/uploads/2022/11/converter-for-media-640x360.jpg)
画像をWebPに一括変換するプラグイン(Converter for Media)【Webサイト速度改善】
プル デザイン 原神攻略サイト
WordPressにアップロードされた画像をWebPに変換し、Webサイト速度を改善するプラグイン「Converter for Media …![グーグルアドセンス](https://design-pull.com/wp-content/uploads/2022/11/googleadsense-640x360.jpg)
GoogleAdsense広告を遅延読込でサイトパフォーマンス向上させる方法【レイジーロード】
プル デザイン 原神攻略サイト
GoogleAdsense広告がインストールされているサイトの読み込みを高速化させる方法について共有します。 ▪参考記事⇩ ➡ …![PWA機能を導入](https://design-pull.com/wp-content/uploads/2022/11/pwa-640x360.jpg)
WebサイトにPWA機能を導入する方法 - (Service Workerは未対応)【PWA対応】
プル デザイン 原神攻略サイト
PWAとは「Progressive Web Apps」の略で、Webサイトのコンテンツをアプリのようにスマートフォンで扱える為、アプリとし …![脆弱性を含んだフロントエンド](https://design-pull.com/wp-content/uploads/2022/10/js-library-640x360.jpg)
既知のセキュリティの脆弱性を含んだライブラリが含まれています -【バージョン変更】
プル デザイン 原神攻略サイト
PageSpeed Insightsのチェックで検出された問題点、既知のセキュリティの脆弱性を含んだフロントエンドの JavaScript …![代用テキスト](https://design-pull.com/wp-content/uploads/2022/10/aria-label-640x360.jpg)
リンクに識別可能な名前が指定されていません - 代替テキストを使用する方法【aria-label属性】
プル デザイン 原神攻略サイト
PageSpeed Insightsのチェックで検出された問題点リンクに識別可能な名前が指定されていませんの解決方法についてです。 …![アイキャッチ画像取得](https://design-pull.com/wp-content/uploads/2022/10/priority-image-640x360.jpg)
アイキャッチ画像が設定されてなくても、記事内の画像をアイキャッチ画像に設定する方法【優先順位を決める】
プル デザイン 原神攻略サイト
WordPressの投稿でアイキャッチ画像が設定されていない場合でも「記事内の画像をアイキャッチ画像に指定する」「アイキャッチ画像と記事内 …![アイキャッチ画像を有効化](https://design-pull.com/wp-content/uploads/2022/10/featured-image-640x360.jpg)
wordpressでアイキャッチ画像を設定できない場合の対処法(ブロックエディタと旧エディター対応)
プル デザイン 原神攻略サイト
有料テーマなどを使っている場合は、元々アイキャッチ画像が有効化されていて、画像を入れるだけで適応されますが、HTMLからPHPに変更し自作 …![scrollify.js](https://design-pull.com/wp-content/uploads/2022/10/pull-scrollfy-640x360.jpg)
セクションごとにスクロールさせる方法 - scrollfy.jsの使い方【jQuery】
プル デザイン 原神攻略サイト
各セクションごとにスクロールさせる為には、jQueryを使用して動作させる必要があります。 そこで簡単に実装が可能なjQueryのプ …![Google拡張機能](https://design-pull.com/wp-content/uploads/2022/10/google_extension-640x360.jpg)
Web製作をする上でコーダーに超おすすめGoogle拡張機能13選【無料まとめ】
プル デザイン 原神攻略サイト
Web製作において、少しでも効率的に作業ができるGoogle拡張機能を紹介。 拡張機能上手く使いこなすことによって作業工数の削減する …![作業効率UP爆速](https://design-pull.com/wp-content/uploads/2022/09/convenient-tool-640x360.jpg)
作業効率UP爆速!!画像圧縮&変換&URL短縮&Code比較サイト一覧【WEB上便利ツールまとめ】
プル デザイン 原神攻略サイト
Web製作をしていく中で、「画像の拡張子を変えたい」「動画のデータ量を減らしたい」といった悩みがつきものです。 そこでデータの「圧縮 …![JINアニメーション](https://design-pull.com/wp-content/uploads/2022/09/jin-customization-640x360.jpg)
JINテーマでページネーションにアニメーションを追加する方法(フワッと順番に表示させる)【jQuery】
プル デザイン 原神攻略サイト
JINテーマを独自にカスタマイズした中で今回はページネーションにアニメーションを追加しましたので紹介します。 ▪アニメーション動作は …![スクロールバーをカスタマイズ](https://design-pull.com/wp-content/uploads/2022/09/webkit-scrollbar-640x360.jpg)
スクロールバー(scrollbar)のデザインを変更する方法【CSS】
プル デザイン 原神攻略サイト
CSSのみでスクロールバーをカスタマイズする方法について解説します。ブラウザで一番右側に表示されているのがスクロールバー。 Goog …![Yaku han JP](https://design-pull.com/wp-content/uploads/2022/09/half-size-640x360.jpg)
約物半角専用のWebフォント「Yaku han JP」記号の字詰めを整える【Web Font】
プル デザイン 原神攻略サイト
デザイナーにとって一番難しいとされる「文字詰め」かなり気を使い調整します。 Photoshopやillustratorで作るグラフィ …![ログイン画面をプラグインなしで簡単に変更する方法](https://design-pull.com/wp-content/uploads/2022/09/wordpress_login-640x360.jpg)
WordPressのログイン画面をプラグインなしで簡単に変更する方法【functions.php】
プル デザイン 原神攻略サイト
WordPressサイトを複数所有している場合、ログイン画面が全く同じだとURLを確認しないと直感でどこのサイトなのかがわからない。 …![Custom Post Type UIとWP-PageNavi](https://design-pull.com/wp-content/uploads/2022/08/customposttypeui-wppagenavi-640x360.jpg)
ブログ一覧ページをCustom Post Type UIとWP-PageNaviを組み合わせて作る方法【プラグイン】
プル デザイン 原神攻略サイト
Web製作で必須となる企業のブログ一覧ページの作り方についての記事になります。 カスタム投稿は「Custom Post Type U …![WordPress管理画面のメニューを消す方法](https://design-pull.com/wp-content/uploads/2022/08/menu-none-640x360.jpg)
WordPress管理画面のメニューを消す方法と管理者以外の制限方法とプラグイン制限【WordPress】
プル デザイン 原神攻略サイト
初期状態のWordPress管理画面のメニューを削除する方法についてです。 何もプラグインを導入していない場合は下記の画像のようなメ …![【ズーム機能を追加】Slick/全画面でふわっと切り替えスライドショー](https://design-pull.com/wp-content/uploads/2022/08/zoom-function-640x360.jpg)
【ズーム機能を追加】Slick/全画面でふわっと切り替えスライドショー
プル デザイン 原神攻略サイト
基本の「slickの実装方法」については下記の記事で確認できます。 https://design-pull.com/web-desi …