creating a local association website

Upload: illinois-education-association

Post on 02-Jun-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/10/2019 Creating a Local Association Website

    1/82

    Create a WebsiteCreating a local association websites using Wordpress.co

  • 8/10/2019 Creating a Local Association Website

    2/82

    Wordpress.comCreate your new website for free. Enter the address/URL for your site, eg. MyIEA101.wordpress.com Th

    upgraded to your own custom domain later, eg. MyIEA101.org

  • 8/10/2019 Creating a Local Association Website

    3/82

    Complete the formEnter a personal/home email address (not your school email), a Username and a complex Password. You

    make changes from the previous page to your blog/website address. Click the No thanks, Ill use the free

  • 8/10/2019 Creating a Local Association Website

    4/82

    Create ContinuedSkip the premium upgrades, they can always be added later. Under the Wordpress Beginner column clic

    Create Blog button.

  • 8/10/2019 Creating a Local Association Website

    5/82

    Success!Your website was created. You will need to open your email and confirm your account/blog creation by cli

    link in the email.

  • 8/10/2019 Creating a Local Association Website

    6/82

    DashboardThe Dashboard is the first screen you see when you log into the administration area of your blog.

  • 8/10/2019 Creating a Local Association Website

    7/82

    DashboardThe main idea of the dashboard is to give you a placewhere you can get an at-a-glance overview of whatshappening with your blog. You can catch up on news,view your draft posts, see whos linking to you or howpopular your contents been, quickly put out a no-frillspost, or check out and moderate your latest comments.Its like a birds eye view of operations, from which youcan swoop down into the particular details.

    Admin Menu

    The Menu, located next to the WordPress logo on theleft-hand side of your Admin Bar.

  • 8/10/2019 Creating a Local Association Website

    8/82

    ThemesA theme controls the general look and feel of your site including things like page layout, widget locations

    font and color choices.

  • 8/10/2019 Creating a Local Association Website

    9/82

    Default ThemeWhen your website is created a random theme will be applied to it.Your website may not look the way you want it. Your site can becustomized by changing the theme.

    Change your theme

    The dashboard left side menu click Appearance > Themes

    The MyIEA101 website uses the Able theme. You can search at the

    top of the Themes page.

    When you find the theme click theActivate button.

    You will then be able to customize your site. Adding a header imageis a nice touch but not necessary.

  • 8/10/2019 Creating a Local Association Website

    10/82

    Customize Your ThemeClick Header and Add new image. The header images are usually a predefined size in pixels. The Able T

    suggest 1280x360.

  • 8/10/2019 Creating a Local Association Website

    11/82

    Upload Your Header ImageClick the Select Files button

  • 8/10/2019 Creating a Local Association Website

    12/82

    Select Your ImageNavigate to a folder on your computer where you have a image file and click Open. The file will upload to

    Wordpress.com.

  • 8/10/2019 Creating a Local Association Website

    13/82

    Select and CropYour image will be selected with a checkmark. Click the Select and Crop button. If your image was the s

    predefined size, you will have the option to skip cropping and publish as is. Otherwise Crop and Publish.

  • 8/10/2019 Creating a Local Association Website

    14/82

    SaveSave your header or click the X to cancel.

  • 8/10/2019 Creating a Local Association Website

    15/82

    Your Header Now AppearsYour header will now appear between the website Title and the Menu.

  • 8/10/2019 Creating a Local Association Website

    16/82

    General SettingsSettings > General. Set your Timezone to Chicago

  • 8/10/2019 Creating a Local Association Website

    17/82

    Reading SettingsSettings > Reading. Review all the options on this page and make changes to suit your needs.

  • 8/10/2019 Creating a Local Association Website

    18/82

    Discussion SettingsSettings > Discussion. Review all the options on this page and make changes to suit your needs.

  • 8/10/2019 Creating a Local Association Website

    19/82

    Sharing SettingsSettings > Sharing. Review all the options on this page and make changes to suit your needs. I would su

    unchecking the Show Buttons > Post > Pages. Also turn off Wordpress Likes, Reblog, Comment Likes

  • 8/10/2019 Creating a Local Association Website

    20/82

    Logging into Your WebsiteGo to Wordpress.com in your browser.

  • 8/10/2019 Creating a Local Association Website

    21/82

    LoginTo login to Wordpress.com enter your email address or Wordpress Username and Password.

  • 8/10/2019 Creating a Local Association Website

    22/82

    Wordpress ReaderOnce logged in the Wordpress Reader blue screen will appear. Click My Sites from the top menu.

  • 8/10/2019 Creating a Local Association Website

    23/82

    Select the SiteSelect the site you wish to manage by clicking the Dashboard link of the appropriate site.

  • 8/10/2019 Creating a Local Association Website

    24/82

    Your DashboardYou can always directly access your dashboard by bookmarking this page or by typing your website into t

    bar including /wp-admin after the address.

  • 8/10/2019 Creating a Local Association Website

    25/82

    Create a Static HomepageIf you are creating a small informational website for your local and will not be posting a lot of news, a sta

    homepage may work well for your website. Get started by creating a couple of pages.

  • 8/10/2019 Creating a Local Association Website

    26/82

    Add New PageCreate a new page for your homepage. Pages > Add New. You can name it Home. Unselected items fro

    Disscussion and Likes & Shares. Click the Publish button.

  • 8/10/2019 Creating a Local Association Website

    27/82

    Add Another New PageCreate a News page. Pages > Add New. No Content is needed on this page. Click the Publish button.

  • 8/10/2019 Creating a Local Association Website

    28/82

    Reading SettingsSettings > Reading. Change the Front page displays to A static page Then select the Front page: H

    the Post page, select News. Click the save button at the bottom of the page.

  • 8/10/2019 Creating a Local Association Website

    29/82

    Your New HomepageYou now have a nice clean slate to work with.

  • 8/10/2019 Creating a Local Association Website

    30/82

    Widgets and SidebarsDifferent themes will have different sidebar options. The Able theme has the option for a Left Sidebar

    Sidebar. Widgets can be placed in the sidebars.

  • 8/10/2019 Creating a Local Association Website

    31/82

    Add a WidgetFind and select the Recent Post widget. You will have the option to add it to the sidebars. Make a sele

    click the Add Widget button.

  • 8/10/2019 Creating a Local Association Website

    32/82

    Additional WidgetsMany widgets can be added to the sidebars. A Search widget, Links widget and Text Widget are pop

    options.

  • 8/10/2019 Creating a Local Association Website

    33/82

    View Widgets on Your SiteWidgets will take up space on you site and appear on every page. Dont add too many.

  • 8/10/2019 Creating a Local Association Website

    34/82

    Create a Contact Us PageAdd a new page called Contact Us.

  • 8/10/2019 Creating a Local Association Website

    35/82

    Add a Contact FormClick the Add a Contact From button. The default form can be customized. You can remove fields by clicking t

    button next to each field. You can also add new fields by click the Add a new field link. Click Add from to pos

  • 8/10/2019 Creating a Local Association Website

    36/82

    Email NotificationsSelect the Email notification tab at the top of the form builder. By default when someone submits a for

    emailed to the Author for that particular page. You can change this and add additional emails here. Clic

  • 8/10/2019 Creating a Local Association Website

    37/82

    Publish the PageThe form has been inserted into your page with a shortcode. Unselected items from Discussion and Lik

    Click the Publish button.

  • 8/10/2019 Creating a Local Association Website

    38/82

    View the Contact Us PageYour form was added and will display your information in the fields by default because you are logged int

    Try the form out!

  • 8/10/2019 Creating a Local Association Website

    39/82

    PostPosts (News items) are entries listed in reverse chronological order on the Home page (default) or on the N

    we created.

  • 8/10/2019 Creating a Local Association Website

    40/82

    Add New PostGive the post a Title and add your content. Add a new category called News or other topic. Click the P

    button.

  • 8/10/2019 Creating a Local Association Website

    41/82

    View PostYou can view the post you just published along with the Progress Sidebars. Click the X on that sidebar

  • 8/10/2019 Creating a Local Association Website

    42/82

    Add DocumentYou can add a document such as a PDF, Word or Excel document to a page.

  • 8/10/2019 Creating a Local Association Website

    43/82

    Add MediaClick the Add Media button. Click the Select Files button. Locate your file and click Open to upload

    Wordpress.

  • 8/10/2019 Creating a Local Association Website

    44/82

    Insert FileThe file you uploaded will be selected. On the sidebar you can changed the Title if needed. It will be th

    hyperlink. Click the Insert into post button.

  • 8/10/2019 Creating a Local Association Website

    45/82

    Publish PostThe link was added to the content area. Publish or Update your Post.

  • 8/10/2019 Creating a Local Association Website

    46/82

    Download DocumentThe document is now available on your site. Click the link you inserted to view.

  • 8/10/2019 Creating a Local Association Website

    47/82

    View the Document

  • 8/10/2019 Creating a Local Association Website

    48/82

    Add a VideoYou can add YouTube or Vimeo videos to your page or post.

  • 8/10/2019 Creating a Local Association Website

    49/82

    Video URLYou must first have the address or URL of the video you would like to insert into you page. Select and co

    from the top of the browser.

  • 8/10/2019 Creating a Local Association Website

    50/82

    Insert MediaClick the Add Media button. On the left sidbar select Insert from URL. Paste the URL of the video a

    Insert into post button.

  • 8/10/2019 Creating a Local Association Website

    51/82

    ShortCodeThe video shortcode was added to the content area. Your post or page can now be published or updated.

  • 8/10/2019 Creating a Local Association Website

    52/82

    Watch VideoThe video should now be available on the page. Click to watch.

  • 8/10/2019 Creating a Local Association Website

    53/82

    Add ImageYou can add an Image or Picture to your page or post.

  • 8/10/2019 Creating a Local Association Website

    54/82

    Add MediaClick the Add Media button. Click the Select Files button. Locate your file and click Open to upload

    Wordpress.

  • 8/10/2019 Creating a Local Association Website

    55/82

    Insert ImageThe file you uploaded will be selected. On the sidebar you can changed the Title if needed. Select the im

    want from the Attachment Display Settings. Click the Insert into post button.

  • 8/10/2019 Creating a Local Association Website

    56/82

    Image InsertedYour image was inserted. Your post or page can now be published or updated.

  • 8/10/2019 Creating a Local Association Website

    57/82

  • 8/10/2019 Creating a Local Association Website

    58/82

    LinksYou can create a list of link to other websites and display them in the sidebar with a Links widget.

  • 8/10/2019 Creating a Local Association Website

    59/82

    Add LinkGive the new link a Name, add the web address (URL) and select or create a new category for your list of

  • 8/10/2019 Creating a Local Association Website

    60/82

    Add Links WidgetAppearance > Widgets. Find the Links widget and add it to the Right Sidebar. Select the category of l

    you would like to display. Save.

  • 8/10/2019 Creating a Local Association Website

    61/82

    View Website

  • 8/10/2019 Creating a Local Association Website

    62/82

    Create Members OnlyWordpress gives you the option to password protect a page. This unique password would need to be shar

    those that would need access to the page.

  • 8/10/2019 Creating a Local Association Website

    63/82

    Add New PageAdd a new page and call it Members Only. In the Publish box, click the Edit link next to Visibility. Select

    Protect. Type in your super secret password for the page. Click OK You can now publish or update your page.

  • 8/10/2019 Creating a Local Association Website

    64/82

    View Members OnlyWhen you view the page any content on the page will not be displayed until the password is entered.

  • 8/10/2019 Creating a Local Association Website

    65/82

    View Members OnlyThe content is now visible.

  • 8/10/2019 Creating a Local Association Website

    66/82

    Custom MenuAppearance > Menus. Enter a Menu Name called Main Menu This name will not be displayed.

  • 8/10/2019 Creating a Local Association Website

    67/82

    Add Menu ItemsAdd your pages, links or categories to the menu.

  • 8/10/2019 Creating a Local Association Website

    68/82

  • 8/10/2019 Creating a Local Association Website

    69/82

    NestingMenu items can be nested by dragging them under another item and to the right. Items can also be orde

    and drop. Click Save Menu when finished.

  • 8/10/2019 Creating a Local Association Website

    70/82

    Manage LocationsThe current theme has two menu locations. Click the Manage Locations tab. Select Main Menu for th

    Menu. Save Changes.

  • 8/10/2019 Creating a Local Association Website

    71/82

    View New Menu

  • 8/10/2019 Creating a Local Association Website

    72/82

    Invite New UsersUsers > Inivite New. Additional administrators and authors can be added to your site.

  • 8/10/2019 Creating a Local Association Website

    73/82

    Send InvitationEnter Wordpress Usernames or Email addresses. Add IEANEA with the Role of Administrator if yo

    any future assistance with your site. Send the Invitation.

  • 8/10/2019 Creating a Local Association Website

    74/82

    Premium UpgradesWordpress offers several upgrades. These are yearly fees that will be need to be charged to a credit card

    upgrades are the Add a Domain $18 and the No Ads $30.

  • 8/10/2019 Creating a Local Association Website

    75/82

    Register a New Domain Name

  • 8/10/2019 Creating a Local Association Website

    76/82

    Search for a DomainYou can search for an available domain name. Use a .ORG or .COM. If it is available click the Register

    button.

  • 8/10/2019 Creating a Local Association Website

    77/82

    Domain DetailEnter you domain details. You may want to list the local association.

  • 8/10/2019 Creating a Local Association Website

    78/82

    Privacy ProtectionAnother add on for you domain.

  • 8/10/2019 Creating a Local Association Website

    79/82

    View the detailsThis again will be a yearly fee.

  • 8/10/2019 Creating a Local Association Website

    80/82

    Select New DomainYou will need to change the Primary domain for your site. Select your new domain and click Update Pri

    Domain.

    Contact

  • 8/10/2019 Creating a Local Association Website

    81/82

    Contact

    Dan BillingsleyIEA Webmaster

    Email:[email protected]

    Phone:217-321-2323

    1-800-252-8076 x2323

  • 8/10/2019 Creating a Local Association Website

    82/82