• EN

PI Blog

Blog pages can either be seperate articles, link to existing PI website pages, link to videos or external pages (e.g. fair websites).

First add a new blog page. 

Next fill in the page properties as the following shows:

What it looks like

  • The page title appears as the Blog Title. 
  • The Abstract Text is the Teaser text, but with maximum 50 words. 
  • The picture can be added by the resource picture and has to be 16:9.
  • In tab Blog the author and the Tags (grey ones) can be added.
  • In tab Categories the Blog Categories (blue ones) can be added. 

 

Tags and Categories

  • Please note that there are already a lot of categories and we do not want add thousand more. Nevertheless should it be necessary to add some please contact Katrin Wilhelm to do so.
  • Aim is to classify the Blog Articles into a few superrdinated themes.
  • Tags can be added if needed and should be more specific. 

 

Note

  • Please make sure that there is always a Page Title and Teaser Text.
  • The ressource Picture should to be used in the article again. 
See in yellow the parts you've entered in step 1.
  • Your article should consist of a teaser text ( this one can be more than 50 words) and a picture. 
  • The main body, can have further sub headlines in H2 style. 
Use a Two Grid Item with coulum width "25% - 75%" to build up a Blog Page. Create one for the header and one for the body.
Insert in the right part of the header grid the header "Plugin".
Insert in the left part of the body grid an "Insert Record" and select all elements from the sidebar in the blog overview page.
To provide further info to the reader add a "This could be of interest for you" section with links to further topic related pages.
At the end add the "Author Plugin" to show the author at the end of your blog article.   Should you need to add a new author please contact Katrin Wilhelm.

At the moment it is not possible to have a translation of the blog post author. Please do not fill the author in the translation of your blog post, just fill the author in the English version.

To avoid problems with the Google search you need to indicate which is the original page whenever you are copying the same content or at least 80% of the content of a page.

  • When a blog article appears under the PI.com root node in the CMS, you always need to include that as hreflang (even if the article was originally posted from the US for example). As the PI.com site is the first one in the page tree of the CMS which is the crucial factor for blog articles. That means, even if the blog article is for example originally from the US root node, the US needs to set the PI.com page as the hreflang.
  • When the article is not used under the PI.com root node, you don't have to include a hreflang.

 

A practical example:

  • Original article from the US, Japan is copying this article, no copy on the PI.com site  -> no hreflang needed.
  • Original article from the US, PI Karlsruhe is copying the article, PI Japan is copying the article -> PI USA and PI Japan need to add the article from the PI.com site as hreflang.
  • You can add the hreflang as follows:
  • Navigate to the “Metadata” tab of the blog article and add the blog article from the PI.com root node as hreflang:

 

Specificity When Copying US Posts

These steps must be followed when you copy a blog post from the US site:

  1. We need to copy the US post to the PI KA page tree (we will keep it disabled).
  2. You should then add the blog post that was copied into our page tree as hreflang.
  3. Do not use the canonical. the canonical should show "same page".
  4. Remove the "no index".

To link to an external page copy the complete URL into the following box:

Step 1
Step 2
Step 3

To link to an internal page also use this box but click the button next to it. 
Next select the page you want to link to. 

You can also select a specific file.

  • In case you set up a blog post in English and want to show this language version on both languages of you website it is quite simple. Just translate and the English post will be dsiplayed on both sides.
  • Nevertheless do not for get to translate your sidebar: 

Change English side bar in the translation column to your native language:

1.    Click the pen to edit (Fig. 1)

2.    Select all records and delete them (Fig. 2)

3.    Select the translated records by clicking the folder icon (Fig. 3)

4.    Select your PI blog overview page (Fig. 4)

5.    Scroll down to the Page Content section and select as following (Fig. 5)

6.    Save and close

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5

You can add overview banners to your blog category pages.

You can find an example here: PI Test Blog - Category

Upload the banner in the storage on page [2182]:

  1. Select the category on whose overview page the banner should appear.
  2. Choose the tab "Blog" and upload the banner using the "Add image" button.
  3. The banner needs to have a minimum size of 1060 x 200 px as otherwise it will be blurry.
  4. The correct aspect ratio is selected automatically.

The banner does not appear automatically on all domains.

To have it displayed on your domain:

  1. Go to the "Categories" page of your local blog (e.g. [2196] for the PI Karlsruhe blog).
  2. Create a new content box "Blog: List by category" on the page (marked in yellow).
  3. Navigate to the tab "Plugin" and activate the checkbox "Is Image Action?" under "Plugin Options".
  4. The banner will appear on the category page.