質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

デザイン

プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

ページネーションのデザイン方法

reol-777
reol-777

総合スコア14

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

デザイン

プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

1回答

0グッド

0クリップ

527閲覧

投稿2021/01/01 06:01

編集2021/01/01 06:38

todoアプリを作っているのですが、ページネーションのデザインを変えたいです。どのように変えればよいのでしょうか?単純にCSSとかでできますか?cssで変えられるのかどうかだけ教えてください。
イメージ説明

pagination

1{% load static %} 2{% block customcss %} 3 <link rel='stylesheet' href="{% static 'style.css' %}"> 4{% endblock customcss %} 5 6<div class="page"> 7 <ul class="pagination"> 8 <!-- 前へ の部分 --> 9 {% if page_obj.has_previous %} 10 <li class="page-item"> 11 <a class="page-link" href="?page={{ page_obj.previous_page_number }}"> 12 <span aria-hidden="true">&laquo;</span> 13 </a> 14 </li> 15 {% else %} 16 <li class="page-item"> 17 <a class="page-link" href="#"> 18 <span aria-hidden="true">&laquo;</span> 19 </a> 20 </li> 21 {% endif %} 22 23 <!-- 数字の部分 --> 24 {% for num in page_obj.paginator.page_range %} 25 {% if page_obj.number == num %} 26 <li class="page-item active"><a class="page-link" href="#!">{{ num }}</a></li> 27 {% else %} 28 <li class="page-item"><a class="page-link" href="?page={{ num }}">{{ num }}</a></li> 29 {% endif %} 30 {% endfor %} 31 32 <!-- 次へ の部分 --> 33 {% if page_obj.has_next %} 34 <li class="page-item"> 35 <a class="page-link" href="?page={{ page_obj.next_page_number }}"> 36 <span aria-hidden="true">&raquo;</span> 37 </a> 38 </li> 39 {% else %} 40 <li class="page-item"> 41 <a class="page-link" href="#"> 42 <span aria-hidden="true">&raquo;</span> 43 </a> 44 </li> 45 {% endif %} 46 </ul> 47</div> 48

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

2021/01/01 06:09依頼された後にこの質問は修正されています

こちらの質問が他のユーザーから「過去の低評価」という指摘を受けました。

回答1

1

ベストアンサー

googleで、以下のような語句で検索すると、参考コードも掲載されているページがヒットしますよ。
「ページネーション 事例」
「ページネーション html」

投稿2021/01/01 06:38

_whitecat_22

総合スコア1305

azzurrosa👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

デザイン

プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

ページネーション

Webアプリケーションにおいて、1ページに収まらないコンテンツを、各ページへのリンクを並べてアクセスしやすくする手法をページネーションと呼びます。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。