Skip to main content

Page Design and Management

Create, layout, and set options for pages.
Published onJan 11, 2019
Page Design and Management
·

A Page on PubPub is a container of content. It can both communicate information itself while often serving as an entry point to other content within and outside of PubPub. Pages are designed by Community Admins using a series of different content block types. In the sections that follow, we’ll go over the page creation, design, and management processes.

Page Creation

From the Community Dashboard, select Pages and + Create Page

Create New Page options:

  • Page Title: The title of the page that will show on PubPub, in search, and in social media previews. Required.

  • Page URL: The slug of the URL of the page. Only letters, numbers, and dashes are supported. Required.

  • Description: The description of the page that will show on PubPub, in search, and in social media previews. Optional.

How to Create a Page

Page Details

You’ll be prompted to edit the page details and adjust the layout immediately following the Create Page step. However, if you want to return to this step at a later time you can do so by accessing the Dashboard -> Pages -> and then select Edit page. It’s important to remember to click Save Changes save each time edits are made.

Edit page

Details:

  • Page Title: The title of the page that will show on PubPub, in search, and in social media previews.

  • Description: The description of the page that will show on PubPub, in search, and in social media previews.

  • Preview image: The default image that will display on social media and in search results that link to the page. Click the image preview or pencil icon to replace the image. Click the arrow icon to download the image. Recommended size: 500px x 500px. Default: none.

  • Link: The slug of the URL of the page. Only letters, numbers, and dashes are supported. Warning: Changing the link will cause old links you have previously sent to collaborators to fail.

  • Width: The width of the page elements on large screen sizes. Default: wide.

  • Privacy: Whether the page is viewable publicly, or only by community admins. Default: private.

Page Layout

The next step in the Edit page process focuses on Layout. Click the add block button and select the block type you wish to add (block types are described below). Click the move up button to move a block up. Click the move down button to move a block down. Click remove to remove a block. When you are done making changes, click save changes.

Non-default blocks are blocks that have been pre-set with custom options.

Block Types

Pubs Blocks

Displays a filtered list of pubs in your community.

Options:

  • Title: Displays a title for the block of pubs. Default: blank

  • Filter by tag: Sets tags that will be used to filter the block of pubs. Pubs must have one or more of the selected tags set to be displayed in the block. If no tags are selected, all pubs in the community are eligible to be displayed in the block. Default: blank

  • Limit: Sets the maximum number of pubs that will be displayed in the block. Default: Show all pubs

  • Order: Sets a custom order for pubs in the block. To use, click the button and drag pubs from the available pubs section to the pinned pubs section. Pubs in the pinned pubs section will be displayed at the top of the block in the order set. If fewer pubs than the limit are in the pinned pubs section, the block will fill the rest of the slots from the available pubs list by the newest created pub. Default: blank

  • Preview type: Sets the size of the pub preview displayed in the block. Default: large

  • Preview elements: Sets which elements the block should display. Default: all

Example Pubs Block

Displays a large title and, optionally, a submission or link button.

Options:

  • Text: The large text that displays in the banner block. Default: Hello

  • Color: The background color for the banner block. Default: #3275D8

  • Align: Sets whether the text is aligned left or center. Default: center

  • Size: Sets whether the block is constrained to the width of the page content or goes across the entire screen. Default: full

  • Image: Sets the background image for the block. Click the image preview to replace the image. Recommended size: 500px x 500px. Default: none

  • Banner button type: Sets whether the block contains a button, and if so, what type. Button text sets the text of the button.

    • Create pub: Adds a button that allows anyone to create a pub. Default pub tags field sets the default tags that will be assigned to Pubs created using the new pub button.

    • Create account: Adds a button that prompts readers to create an account.

    • Link: Adds a button that links to an external website. Link field sets the url that the button will link to.

Text Block

Displays richly formatted text.

Options:

  • Text align: Sets whether text in the block is aligned to the left or center. Default: left

  • Text formatting and multimedia options: see Pub Editor reference guide.

  • Allows for media embeds, including code and editable equations.

HTML Block

Displays arbitrary HTML code. Javascript is not supported.

Pages Block

Displays a filtered list of pages.

Options:

  • Title: Displays a title for the block of pubs. Default: blank

  • Set pages: Sets the order for pages in the block. To use, click the button and drag pages from the available pages section to the displayed pages section. Pages in the displayed pages section will be displayed at the top of the block in the order set. Default: blank

Comments
1
Maximilian Petras:

Is this really your recommended size? It does not seem to match the sytle of the banner.