{"id":898,"date":"2017-10-17T13:04:15","date_gmt":"2017-10-17T12:04:15","guid":{"rendered":"https:\/\/research.reading.ac.uk\/act\/?post_type=kbe_knowledgebase&p=898"},"modified":"2019-06-14T10:03:26","modified_gmt":"2019-06-14T09:03:26","slug":"wordpress-editing-page-post","status":"publish","type":"kbe_knowledgebase","link":"https:\/\/research.reading.ac.uk\/act\/knowledgebase\/wordpress-editing-page-post\/","title":{"rendered":"WordPress advanced edition page \/ post"},"content":{"rendered":"

Some good general instructions can be found here<\/a>.<\/p>\n

\n\t\t\t\t\t

\n\t\t\t\tAdding a page to the top menu\t\t\t<\/h3>\n\t\t\n\t\t
\n\t\t\t<\/p>\n

The menus are manually built (for the following numbers, refer to the picture below):<\/p>\n

    \n
  1. Go to \/Appearance\/Menus.<\/li>\n
  2. Edit the main menu or any menu that is defined as the \u201cPrimary Menu\u201d.<\/li>\n
  3. Select in the left part the page \/ post you want to add to the menu.<\/li>\n
  4. Click \u201cAdd to Menu\u201d.<\/li>\n
  5. Drag and drop the new menu item at the correct location in your menu.<\/li>\n
  6. Save the Menu.<\/li>\n<\/ol>\n

    \"Wordpress<\/p>\n

    Note: In a menu, you can also add a link to any type of document or URL: external page (custom link), a link to some of your blog posts (also sorted by category or tag), links to events\u2026<\/p>\n

    \t\t<\/div>\n

    \n\t\t\t\t\t

    \n\t\t\t\tAdding a document (pdf, MS-office)\t\t\t<\/h3>\n\t\t\n\t\t
    \n\t\t\t<\/p>\n

    The documents are considered as Media. So you can add them the same way as you would add a picture or movie: https:\/\/easywpguide.com\/wordpress-manual\/adding-images-other-media\/<\/a><\/p>\n

    This will create a hyperlink of your text to the file.<\/p>\n

    \t\t<\/div>\n

    \n\t\t\t\t\t

    \n\t\t\t\tUse accordions\t\t\t<\/h3>\n\t\t\n\t\t
    \n\t\t\t<\/p>\n

    Activate the plugin \u201cAccordion Shortcodes<\/a>\u201d<\/p>\n

    You should now have 2 added icons on your test editor (see picture). One is to create the accordion group, the second is to add an accordion item.<\/p>\n

    The icons will create shortcodes (read more on shortcodes in dedicated section) that you can populate.<\/p>\n

    \"accordion<\/p>\n

    \t\t<\/div>\n

    \n\t\t\t\t\t

    \n\t\t\t\tUse tabs\t\t\t<\/h3>\n\t\t\n\t\t
    \n\t\t\t<\/p>\n

    You can structure your page by splitting the content into tabs.<\/p>\n

    You\u2019ll need to activate 2 plugins:<\/p>\n

      \n
    1. Tabby Responsive Tabs : will create shortcodes for the tabs.<\/li>\n
    2. TinyMCE tabs: will add an icon to insert tabs shortcodes in the text editor.<\/li>\n<\/ol>\n

      \"tabs<\/p>\n

      \t\t<\/div>\n

      \n\t\t\t\t\t

      \n\t\t\t\tUse internal anchors\t\t\t<\/h3>\n\t\t\n\t\t
      \n\t\t\t<\/p>\n

      You can link some text to internal anchors:<\/p>\n

        \n
      1. Create an anchor by selecting the text to link to and clicking on the anchor icon in the editor\u00a0\"\".\u00a0Give a name to this anchor: e.g. “anchor1”.<\/li>\n
      2. Select the text you want to link to this anchor and click on the link button (chain icon). Type “#nameofyouranchor”. e.g. “#anchor1”.<\/li>\n<\/ol>\n

        \t\t<\/div>\n

        \n\t\t\t\t\t

        \n\t\t\t\tInsert a slider (of pictures, posts, videos...)\t\t\t<\/h3>\n\t\t\n\t\t
        \n\t\t\t<\/p>\n

        Activate the plugin<\/a> Smart Slider. Read more on the plugin website…<\/a><\/p>\n

        Now you have a dedicated menu in the left panel of the dashboard. You can create picture\/video carousels and insert them in your pages by pasting the associated shortcode.<\/p>\n

        \"\"<\/p>\n

        Create a new slider, and add slides: default is a picture, but you can choose other types of slides, see below:<\/p>\n

        \"\"<\/p>\n

        After saving, you can get the shortcode. This shortcode can be put anywhere in your page, post, widget… and will display the slider instead.<\/p>\n

        \"\"<\/p>\n

        \t\t<\/div>\n

        \n\t\t\t\t\t

        \n\t\t\t\tAdvanced page structure: 'Block' editor or 'siteorigin page editor'\t\t\t<\/h3>\n\t\t\n\t\t
        \n\t\t\t<\/p>\n

        Update May 2019<\/strong>: Since WordPress 5, there is a new “block” editor that can be activated for your site. Read more on the block editor..<\/a>. If you want to use this editor, please request IT<\/a>.<\/p>\n

        Old fashion way<\/strong>:<\/p>\n

        Most of the above presentation improvements can be done by using an advanced page editor called \u201csiteorigin Page Editor\u201d.<\/p>\n

        With the page editor, you can:<\/p>\n