1. Web Page Manual- kyffa.org
Browser
It is suggested that you use either Google Chrome or Mozilla Firefox when working with the
web page. Explorer does not allow you to use all the functions.
Logging On
To logon as an administrator go to http://kyffaorg.wpengine.com and enter your login and
password. Currently, the login is kyffaorg and the password is farmall130
Once you are logged on, you are ready to edit content.
Uploading Documents
Before you begin editing pages, it is best to upload all documents that you will be using. To do
this, go to “Media” and click on “Add New”
You can drag and drop files from your computer into the box or click select files.
Once all your files are uploaded, you are ready to begin editing the page.
Using Slide Share
Slide Share is used to create the document previews you see on the web page. These are
helpful for mobile users and those who don’t want to have to download documents to read
them.
First go to www.slideshare.com and click on login
The username is matt.chaliff@education.ky.gov and the password is PinkLemonade
Click on “Upload” and then upload as many documents as you are working with.
Once a document is uploaded, click on “Embed” and then copy the embed code. You will add
this to the page once you begin editing.
2. Editing a Page
To edit a page, click on “Pages” and then “All Pages” in the menu on the left hand side bar.
It is easiest to edit if you have the page open in one window and the media library open in
another window.
1. Select the page you want to edit from the list.
2. Click on the icon that looks like three rows of colored dots. This icon is titled “Show/Hide
Kitchen Sink”. This will give you more options on the toolbar.
All headings for the website are “Heading 3.” First, type your heading, then highlight it. Then
choose “Heading 3” from the drop down box that normally has “Paragraph” showing.
All text should be in “Paragraph” format.
To add documents that you want to have a preview:
First go to www.slideshare.com and upload your document. Copy the embed code for the document
and then come back to the window you are editing in.
Click on the icon that looks like one rectangle stacked on top of another rectangle, titled “Add
Toggle.” This will open a pop up window that asks you to give the toggle a title. This is what
will show up, so it should accurately reflect what is in the document. The toggle will show up as
code like this: [toggle title="Contest Bulletin" open="no"] [/toggle]
To add your document, place the cursor between the two sets of brackets- see below
[toggle title="Contest Bulletin" open="no"]Place Cursor Here [/toggle]
(Be sure that you are in the “Text” view. To do this, click on “Text” in the upper right hand
corner of the tool bar.)
Paste the embed code from Slide Share. This will generate several lines of code. Click on
“Update” on the right hand side of the page to save the code. Then switch back to “Visual”
view.
Click on the Icon that looks like a button (middle of the bottom row and titled “Add Button”.
This will open a dialog window for the button.
Go to the media library, select the document that you want to use, and copy the complete URL
for the document (upper right hand section of the screen.)
Paste the document URL into the button window. For “Text” enter “DOWNLOAD NOW” and
click OK.
(If you did not want a user to be able to download a document, you could leave out the button.
In that case, they would be able to see a preview but not download or save.)
3. To add Excel files and documents that you do not want to have a preview:
1. Click on the icon that looks like one rectangle stacked on top of another rectangle, titled
“Add Toggle.” This will open a pop up window that asks you to give the toggle a title. This is
what will show up, so it should accurately reflect what is in the document. The toggle will show
up as code like this: [toggle title="Contest Bulletin" open="no"] [/toggle]
To add your document, place the cursor between the two sets of brackets- see below
[toggle title="Contest Bulletin" open="no"]Place Cursor Here [/toggle]
Go to the media library, select the document that you want to use, and copy the complete URL
for the document (upper right hand section of the screen.)
Copy and paste the document URL between the brackets.
To add a link, type the title of the link (example- “Web Page Manual”). Then highlight these
words and click on the icon that looks like a chain link. This will open a window that asks you
for a URL. Delete what is already in the box and then copy and paste in the correct URL for the
site you wish to link to. Always check the box for “Open In A New Window.”
Photos/logos that are inserted in a page must be resized to 642 pixels wide before they are
posted. Matt Chaliff can assist with this if you need help.
Creating/Editing a Post
Click on “Add New Post” near the top left hand corner of the page.
Each event should be given a descriptive but catchy title.
The content of the post should be put in the text box. Documents and links may be embedded
just like a page. Photos that are included, must be sized to 642 pixels wide before being
posted. Matt Chaliff can assist with this if needed.
To categorize a post, click on the appropriate category on the right hand side of the page. New
categories should not be added without prior approval from State Staff.
Posts can be saved as a draft, set to publish immediately, or you can set a time to publish. This
is done through the “Publish” menu at the top right hand side of the page. You must click the
“Publish” button to save your information before exiting the page.
4. Creating/Editing Calendar Events
Click on "Events" > "Add New" and complete all fields on the page including start date/time,
location, etc. that you have info for. Documents or links with event details may be added using
the same procedure as for adding these to a page.
Under "User Interaction for click on event" click on the third option, looks like this:
Once you have completed all information, scroll back to the top of the page and click the blue
"Publish" button in the right hand column.
Editing the Home Page Slider
Photos in the slider must be resized to 1000 pixels by 450 pixels. Matt Chaliff can assist with
resizing photos if needed. Photos should only be used in the slider if they are high quality and
represent FFA well. Only State Staff should update these photos.
Go to “Appearance” then click on “Theme Options”. To add a new photo, click on the “Add
New” under “Homepage Flex Slider.” The photo can then be uploaded from the media library.
Each photo should be given a title. A brief description of the photo should be included under
“Content of the Slide.” Be sure to click “No” for the toggle that says “Empty Slide?”
The order of photos can be changed by dragging and dropping the list. Old or out of date
photos can be deleted.
Editing State Officer, State Staff, and Living the Motto Pages
Click on “Ultimate Pro Team” on the menu on the left side of the page.
To edit an existing profile, select the person in question from the list. The text is in the middle
of the page. The right side of the page shows options including the picture (featured image.)
To add a new person to one of these pages, select “Add New” under “Ultimate Pro Team” on
the left side of the page. The title is the person’s name. Text should be entered in the text box.
Choose what page the person is with from the “Pro Team Categories” on the right hand side of
the page. To add a photo, click on “Featured Image” on the right hand side of the page.
Photos for this must be 300 pixels by 350 pixels. Matt Chaliff can assist with resizing photos if
needed.