Web page manual

162 views
84 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
162
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web page manual

  1. 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. 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. 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. 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.

×