1.0 Guide – Content Management Guide
Log In
Log in by clicking theĀ Log In/RegisterĀ button in the main menu.
- Enter your username/email or password, and clickĀ Log In. If you forgot your login information, clickĀ Lost your password?Ā to reset your password.
- You will arrive at the Dashboard. Click onĀ the button with your websiteās nameĀ on the top left of the screen to return to the home page.
How Do I�
Edit the homepage?Ā If youāre on the homepage, click on āEdit frontpageā on the admin bar. You can also clickĀ PagesĀ in the Dashboard menu and click on āHome.ā
Edit other pages?Ā Use the same method as the home page ā if youāre on the page, use the admin bar, or you can access the page editor by going toĀ PagesĀ in the Dashboard menu.
Add a news article?Ā In the Dashboard, go toĀ Posts > Add New.
Add or edit a project?Ā To edit an existing project entry, you can go to the page for the project itself and clickĀ Edit Portfolio EntryĀ on the Admin Bar. You can also clickĀ PortfolioĀ in the Dashboard menu. To add a new portfolio entry, enter the Dashboard and go toĀ Portfolio Items > Add New.
Add or edit a directory listing?Ā Add a listing from the siteās frontend ā itās much easier than using the backend editor to do so. If you want to edit listings made by other things, clickĀ DirectoryĀ on the dashboard menu.
Add or edit a calendar event?Ā Like the directory, add a listing from the siteās frontend interface. To edit calendar entries made by other people, clickĀ EventsĀ on the dashboard menu.
From here, youāll be directed to WordPressā editing interface, described below.
Getting Started
No matter what youāre editing, you will be working with the same general layout. Here is some advice going forward:
Use the Publish Section of the Editor Effectively
At the top right of the content editor is a white box titledĀ Publish. The most important features are:
Save Draft:Ā If your content isnāt published, this button will appear. Clicking on this button will save your content for future editing and publishing in the future.
Preview Changes:Ā This opens up a new window containing a page previewing what your content will look like on the website. This is a great way to take a second look at your contentās layout; the font and layout of content on the backend editor appear slightly different than the font and layout on the website. Instead of clickingĀ Preview ChangesĀ as you make them, you can refresh the page itself as you go.
Publish:Ā Remember the blue button!Ā When your content is finished and ready for public view, click this button.
Two Editing Interfaces
The website uses two different interfaces for editing pages and some content. Pages that are simple and straightforward (like F posts and some simple pages) use theĀ Default Editor, while more complex pages (like the home page or the about page) use theĀ Advanced Layout Editor.Ā
You can switch between interfaces by clicking the blue button between the title box and the media button (it will show the one youāre switching to).
The Default Editor
The Default Editor is the one you see when you first create a new page. It uses a what-you-see-is-what-you-get interface similar to Microsoft Word or Gmail. There is a toolbar with buttons that lets you format your page.
By clickingĀ Toolbar Toggle,Ā the button located second-from-the-right,Ā another formatting bar will appear with important options like adding Headers.
The Advanced Layout Editor
Most of the pages on the website use the Advanced Layout Editor. This advanced editor visually represents the content layout on the page.Ā It is not recommended to edit the layout of any existing page.
Clicking on titles, text or images will open an editor window.
- Easy Slider:Ā Displays a list of images that will be used for the slider. Clicking on each image opens up the Edit Form Element window where you can modify each imageās information (including title and text)
- Heading:Ā Change the header and subheading text, colors and style.
- Image:Ā Has settings for selecting the image itself and setting up links and captions.
- Text Blocks:Ā Opens a Default Editor interface for that specific area of text.
Access the Editor
When youāre at the homepage, clickĀ Edit FrontpageĀ on the top black bar menu. This will only appear when you are logged in and at the page.
To editĀ About Us, go to the page and clickĀ Edit PageĀ at the top black bar menu.
The editor will open in a new tab.
Editing Pages
In the page editor, you can edit specific areas of content by clicking on them.
- To edit an image, click on the image.
- To edit a title, click on the title.
- To edit a body of text, click on the body of text.
Please do not change the icons, or any relevant imagery as decided upon by the main team.
Create and Edit Links
To create a link, select an area of text and click theĀ Link button.
A little window will pop up. From here, the process will differ depending on if your link will lead to a page within the site or outside the site.
Links that point to another area of your site
Search for the page name and click on the page in the dropdown menu. Then click theĀ blue button. Your link will appear in the text area.
Links that point to other sites
Paste the URL of the website into the textbox and click on theĀ cog button.
This will open the Insert/edit link window. Click the checkbox next toĀ Open link in a new tabĀ so it is checked, then clickĀ Update. Your link will appear in the text area.
Add Pictures
To add a picture to your body of text, clickĀ Add Media.
This will open the Insert Media window. You can (a) drag your image from the desktop to the area itself, or (b) clickĀ Select FilesĀ and manually select your image.
Once the image finishes uploading, scroll down to the Attachment Display Settings. Set the imageās alignment or itsĀ Size, then clickĀ Insert into pageĀ when finished. The image will appear in your text area. Clicking and dragging the corners of the image will resize it.Ā
A toolbar will appear when you click on the image. From there, you can edit the imageās alignment or remove it.
Receiving News
When someone fills out theĀ Submit Your StoriesĀ form on the website,Ā it doesnāt automatically make a post for you.Ā Instead, it sends an email to the person responsible for managing news on the website.
If that person is you, you can access the webmail here:
https://login.bluehost.com/hosting/webmail
Put in the email and password the CWP team sent to you and you should have access to the email. From there, itās as easy as copying and pasting the data into a new post (seeĀ Writing a New PostĀ below).
Managing News ā View all Posts
To view all news posts, clickĀ PostsĀ on the left-side menu.
This will open a list of all posts.
A list of your news are displayed on the Posts page. Mousing over each post will show quick links to edit, quick edit (not recommended), view or move to trash.Ā
You can clickĀ Add NewĀ to create a new post.
Clicking on each post will open the editor for that item.
Writing a New Post
To write a new post, go toĀ Posts > Add NewĀ on the left-side menu, orĀ Add NewĀ on the top of the Posts list page.
On the right-hand side of the editing interface:
- Identify your postāsĀ Categories. You can select more than one category per portfolio item.
- Identify 3-5Ā TagsĀ that describe your post.Ā Tags are buzzwords that can be used to define what youāre talking about. Ex:Ā education, agriculture, religion
Next, upload aĀ Featured ImageĀ for your project. Finally, publish your changes.
View all Project (Portfolio) Items
Projects on the website utilize the Enfold themeās PortfolioĀ system. To view all Project items, clickĀ Portfolio ItemsĀ on the left-side menu.
This will open the Portfolio Items list.
A list of your projects are displayed on the Portfolio Items page. Mousing over each portfolio item will show quick links to edit, quick edit (not recommended), view or move to trash.Ā
Clicking on each portfolio item will open the editor for that item.
Edit a Project Portfolio Item
Use the visual editor to write about your project.
On the right-hand side of the editing interface, identify your projectāsĀ Categories. You can select more than one category per portfolio item.
Next, upload aĀ Featured ImageĀ for your project. For more information, see Add Pictures below. Finally, publish your changes.
Change the Homepage Slider
Before changing the homepage slider, please make sure your images are theĀ same sizeĀ or have the sameĀ height vs width ratio.
To begin editing your homepage slider, click theĀ Easy SliderĀ area in the page editor.
This will open the Easy Slider window. ClickĀ Add multiple imagesĀ orĀ Add single image or videoĀ to add images to the slider. You can edit existing slides by clicking on their respective images. To delete a slide, click the āxā button to the right of the list of slides.
When you are finished editing your slides, click the blue Save button.
Clicking on a slide will open the Edit Form Element window. You can change the slide by clickingĀ Change Image, and add captions withĀ Caption TitleĀ andĀ Caption Text.
When you are finished, click the blue Save button.
Publish Changes
The Publish area can be found to the top right of the editor. ClickĀ Preview ChangesĀ to see what the page looks like without publishing it.
When you are done editing, clickĀ UpdateĀ to publish your changes.