Category Archives: wordpress examples

Sandbox

Hi, I'm the sandbox. Feel free to practice by editing me. Don't add relevant content here as this page will be probably reset every now and then. Check the example page for a short tutorial on how to use the editor.

Example test. Example test. Example test. Example test. Example test.

Example Page

This is an example page. Pages are different from a blog post because they will stay in one place and will show up in the site navigation menu (the top menu). This page serves as an example and short reference to write pages on the ESSENCE website. If you edit the page (by clicking the EDIT link at the end of this page) you can enter the edit mode and see how to obtain a particular effect. There are two ways to edit pages: through the visual editor (WYSIWYG) and through the text editor (you can directly change the code).

Formatting text

Text can be formatted by clicking the last button on the editors toolbar. This will show a new toolbar that will let you format text the way you like.

Quotes

This is a kind of font that is great to use for quotes.

Links

While this way you can create a link: Google. If you select a word in the visual editor, the link (and unlink) button will activate. By clicking it you can point it to external addresses or pages within the ESSENCE website.

Images

The following paragraph show you how to add images and align them. To add an image, click on the "Add Media" button in edit mode. There, you'll be able to upload media or select an image already in the library. You can also create galleries. After clicking on an image, you can click on the pencil icon and adjusting the size or alignment of the image. You can add a link, if you please.

460px-JohnvonNeumann-LosAlamosthis is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a darwintest. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.this is a test.

Image galleries

To create an image gallery, just select multiple images and click "create gallery". You can also directly upload multiple images by using the create gallery tab.

Maps

There is the possibility to add an interactive map, like the one shown below. Check all the possible options  here.

Formulas

You can also add formulas using the standard latex syntax! Check the following examples:

Hey, this is very cool. \sum_{i=0}^{n} \frac{a + b + c_{\text{best guess}}}{d_{i}} As you can see I can embed equations in the text. To do so, I wrote my code between two double dollar symbols. I also can put them 

\sum_{i=0}^{n} \frac{a + b + c_{\text{best guess}}}{d_{i}}

 in the middle as I would do with latex. To do so, after the first doble dollar, I inserted an exclamation mark.

PDFs

A pretty cool capability of our website is embedding a pdf viewer in the page, like this:

View Fullscreen

The pdf file was previously added in the media library. However, you can also use a link to a document shared in owncloud. A full list of options for the pdf viewer is available here.

Youtube videos

You can also embed youtube videos in the page, like this:

Felix Baumgartner Space Jump World Record 2012 Full HD 1080p [FULL]

To do so, just copy paste the link from youtube BUT change the link to "httpv://". If you wish to add just the audio use "httpa://", like this:

AC/DC - You Shook Me All Night Long


Have fun! :)

Nico