South Jersey Ports Facebook
South Jersey Ports Instagram
South Jersey Ports LinkedIn

General Maintenance

Update Plugins

  1. When there is a number to the right of Plugins, it means that an update for an installed plugin is available. image
    • To update your plugins, click on Plugins.
    • Click Updates Available (#)
    • Tick the very first checkbox to select all plugins with an available update.
    • Click on the Bulk actions dropdown and select Update. Click Apply. image

View Google Analytics

  1. Hover over Insights.
  2. Click Reports.
  3. Alternatively, for a more thorough report, go to https://analytics.google.com with the Google account that is linked to South Jersey Port’s Analytics.

Blocks

  1. Each page on the website consists of content blocks. These content blocks have text, headings, images, ordered and unordered lists, etc. The properties of these content blocks can be modified by clicking on them once, then clicking on the Block tab found on the right sidebar. image
  2. Content blocks are housed inside a Row block. Think of a row like a line in Microsoft Word, where the cursor moves to the next line when the Enter key is pressed. This is analogous to adding a new row in a WordPress page.

News

Add a new News Post

  1. Hover over Posts
  2. Click Add Post
  3. Add the the title for the news post
  4. Adjust the following on the page sidebar:
    • Template: Click “Single Posts” and click “Change Template.” Select “SJPC News” from the popup. image
    • Categories: Tick “News” image
  5. Add the content of the news post as normal
  6. When ready, click Publish

Bids

Add a New Bid

  1. Hover over Posts
  2. Click Add Post
  3. Add the the title for the bid, typically the bid number.
  4. Adjust the following on the page sidebar:
    • Slug: The slug should be the bid number in lowercase and separated by dashes.
      e.g. sjpc-26-00.
    • Template: Click “Single Posts” and click “Change Template.” Select “SJPC Bids” from the popup. image
    • Future Action: Tick the “Enable Future Action” checkbox to activate. This will move the bid to the archives dropdown once the deadline has passed. image
      • Action: Select “Replace All Categories”
      • New Categories: Select “Deadline Passed”
      • Time and Date: Set the time and date to the bid deadline
    • Categories: Tick “Bids” and “Bid Ongoing” image
  5. Click Save Draft.
  6. Reload the page once you get the notification that the post has been published.
  7. Fill out the pertinent information under Bids such as the Deadline Date, Bid Year, Deadline Time, and Bid Number. Bid Number can follow normal capitalization.
  8. Do the same under Description by adding text to the pre-filled content.
  9. Contact will be pre-filled. If the bid will go to another SJP staff, replace the text as necessary.
  10. Add the bid file/s (not addenda):
    • Click Add Media under File
    • The media library will appear as a popup.
      • Click the Upload Files tab.
      • Click the Select Files button
      • Select the file/s to be uploaded from your computer
      • Click the Open button
      • Allow the file/s to finish uploading
      • Once the uploading is complete, click the Insert into post button
      • Convert the files to a bulleted list by clicking on the bulleted list icon on the toolbar. image Separate the files (if there is more than one) by hitting return at the end of each bulleted list item.
      • Set the files to open in a new window/tab by clicking on the text for the file once, then clicking on the pencil icon image, then the gear icon, and finally ticking the checkbox to the left of Open link in a new tab. image
  11. For any addendum/a. do the same steps as #10 under Additional Notes.
  12. Click Publish. The bid page will be https://www.southjerseyport.com/[the-slug]

Update Staff Information

  1. Click Posts
  2. Click the All Categories dropdown, and select Staff. image
  3. Click Filter.
  4. Hover over the staff title whose information needs updating, and click Edit below their name. Note: Use soft breaks instead of paragraph breaks to go to the next line. Instead of pressing Enter, press Shift + Enter.
  5. Update the data as necessary.
  6. Click Save.

Update Escort Company information

  1. Click Posts
  2. Click the All Categories dropdown, and select Escort Companies.
  3. Click Filter.
  4. Hover over the company whose information needs updating, and click Edit below the name. Note: Use soft breaks instead of paragraph breaks to go to the next line. Instead of pressing Enter, press Shift + Enter.
  5. Update the data as necessary.
  6. Click Save.

Adjust SJPC Holiday Schedule Popups

  1. Click Popup Box.
  2. Edit an existing holiday’s date:
    • Hover over the holiday, and click Edit.
    • Click the Settings tab.
    • Scroll down to the Schedule the Popup section.
    • Adjust the dates as necessary. The dates are for when the popup will be active.
    • Click Save (or Save and Close) when finished.
  3. Add a new holiday:
    • Hover over the most recent holiday, and click Duplicate.
    • The page will reload. Hover over Copy – [name of the holiday], and click Edit.
    • Adjust the following:
      • Popup Title
      • Custom Content
      • Schedule the Popup
    • Click Save (or Save and Close) when finished.

Content Pages

Pages in the SJP website comprise of four parts: The banner, the main content section, the secondary content section, and the gutter.

  • The banner is the large image that appears immediately below the header.
  • The main content section contains the title of the page, sub-navigation on the right (appears on desktops), and content.
  • The secondary content section starts below the main content section, separated by a blue strip and a subtitle. This section does not have the sub-navigation.
  • The gutter has the sub-navigation (appears on tablets and smartphones) and banner.
  • Depending on the content of the page, you may not need the secondary content section.

Create a New Page

  1. Hover over Pages
  2. Click Add Page
  3. Enter the page’s title.
  4. Adjust the following on the page sidebar:
    • Slug (optional): The page title automatically converts the title you entered in #3 to a slug. If you want to use a shorter slug (e.g. https://www.southjerseyport.com/shorter-slug), click the auto-generated slug and replace it. All lowercase, no spaces, and no special characters except for dashes.
  5. Insert the pre-defined template for a page:
    • Click on the black + icon to the right of the placeholder text that says Type / to choose a block
    • Search for Page in the search field of the tooltip and select the SJP page template image
  6. This inserts the necessary blocks to the page you are creating.
  7. Update the main banner
    • Click the placeholder banner once.
    • Click the Style tab on the sidebar. image
    • Scroll down to the Background Image section.
    • Click Edit Image.
    • Click the Upload Files tab.
    • Click the Select Files button.
    • Select the file/s to be uploaded from your computer.
    • Click the Open button.
    • Allow the file/s to finish uploading.
    • Once the uploading is complete, click the Select button.
    • You’ll be taken back to the sidebar with the new image. If the focus point needs to be adjusted, click and drag the loupe. image
    • Repeat the same steps for the bottom banner.
  8. Update the page title.
  9. Update the sidebar menu (as necessary):
    • Click on the sidebar menu.
    • Click the General tab on the sidebar.
    • Select the appropriate menu from the dropdown. image
    • Repeat the same process for the sidebar menu at the bottom of the page.
  10. Copy-paste content in the appropriate sections.
    • If a section needs to be deleted, click on it once.
    • Click the Document Overview icon located at the top of the page. Select the Row Layout block that contains the section to be deleted. n.b. You may not need to select the Row Layout block if it’s already highlighted once Document Overview is clicked. image
    • Click the Options icon (three dots stacked vertically) to the right of the Row Layout block.
    • Click Delete.
  11. Click Publish when ready.

Menu

Add A Page to the Main Menu

  1. Hover over Appearance.
  2. Click Menus.
  3. Expand the Pages accordion under the Add menu items section. image
  4. Locate the page and tick on its checkbox to the left.
  5. Click Add to Menu.
  6. The page will be added at the bottom of the menu tree. Click and drag to reposition the page link.
  7. Click Save Menu.

Add a Page to the Sidebar Menu

  1. Open the page that will be added to the sidebar.
  2. Click on the sidebar menu.
  3. Open Navigation Builder.
  4. Locate the page that will be added to the sidebar on the left. image Tick its checkbox, and click Add to Menu.
  5. The link will be added to the bottom of the sidebar menu. Click and drag the move icon image to reposition.
  6. Click Done Editing.