Een CMS pagina aanmaken en bewerken in Magento

Binnen je Magento Commerce webshop is het mogelijk pagina’s met inhoud toe te voegen, zgn. CMS pagina’s.

Om een CMS pagina in Magento aan te maken dien je in te loggen op het Magento control panel.

Open CMS => Beheer Pagina’s => Nieuwe pagina toevoegen

Voeg een pagina toe – Vul de velden die nodig zijn voor het aanmaken van de pagina:

De volgende informatie is verplicht om in te voeren:

 

Algemene informatie:

 

  • Pagina titel => Vul de paginatitel in (E.g: Test)
  • SEF URL Identifier => Dit is de pagina URL (E.g: test)
  • Status => Uitgeschakeld of Ingeschakeld (Note: om de pagina te kunnen bekijken moet deze op ingeschakeld staan)
  • Inhoud => HTML en text om je pagina op te maken.

Eigen ontwerp:

 

Layout => Leeg, 1 column, 2 columns with left bar, 2 columns with right bar 3 columns, geven aan hoe de pagina dient te worden weergegeven.

 

Als je alle informatie hebt ingevuld kan je de pagina opslaan en via je website de inhoud bekijken.

Admin View

Front-End beeld

Soms is het mooier om (basis) HTML code en text in je pagina toe te voegen. Bij dezen een overzicht van de belangrijkste HTML code’s die vaak gebruikt worden.

a) Heading – Een header aanmaken:

 

<h1>Test Heading1</h1>
<h3>Test Heading3</h3>
<h2>Test Heading2</h2>

Admin View

Front-End View

b) Paragraaf – een paragraaf aanmaken

<p>Test paragraph</p>
<p>Test another paragraph</p>


Front-End View

c) Link – links aanmaken naar andere pagina’s of websites.

<a href=”https://www.test.com”>Test Link</a>

Admin View

Front-End View

d) Een afbeelding toevoegen

<a href=”https://yoursite.com/”><img src=”https://yoursite.com/logo.gif” alt=”Magento Commerce” /></a>

Admin View

Front-End View

e) Tekst formatteren

<b>Bold text</b>
<big>Big text</big>
<em>Emphasized text</em>
<i>Italic text</i>
<small>Small text</small>
<strong>Strong text</strong>
<sub>Subscripted text</sub>
<sup>Superscripted text</sup>
<ins>Inserted text</ins>
<del>Deleted text</del>
<code>Code text</code>
<kbd> Keyboard text</kbd>
<samp>Sample computer code</samp>
<tt>Teletype text</tt>
<var>Variable</var>
<pre>Preformatted text</pre>
<abbr>Abbreviation text</abbr>
<acronym>Acronym</acronym>
<address>Address element</address>
<bdo> Test direction</bdo>
<blockquote>Long quotation</blockquote>
<q>Short quotation</q>
<cite>Citation</cite>
<dfn> Definition term</dfn>

Admin View

Front-End View

f) Verschillende stijlen formatteren

<center> centered content text</center>
<font> HTML fonts</font>
<u>Underlined text</u>
<p style=”font-family:arial”>Text Arial</p>
<p style=”font-family:verdana; color:yellow; font-size:9px;”>Text Verdana, Yellow Color,Size 9</p>

Admin View

Front-End View

g) Tabellen aanmaken

<table border=”1″>
<tr>
<td>test 1</td>
<td>test 1</td>
</tr>
<tr>
<td>test 2</td>
<td>test 2</td>
</tr>
</table>

Admin View

Front-End View

Admin View

Bent u op zoek naar een ervaren Magento partner voor de ontwikkeling van uw webshop? Neem gerust contact met ons op!