-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a8d2dbf
commit 64b9503
Showing
5 changed files
with
44 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
Display Firestore with Pagination in WordPress | ||
============= | ||
|
||
In this tutorial, I will show you how to retrieve the database from your Firestore and display it on the WordPress website with pagination. Before that, make sure you have: | ||
|
||
- Install and active Integrate Firebase plugin | ||
- Update the firebase configuration on the Firebase dashboard | ||
- Make sure that Firebase security rules allow you to access the document with or without logging in | ||
|
||
The plugin support getting one document and display on the frontend as a table with the shortcode. | ||
|
||
.. code-block:: php | ||
[firestore_pagination | ||
class='test' | ||
collection_name='users' | ||
display_fields='firstName,lastName,email' | ||
order_by='createdAt|DESC' | ||
limit="4" child_page='https://wordpress.dalenguyen.me/dynamic-display-firestore-data-from-table/' | ||
child_page_target_field='firstName' | ||
pagination="true" | ||
] | ||
.. figure:: /images/database/firestore-with-pagination.png | ||
:scale: 70% | ||
:align: center | ||
|
||
Display firestore with pagination | ||
|
||
If the default shortcode doesn't suite your needs, you can create a custom one. Please follow the guide for developers. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters