Select from the available pre-built pods layouts below.
How to use pre-built Pods layouts
Once pods is installed and active, go to:
- Dashboard > pods admin > components
- Then under "Migrate: Packages" click "Enable"
Once this is enabled, you should see a "Migrate Packages" link appear under pods admin - components
From the dashboard > pods admin > components:
- Click "Migrate Packages"
- Select "Import"
- Then click continue
Go to the pods package you would like to import from the styleguide (this example is using team members), then triple-click to select all of the pods package code and copy it.
Back in your migrate packages screen, you should see an empty block titled "Paste the Package Code"
- Paste your copied code here without any spaces above or below it
- Then click "continue"
- The import/export bar above should be green with a check mark beside it, and results should say "Import complete"
- The pods package you selected should be listed under results as seen in the image below
Now that your pods package has been added, you can import the themer layout to go with it
- From the dashboard go to tools > import
- Under "WordPress" select "Install"
- Once its installed, select "Run Importer"
Important Note: Importing themer layouts provided to you by PWS via download from the styleguide is the second ONLY acceptable use case for the WordPress Importer plugin, the first being to import blog posts. After importing the layouts, please deactivate and remove this plugin.
Go to the pods package you would like to import from the styleguide (this example is using team members) - the same one from step 3:
- Click the "Themer Layouts" download button and save the xml
- Then in the WordPress importer, select this xml file
- Click the "Upload file and import" button
- Assign posts to an existing user > select your admin account from the dropdown
- Check the box to import attachments
- Then click submit to complete the import
How to make changes to pre-built Pods layouts
- Go to dashboard > pods admin > edit pods
- Click "delete" under the field you want to get rid of
- Save the overall pod before you continue
You will need to remove this field from any themer layouts you may have
After you make changes to your pod, go to an already added post and add to the fields, then update this post
Make sure you view the post that you just added all the new information to so that you can see those fields and their content and you can style them appropriately
Open the html block and change any field names that you changed in the edit pods screen
In this example, the following items were done to the pod:
- I edited the social_link field and changed the name to "linkedin"
- I duplicated the linkedin field and changed the name to "instagram"
- I duplicated the email field and changed the name to "phone"
In this example, the following items were done to the singular themer layout:
- I changed the field name in the social_link a tag to "linkedin"
- I duplicated the linkedin a tag and changed the name to "instagram" - I replaced the linkedin icon with an instagram icon from fontawesome
- I duplicated the email a tag and changed the name to "phone" - I changed the "mailto:" link to a "tel:" link - I replaced the envelope icon with a phone icon from fontawesome
Once you like how it looks, save and publish the layout
Once you have your fields properly mapped out on your singular themer layout, you can copy these for your archive post layout
Head to your archive page, then click to open the themer layout in beaver builder
Click the post settings and edit the custom post layout
Paste your new fields here from your singular layout and rearrange them as needed - remember to change the names of any existing fields you made changes to
Save and publish your layout
If you have a site with a page that needs your pods on it, and its not an archive page, it will not need to use main query
For example if you want to place a posts module with team members on the about page in a row, you can download and import and use this template. It is the exact same as the themer layout template, but content is set to custom query instead of main.
You can also just edit the themer layout, save the posts module from there, load it onto the about page and change it from main to custom query > then change the post type to team members and adjust the order.