Starting with an article in progress, the headline, body text and a featured photo have been placed. Beneath the second paragraph we will use the Columns block to split the main body text to the left, wrapping around the recipe (using a List block) aligned right.

First use either the + button in the options bar at the top of the article editor, or click within a Paragraph block and hover near the bottom until the + button appears.

From the block search popup choose Columns.

From the variations panel will will chose the 50/50 split to start with.

Clicking on the angled three-line menu button in the top options bar will reveal the Block outline. This allows you to more easily find and select nested blocks (which will be how we continue building the info box).

Select the right-hand column via the outline or directly (there is also a clickable bread crumb ‘Document >> Columns >> Columns’ at the bottom of the editor that displays which block is currently selected.

Within this right column we will add a group. This creates a different level of control so that we can add block colors and styling more easily.

We will now add the info box content by clicking the + button while the group is selected: a heading and an ingredients list.

To set this content apart apply a color to the group block.

The last step is to move paragraph blocks from the main article flow into the left column to complete the layout. This needs to be done via copy and paste to ensure the content is placed into the correct block.

The Media Library contains all media types from images to PDF’s that are uploaded and used on your website. In this section we will look at how to set captions, alt-text, as well as crop, flip or scale an image in your library.

To reach the Media Library, go to your Admin Dashboard and click Media in the left-side menu.

This will take you to the main library page where you can view thumbnails of your media items.

Note that you can upload single or multiple files to the library by simply dragging and dropping from your computer onto the Library page. All uploaded images are then processed creating various sized options for use in different parts of the site.

Once a media item has been uploaded to the library it can be inserted into an article using the Image Block.

You can also do some basic editing of an image directly in the Media Library.

Clicking on any thumbnail in the library will bring up the details for that media item.

Here you can set Alternative Text, a caption and description which will remain set wherever the item appears, although this can be overwritten on per-case basis.

Below the image there is an Edit Image button which will allow you to permanently edit the image itself.

Once you click on the Edit Image button a new page will appear with options to crop, rotate, flip or scale the image.

To crop the image simply click and drag your pointer over the image to create a selection crop box with handles for easy adjustment. If you are satisfied with the crop selection, apply it by clicking on Crop button above the image and then click Save.

Rotation and flipping can be adjusted with their respective buttons above the image. Be sure to click the Save button to apply any edits.

Finally you can set the image dimensions directly and apply a new scale on the right.

Note you can select to have these edits apply to all the auto-generated image sizes, or just the thumbnails.

The NextGEN Gallery plugin allows users to upload a collection of photos in the back end of the website and organize them into a gallery, much like our previously-supported photo gallery plugin, MaxGalleria. The big advantage to NextGEN Gallery, aside from the general ease of use, is the ability to display the same gallery of photos in multiple locations and in different layouts each time.

I’ll demonstrate what I mean below. First, let’s create our first gallery using NextGEN Gallery.

1. Create the Gallery

You can actually create a NextGEN Gallery from any page or article editor, but for the sake of this tutorial, we’re going to keep it as simple as possible and start from the dashboard.

Find the NextGEN Gallery item on the dashboard menu and navigate to the Add Gallery/Images page.

You’ll be presented with a page asking you to select which gallery you want to upload photos to. Since we have not yet created a gallery, the only option for us is to “Create a new gallery.”

I’ve entered the name “New Gallery” and clicked Create and Select.

Once the “New Gallery” is selected, click the “Browse” button to upload some photos from your computer and add them to the gallery. The progress is visible as each photo is uploaded and saved to the gallery.

Once your photos have finished uploading, you can navigate to NextGEN Gallery -> Manage Galleries to edit the gallery you’ve created or any of the photos included within.You’ll notice that we did not at any point select a “template” or adjust any settings that determine how this photo gallery will appear on a page or within an article. That is because, unlike with MaxGallery, a single photo gallery in NextGEN Gallery can be displayed in various places each with a different template.

2. Placing a Gallery

In this example, I’m going to place our first gallery inside of an Article named “Pet Photos of the Week.” We’ll assume this publication is highlighting some photos of their readers pets in the new article.

If using the classic editor, you’ll see the option to Add Gallery just above the toolbar. If using the block editor, you’ll want to add a new Block and search for the NextGEN Gallery block.

Once you’ve added the block and clicked Add Gallery, you’ll see a page asking you to select which Gallery (or galleries) you want to add to the page. Below that, there are a number of gallery templates available to choose from that determine how your gallery will display.

These templates include basic options for thumbnails, slideshows & image browsers, as well as the paid Pro versions of these templates. All are available to OHT customers.

Once you’ve selected a template, you can click the Customize Display Settings tab to further adjust the gallery settings.

I went with the simple Pro Thumbnail Grid to create the gallery below.That is all there is to it! If I wanted to display the same set of photos in a different format somewhere else on the website, I would follow the same process: click Add Gallery from the NextGEN block/toolbar and select your existing Gallery of Photos, then choose the format you want to display it!

1. From your website’s dashboard look for Reverse Publishing in the listing on the left. As you hover your mouse a submenu will appear then click on Reverse Publishing.
2. Here is where your website’s article content can be exported for a particular edition and filtered by category.
3. You want to ensure that your character and paragraph style names are identical to those in your InDesign template.
4. Then select the addition date and either all categories or you can select a single category for export.
5. Once you have made your selections, click on the Export button.
6. This will prompt you to save a zip file to your computer.
7. Once downloaded, extract this zip file and you will then have a folder containing and XML file and all images associated with the articles.
8. Open your InDesign template and under the file menu choose Import XML.
9. Select the XML file in the folder extracted from the zip file download.
10. Make sure the Show XML Import Options button is ticked as well as Merge Content.
11. On the import options window tick the following buttons: 
12. The Create link option is necessary so that if you export updated content from your website and re-import the XML into InDesign, all your content will update automatically.
13. Click OK.
14. Once the XML is imported the Structure pane will appear to the left of your document containing the Root tag. Click the small arrow to the left of the tag to reveal the contents of the XML import.
15. You can then click on the arrow next to individual stories to reveal the individual items such as Title, Byline, Body Text, and Images.
16. Depending on your layout you can then drag these elements to the appropriate frames in your template.

1. From your website’s dashboard look for Reverse Publishing in the listing on the left. As you hover your mouse a submenu will appear then click on Reverse Publishing.
2. Here is where your website’s article content can be exported for a particular edition and filtered by category. In addition there is a checkbox labeled Include Ads. This will be the focus of our demonstration. Note that ads are not categorized and also cannot be exported without including article content.
3. Once you’ve selected the edition and filtered by category if needed, make sure the Include Ads checkbox is ticked and click the export button.
4. This export may take some time depending on the amount and number of articles and ads to be downloaded. The export consists of a zip file containing all of the images and ads plus an XML file for import into InDesign. Once the zip file is saved to you computer, extract it to a folder.
5. Open your InDesign template. 
6. Under the File menu choose Import XML. In the window select the XML file in the folder extracted from the downloaded zip file.
7. Make sure the Show XML Import Options button is ticked as well as Merge Content.
8. On the import options window tick the following buttons:
9. The Create link option is necessary so that if you export updated content from your website and re-import the XML into InDesign, all your content will update automatically.
10. Click OK.
11. Once the XML is imported the Structure pane will appear to the left of your document containing the Root tag. Click the small arrow to the left of the tag to reveal the contents of the XML import. You should see several tags, all beginning with “ad” followed by an ID number and the advertiser’s name.
12. Click the small arrow to the left of an ad tag to reveal the image associated with that ad. You can also Alt- or Option-click on one of the small arrows to open them all at once.
13. You can then simply drag the icon to the left of each image tag into a frame in your template for final layout.

1. From your site’s dashboard go to Forms and then the sub-item Forms where you will see all those being used on the website.
2. Here we have a Classified Order Form with the submitted entries. You can click on Entries to view the individual submissions.
3. To export click on Import/Export in the Forms submenu.
4. Here you will choose the same form, Classified Order Form, and tick the Classified Category and Classified Content checkboxes. Then scroll to the bottom to select a date range. Finally, click the Download Export Files and save to your computer.
5. Next we will open this CSV file in Microsoft Excel for some cleanup and export to the XML file to be imported into InDesign.
6. This process includes removing the column headings, sorting by Classified Category, removing any extraneous formatting, such as extra line breaks, etc. and lastly deleting all but one instance of each category to act as a heading.
7. We will then export this file by going to File then Save As. In the Save As window select Excel 2004 XML Spreadsheet as the File Format and click Save.
8. Open your template in InDesign. Here I’ve created a simple multi-column layout with a header and paragraph styles to format the Classified Category and Classified Content.
9. Go to File and choose Import XML and select the file exported from Excel. The default, Merge Content is fine here, so click Open.
10. The import options can also normally be left at their defaults, so you can click OK.
11. The Structure pane will open next to your document with the XML content.
12. In the Structure pane click on the small arrow next to Workbook to reveal its contents. Then click on the small arrow next to Worksheet, which reveals the Table containing the actual classifieds data.
13. Drag the icon next to Table onto the text frame.
14. There is a bit of work here removing extra lines brought in on import, so we will quickly delete those and then apply our paragraph styles to complete the process.