IT Product Help FilesGENHow To...Making the New Issue Live - Admin Part

Making the New Issue Live - Admin Part

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

Dashboard ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Menus ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Menus ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Do the same thing for the Current Issue sub menu item which appears under the Magazine heading.

Menus ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Magazine Issue Redirects

Go to Seo > redirects (Yoast):

Redirection ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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.)

Redirects - Yoast SEO ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Click the edit button to update the link:

Redirects - Yoast SEO ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Redirects - Yoast SEO ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Click update redirect when done:

 

Redirects - Yoast SEO ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Ignore the warning that appears. It is wrong.

Update the Digital Edition in the Sidebar

Go to WP Admin > Appearance > Widgets and

Redirects - Yoast SEO ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Widgets ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Update the highlighted link with the same magazine url you have been using for earlier steps:

Widgets ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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

Widgets ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Media Library ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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:

Widgets ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

Click the save button to lock in your changes:

Widgets ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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.

Edit Page ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

In the block editor, click the three dots at the top of the right column:

Click the code editor option:

Edit Page ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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">
Click to copy

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 -->
Click to copy

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:

Edit Page ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

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 -->
Click to copy

Paste it above all the code on the page

in the SPACE between

<div class="gb-accordion-text"> 
Click to copy

and

<!-- /wp:buttons --></div></details></div>
Click to copy

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 -->
Click to copy

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:

Edit Page ‹ GEN - Genetic Engineering and Biotechnology News — WordPress - Google Chrome

hit the update button: