You can do that either by loading all content at page-load but hiding contents till buttons are clicked like in this simple example codepen.
Or if you have a lot of content like images that you do not want to load on page-load due to loading speed you could use ajax. But that’s complicated for beginners. – Or first option with lazy-loading for the images…
Related Posts:
- Opinions and recommendations on the best barebones base theme [closed]
- Different template of products for specific category. WooCommerce
- what the best way to include images from the template’s images folder?
- How to use media upload on theme option page?
- WordPress 5 / Gutenberg – theme doesn’t have featured image option showing up
- How to refresh WordPress Customizer panel upon entering a value
- Set Featured Image for Archive templates
- How do I add a new string to a .po or .pot file?
- Free/Open-Source Theme Frameworks as an Alternate to Thesis? [closed]
- Multiple image logo for theme
- How do I change Twenty Nineteen’s primary color without using the color slider in the theme customizer?
- How to add the main style.css to my index.php?
- How to attach region identifier to a pretty url?
- Remove action within a class in a parent theme from the child theme
- How to get themes from wordpress.com per SVN? [closed]
- Edit raw HTML of the landing page
- How to move WordPress theme files into a subfolder without breaking the theme?
- remove rel=next on home page but not others
- Disable Sidebar in the Product Page in Storefront Theme [closed]
- How do you create a custom WPTouch theme?
- Added a new template file to a theme – get Call to undefined function error
- Renaming the Twenty Fourteen WordPress theme
- Defining different theme for Blog posts page
- Working with an Array inside Your Theme Options Array – Multiple Values
- WordPress Theme for Video Showcase [closed]
- How to understand a specific bit of WordPress syntax
- How to unset comment_notes_before field in WordPress comment_form
- Widgets menu does not appear under “Appearance” in dashboard
- Child theme not working after Parent Theme Update
- How to loop over wp_get_themes() and create an array of themes name
- Combining wordpress themes
- how to use the slide show of Skylark in showcase?
- WordPress theme options and insert default value for serialize data
- Switching to a child theme
- CSS Start Fresh option on; main.css still being loaded [closed]
- When creating a WordPress site how can you create different versions of the site with different themes?
- Restrict access to specific widget field based on user role
- Twenty Twelve theme search returns Nothing Found
- WooThemes PremiumNews Theme jQuery Conflict with WordPress 3.2
- Finding and disabling ‘rogue’ stylesheet from header: Source Sans Pro
- after_setup_theme is called three times
- Losing all my text and entries on ColorWay Theme
- Can I create a child theme from a premium theme without losing my posts and page etc that I already have?
- Change copyright text on the footer section [closed]
- WordPress front page empty, however, there is content on website
- How do I remove ‘Active Theme’ section from Customizer?
- Blank line before doctype
- How to reset a custom theme
- Warning : Invalid argument supplied for foreach() in theme php on line 56 [closed]
- Cannot changing login button color, have tried theme, plugins… is it GoDaddy managed?
- Why submenu item’s background color is not changing by css?
- WordPress Baskerville 2 translation
- How To Show Different Footers For Different Post Types Pages?
- Uploading new version of theme fails, folder already exists
- Cannot see theme in my search
- What login/password do I need to install a wordpress theme?
- How to get ONLY the URL of the image that show_media_header returns?
- get_pages Not accepting my query
- Date based CSS/theme
- Twenty Ten theme – how to put a different header banner on every page
- Make a menu item unselectable
- Customizing 1 theme for multiple blogs in a multisite setup
- Unable to thread comments because of custom comments.php file
- problem with wp theme uploading to server..?
- conditional statement if wordpress theme block is empty then hide block
- Can I use non-wordpress themes in WordPress?
- Is bloginfo(‘template_directory’) generated based on WP_SITEURL and WP_HOME in the settings?
- How to edit the default comment title?
- Why my function.php file in theme delete automatically? [closed]
- How to reverse the pagination numbers of an archive?
- Theme CSS missing completely
- How to implement this layout?
- WordPress customizer extremely slow, cant work in it
- Own Theme custom CSS does not display in editor but works in page
- Remove Read More Buttons
- Themes don’t show up in the dashboard -> Appearance -> Themes
- Error while downloading WordPress themes
- wordpress theme link url
- Work on theme files on a server & browser preview before installing it
- Route to custom file
- “Template is missing” install error on non-child theme
- div having different appearances in different themes
- Satoshi WordPress Theme – Portfolio SetUp Issues
- wordpress template page Usage [duplicate]
- No “available widgets” (wordpress 3.2.1 multisite)
- How to create a second index.php?
- How to make a website like the ones in theme demos? [closed]
- how to use Easy Docs theme to write a book?
- Can’t upload the theme
- Divi theme including javascript
- 2 WP websites same content different themes
- How is WordPress child related to Buddypress child theme
- Remove ALL HTML from single page
- Remove Google Fonts from parent theme within a child theme [closed]
- Define a Custom Template Part As A Widget Area
- Changing Sidebar In 2023 Theme
- My theme is not translated
- Wrong theme being activated
- I am unable to remove “© 2022 My Blog | PopularFX Theme ” from footer [closed]
- Workaround AJAX calling without directly calling WordPress backend (Admin dashboard) because it is restricted to the end user (the public)