Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.
Transcript of Website manual
So just as it says, enter the
title of the article
here we need to specify if it is
we can also display it on top of the news and activities page by ticking "
If it is an activity,
we HAVE TO specify
. Specify the same date if it's a one day activity.
*This date also will be used to order the news items on the website (latest by date are displayed first).
If it is an activity,
whatever you put in
is going to be displayed instead of the
"start and end date date"
, so for example "End of this year". So use this box to display
. The box above however have to be filled in anyway, because it's used for ordering
Every news article (and preferably also every activity) should have a featured image). Click
"set featured image"
to insert it.
The featured image will be displayed everywhere, where the article is present on the website, so for example:
on top of the article
on the news and activities page
Here you can select if the article is
to a AWEPA
Editing the contents of the article is very similar to editing a word document, you can use the "
" to do it. However, it looks really different on the editing screen (what you see below) and on the actual website. To see how it looks on the website you can click "
Click here to add media (images, documents) to the body of the article
Give the file a
and copy it to the
box (this text is displayed instead of the image, if for some reasons it can not be displayed).
You can also give image a
which is going to be displayed below the image.
Select the image alignment;
Set Link to
if it's a PDF, and to
if it's an image;
Choose the size (usually
is the best).
If you click "
can change image dimensions, crop it and assign media tags to it
don't forget to click
after you made any changes
choose from the most used media tags"
and choose an appropriate media tag(s)
scale of crop the image.
if you scale the image here the full image is still stored at the server and takes valuable space, so never use this function to scale down really big images
Editing the image
If you want to upload a new file or files (images, PDFs, Microsoft office documents, etc), you need to click on Upload files
You can select as many files as you want from your computer or drag and drop them directly on this screen
Adding media files
Main content (text) of the article
After you inserted an image you can still change caption, title, and alignment. Do not adjust the size in this way, because it won't display correctly in the Internet Explorer. First click on the
and then on the
in the left top corner of the image
You will then see this editing screen:
News and Activities> Add New
it's very important to choose the right
, so in this case it's "
from the media library. Use the
set PDF button
here, it is going to be displayed everywhere on the website, where the publication is present
Link the publication to the
and this publication is going to appear on a linked programme o members page in
"Related news and media"
Start with choosing "
" as a resource format
Add a title here
Copy and paste the url
of the YouTube video here:
Add a short description (1-2 sentences) if needed
" as a resource type (different from the resource format), and click
After you clicked update, you should see the video displayed here. make a
out of it using the windows
or similar program, like so:
You can now resize the image down to 80px width and set is as a featured image
Now you need to create
connections with programmes or/and members
again and it's ready
You will see this screen afterwords:
as a resource type
Give it a title
Click on add media to insert a photo gallery
, then "
and then just drop all the photos you need (with a
being no more than
) on the screen. *
Please give them meaningful names, so it would be easy to find them in media library afterwords
I dropped in 5 images, now we need to give a meaningful "
, copy it as an "
and click "
create a new gallery"
On the following screen just click "
Link the gallery to programmes and/or members
a resource type and
" or "
*You can always edit the photo gallery later on by clicking on it and then on the small image icon in the top-left corner
Click on the
Set PDF file
button, upload a new pdf witha meaningful name of find one in the media library and click "
insert into post"
(you can make a screen shot of the cover of the pdf file)
*to save any web page(also an HTML newsletter as PDF click print (ctrl+p) and choose "save as PDF" instead of a printer name in your browser.
Create connections to programmes and/or members
Slides> add new
(displayed together with the slide on homepage)
. Website visitors will get to this url when they would click on the slide on the homepage
Add a featured image. It has to be exactly
otherwise it won't display correctly
Fill in the fields here
Set the featured image. Perfect size is
(usually comes from the Annual Report) goes here.
To style (make big and bold)
Background, Objective and Impacts
connections to donors
to make their logos display in the
to be displayed in
Related News and Media
Fill in the information about
, you can upload a news one or find one in the media library. It should be
590 px wide;
*it is going to appear on the top of the programme page, like so:
Don't forget to save your changes by clicking
Name of the member page
To insert an image put the cursor just before the name of the person, click on "
make sure the image is exactly
, and set
link to none
to be displayed in
Related news and media
On the website itself these links look like this:
this is because we add some additional code in the text editor, like so:
adding these button classes makes sure that our links will look like buttons on the front end of the website
, make sure the width it's a land-scape (no portrait) picture which is
Don't forget to save your work by clicking
WordPress text editor
This is how
it actually looks
on the Front end
text inside h3 tags will become heading 3, so it will be automatically displayed in blue color and in a different font
simple paragraph text does not need any tags
<a> stands for a link, here is another example:
<a href="http://www.awepa.org">Visit AWEPA website </a>
to add a link you can just type it manually or click
*read more about it here:
<br> tag stands for "
aking" to a new line
If you do insert it 4 times, it goes to a new line 4 times, so in the end you have some free space between paragraphs
<hr> tag stands for a
it is good for visually dividing parts of the article
<h3> tag stands for header of the size 3 (the biggest size is 1)
<ul> tag stands for an
tem should be inside <li> tag
<br> <br> <br> <br>
Translating with WPML
Translating a news article
(the steps are similar also for other types of content)
Duplicate uploaded media
" and "
duplicate featured image
" and click "
In the new screen take notice of the fact that you're now in the
and are editing the French version of the article already
" again and click "
Copy content from English
now give article a
and click "
" , you can change visibility to "
" if you don't want the article to be visible on the website yet
By now you should have a french article published, which is an exact copy of the English one, but does not have any featured image yet
So if you want to copy a featured image from the English article, click "
overwrite with English content
", then click "
Now click on "
The featured image is now in the right place, and the only thing you still need to do is to
change the actual contents of the article
and click "
If you now go to
News and Activities > All news-items,
you'll see that you can always edit not only the original article, but also it's translation
You can choose to:
- insert a media file(s) from the
media library (
upload a new file
(s) to media library and insert it;
Text editor, visual editor and front end all have the same content
Hiding a featured image
To hide a featured images from any page or news item add the following code to the Text part of the WordPress editor:
<div class="script-display" style="border: 2px solid red;">Script hiding the featured image
* you can also find this code snippet on the server in the website folder
Managing news & activities after publishing
After the upcoming activity takes place (the date is today or sometime in the past) WordPress automatically makes it a past activity. And that's good.
if a news article about this activity gets published
itself should be
news item should be marked both as "News" and "Activities
As a result the news item gets displayed both as news and an activity
Removing the anniversary logo
-go to appearance/widgets/footerbar
- open the last text widget
-remove the selected text from "//1.replace logo" till "/2. start carousel"
UTM campaigns links creator
- fill in all the fields and click "Create Link"
- copy the link, shorten it with bit.ly or goo.gl (optional) an use it in you social media campaign;
- you can read more about utm campaigns here:
How to use WordPress to send
big documents (up to 64Mb)
-go to http://www.awepa.org/resources/file-upload/
-enter password (AWEPA);
-select a file to upload;
- copy the link and send it to the person who needs the file;
- if you tick "send the link to an email" before clicking upload button, you can send the email directly form this page;
Using European Sections Map
- (1); to change the map colors adjust the hashtags
- (2) to add or remove AWEPA members to the map modify this line with abreviations (2);
- for example to add Iceland add "IS" to any part of the line, so the line would become:
var awepaMembers = /AT|CH|BE|BG|HR|CY|CZ|DK|EE|FI|FR|DE|GR|HU|IE|IT|LV|LT|LU|MT|NL|NO|PL|PT|RO|SK|ES|SE|GB
Inserting a slider to a page
- go to
- go the text part of the WordPress editor ;
- copy the code and paste it to the page you want;
- the slider has three slider items, each one looks like:
some images or text here
- you should insert anything you like instead of the blue text;
- to add a new item add the above text after the last slider item and adjust it;
- you can read more about the slider here: