21 lines
961 B
Markdown
21 lines
961 B
Markdown
|
# WordPress-Fetch-Posts
|
||
|
|
|
||
|
|
A proof of concept on how to fetch posts from WordPress using the WordPress API, and append them to your website, using vanilla JavaScript.
|
||
|
|
The HTML markup uses [Tailwind CSS](https://tailwindcss.com/) just to make it look a bit prettier, but the logic itself is pure JavaScript.
|
||
|
|
|
||
|
|
The logic itself can be found in `blog.js`, which ties into `blog.html`.
|
||
|
|
Modifying the first few variables in `blog.js` should be enough to get you started with your own page.
|
||
|
|
|
||
|
|
You can find an example of this running "live" on: [wptest.thomassen.dev](https://wptest.thomassen.dev/blog.html)
|
||
|
|
|
||
|
|
## View more button
|
||
|
|
|
||
|
|
One thing to note is that the "View more" button gets hidden using a CSS class called `hidden`, which is included in [Tailwind CSS](https://tailwindcss.com/docs/display#hidden).
|
||
|
|
|
||
|
|
If you're not using Tailwind CSS, or any other CSS framework that has a `hidden` class, you can add the following CSS:
|
||
|
|
|
||
|
|
```css
|
||
|
|
.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
```
|