Making the New Issue Live - Admin Part
Main Navigation changes
Got to https://www.genengnews.com/ and login by clicking the link to login on the top left of the site. Then click the dashboard link to go to the dashboard. Scroll down to the Appearance > Menus
Make sure Desktop-&-Tablet-Menu is selected. It should be since it is the default menu used across the site, but it's best to always check that before proceeding:
Scroll down to the Magazine item in the menu:
First, get the url for the new issue from the editorial team or from the bottom of the homepage. They usually include it in the pof they create to request an admin to make this change since only admins can access this area of WordPress. They also put the issue on the homepage before putting up the pof, so you can grab it from there too. Enter just the part of the url AFTER the genengnews.com in the circled field as shown:
Leave the Navigation label as is. This is what shows on the front end of the site. Also leave the Display mode settings as they are
Next, click the save menu button at the top of the page to save your changes and make them live:
Do the same thing for the Current Issue sub menu item which appears under the Magazine heading.
Magazine Issue Redirects
Go to Seo > redirects (Yoast):
Search for /Magazine to update that link to the new issue. (DO NOT create a new redirect for /magazine. You must update the existing link or it will break the magazine gating that is in place.)
Click the edit button to update the link:
Change the url to the url for the current issue that you used for the main navigation and the issue/toc/0 redirect you updated in the previous step. /Magazine always goes to the current issue:
Click update redirect when done:
Ignore the warning that appears. It is wrong.
Update the Digital Edition in the Sidebar
Go to WP Admin > Appearance > Widgets and
The main sidebar on GEN is the Newspaper default sidebar. Click the Text: Read the Digital Edition widget in that sidebar to edit it:
Click the text tab to switch to the test editor, which is much easier to update:
Update the highlighted link with the same magazine url you have been using for earlier steps:
Next, grab the link to the digital edition for the new issue and drop it into a new browser tab to see what the cover looks like. After that, we need to get the url for that image. In a another new browser tab go to WP Admin > Media Library
Look for the cover image in the gallery. It should be one of the most recent images and click on it:
Next, copy the url for the cover image:
Go back to the browser tab where you were editing the sidebar and paste the url for the cover image in place of the highlighted text shown in the image below:
Click the save button to lock in your changes:
Update the Past Issue Page
Go to https://www.genengnews.com/magazine/past-issues/ after you log into GEN and click the edit page link:
the page should load in the Gutenberg block editor, which looks like this:
If it does not load in the block editor, go to the switch block editor link in the right column and click the link to switch editors. The page is built using an addon for the block editor and you can screw up the page code if you do not edit it in block editor.
In the block editor, click the three dots at the top of the right column:
Click the code editor option:
Find the first instance of:
<!-- wp:genesis-blocks/gb-accordion {"className":"past-issue-block"} -->
<div class="wp-block-genesis-blocks-gb-accordion past-issue-block gb-block-accordion"><details><summary class="gb-accordion-title">2021</summary><div class="gb-accordion-text">
Put your cursor right after that block of code and hit the enter key to separate the accordion block code from the buttons that are inside the accordion.
Next, copy the code below and paste it where you added that space:
<!-- wp:button {"className":"past-issue-button"} -->
<div class="wp-block-button past-issue-button"><a class="wp-block-button__link" href="https://www.genengnews.com/magazine/june-2021-vol-41-no-6/" target="_blank" rel="noreferrer noopener"> Volume 41, No. 6, June 2021</a></div>
<!-- /wp:button -->
Update the above code chunk with the new issue link and link text then click the Visual Code editor in the right column to see your changes:
hit the update button:
How to create a new accordion for the past Issue page
To create a new accordion to house the buttons for a new year's worth of issue, make sure you're in the code editor mode then copy the following code:
<!-- wp:genesis-blocks/gb-accordion {"className":"past-issue-block"} -->
<div class="wp-block-genesis-blocks-gb-accordion past-issue-block gb-block-accordion"><details><summary class="gb-accordion-title">2021</summary><div class="gb-accordion-text">
<!-- /wp:buttons --></div></details></div>
<!-- /wp:genesis-blocks/gb-accordion -->
Paste it above all the code on the page
in the SPACE between
<div class="gb-accordion-text">
and
<!-- /wp:buttons --></div></details></div>
paste this code to create your first nested button:
<!-- wp:button {"className":"past-issue-button"} -->
<div class="wp-block-button past-issue-button"><a class="wp-block-button__link" href="https://www.genengnews.com/magazine/june-2021-vol-41-no-6/" target="_blank" rel="noreferrer noopener"> Volume 41, No. 6, June 2021</a></div>
<!-- /wp:button -->
Update the above button text with the link and link text for the first issue you want to add to the new accordion. Click the Visual Code editor in the right column to see your changes:
hit the update button: