To create a WordPress page that includes a Google Calendar and downloadable files

To create a WordPress page that includes a Google Calendar and downloadable files for users, follow these steps:

Step 1: Add a New Page in WordPress

1. Go to your WordPress dashboard.
2. Navigate to Pages > Add New.
3. Name the page (e.g., "Resources & Calendar").

Step 2: Embed a Google Calendar

1. Get the Google Calendar Embed Code:

   • Open your Google Calendar.
   • Click on the gear icon in the top-right corner and select Settings.
   • Under Settings for My Calendars, select the calendar you want to embed.
   • Scroll to the Integrate calendar section and copy the iframe embed code.

2. Add to the Page:

   • In the WordPress page editor, switch to the HTML editor (or add a Custom HTML block in the Block Editor/Gutenberg).
   • Paste the copied iframe code where you want the calendar to appear.

Step 3: Add Downloadable Files

1. Upload Files:

   • Go to Media > Add New in your dashboard.
   • Upload the files (e.g., PDFs, Word documents, etc.) you want users to download.

2. Insert Links:

   • In the page editor, add text like “Download File 1” or “Download the Guide.”
   • Highlight the text, click on the link icon, and add the URL for the uploaded file (found in the Media Library).

3. Alternatively, if you want to display all files in a directory-style format:

   • Use a plugin like File Manager or Download Monitor to organize and present files more effectively.

Optional Enhancements

1. Use a Plugin for Calendar Integration: If you want a more dynamic Google Calendar display, consider using a plugin like Simple Calendar – Google Calendar Plugin.

   • Install and activate the plugin.
   • Follow the plugin's instructions to link your Google Calendar.

2. Style the Page:

   • Add custom CSS via Appearance > Customize > Additional CSS to make the page visually appealing.
   • Example CSS for centering the calendar:

     iframe {
         margin: 0 auto;
         display: block;
         width: 100%;
         max-width: 800px;
         height: 600px;
         border: none;
     }
     
     

Step 4: Publish the Page

1. Once your calendar and file links are added, click Publish.
2. Add the page to your menu by navigating to Appearance > Menus.