LoginSignup
7
3

Laravelでページネーションを実装したときページネーターの解像度がおかしい件について

Last updated at Posted at 2023-05-22

ページネーションとは

ウェブページやアプリケーションの長い一覧やコンテンツを複数のページに分割して表示するためのナビゲーションシステムです。通常、大量のデータやコンテンツを持つページでは、すべてのコンテンツを一度に表示することは適切ではありません。その代わりに、ページネーションを使用してコンテンツを複数のページに分割し、ユーザーが必要な情報に素早くアクセスできるようにします。

実装時のLaravelバージョン

フレームワークバージョン:10.11.0

ページネーション実装時におこったこと

ページネーションを実装すると、ページ下にリンクと矢印が用意されますが
次のように矢印の解像度が大きく表示されました

スクリーンショット 2023-05-22 17.44.53.png

改善に実行したこと

参考リンク
https://noauto-nolife.com/post/laravel8-paginator-svg/

Laravelのプロジェクトディレクトリに存在する以下のファイルを開くapp/Providers/AppServiceProvider.php

開いたファイルのコードを次のコードで全て上書きします。

AppServiceProvider.php
<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;


use Illuminate\Pagination\Paginator;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }

    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Paginator::useBootstrap();
    }
}

ブラウザを更新する

コードを修正したことにより、解像度が大きすぎた矢印はなくなり
正常なページネーションが表示されました

スクリーンショット 2023-05-22 17.57.17.png

7
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
3