Before Class



The One-Hour Website Step-by-Step Procedures — Session 2Table of Contents TOC \h \z \t "Heading 1,1" Before Class PAGEREF _Toc474764222 \h 1Review PAGEREF _Toc474764223 \h 1Edit the Contact Form PAGEREF _Toc474764224 \h 2Add a Contact Form PAGEREF _Toc474764225 \h 3Add Link to Contact Page PAGEREF _Toc474764226 \h 3Add Link to Contact Page PAGEREF _Toc474764227 \h 4Add Link to External Webpage PAGEREF _Toc474764228 \h 4Add Another Blog Post PAGEREF _Toc474764229 \h 4Add a Pictures Page PAGEREF _Toc474764230 \h 4Remove or Add a Widget PAGEREF _Toc474764231 \h 5Add a Blog Post PAGEREF _Toc474764232 \h 5Add a Video PAGEREF _Toc474764233 \h 7Add Social Media Sharing Buttons PAGEREF _Toc474764234 \h 7Find a Theme PAGEREF _Toc474764235 \h 8How to Edit a Picture with Pixlr PAGEREF _Toc474764236 \h 8Extra PAGEREF _Toc474764237 \h 9Before ClassReviewDownload files from Log in to Click: My SiteAdd a new siteClick button at bottom leftTheme: Click button at bottom: Skip for NowDomain: SallysSecondSiteVideo: Customize the ThemeSet Site Identity: TitleSet Header ImageVideo: Remove WidgetsChange from Blog to WebsiteAdd Welcome pageAdd News pageSet Welcome page as Static Front PageSet up the Welcome pageCopy and paste text for the Welcome pageAdd two photosAdd captions to the photosAdd a Blog PostCopy and paste textAdd clip art imageAdjust MenuAdd the Welcome pageTo Add an Item to the Menu:Click one of the “+” buttonsClick either Add menu item above or Add menu item belowClick the option button for the desired pageClick the button Add ItemRemove the old Home pageTo Remove an Item from the Menu:Click the “pencil” button for the menu itemClick the button with the red trashcanClick the button Delete ItemVideo: Remove the About pageClick the button: SaveYou may need to click the Refresh button to see the new menuEdit the Contact FormChoose the Contacts pageClick: PagesClick: ContactCopy and paste the textEdit the contact formClick the formClick the pencil buttonRemove the Website box (click the trashcan icon)Edit the Comments box (click the pencil icon)Change “Comments” to “Questions and Comments”Uncheck the box for “Required”Add a Contact FormGo to the bottom of the Welcome pageClick at the bottom of the pageAdd a line of text: Please add yourself to our mailing list.Click the button for Horizontal lineClick the “@” button: Add Contact FormClick the button SettingsIf needed, adjust the email address and the subject lineClick: InsertAdd Link to Contact PageOpen the Welcome page and go to the bottomAdd text: Find out how you can get a free gift.Select the textClick the Insert/Edit Links buttonWhich looks like a chain linkInsert the link for the webpage, or Click the option button for the desired pageIf an external link, Check the box: Open link in a new window/tabClick SaveClick UpdateAdd Link to Contact PageOpen the Welcome page and go to the bottomAdd text: Find out how you can get a free gift.Select the textClick the Insert/Edit Links buttonWhich looks like a chain linkInsert the link for the webpage, or Click the option button for the desired pageIf an external link, Check the box: Open link in a new window/tabClick SaveClick UpdateAdd Link to External WebpageAdd Another Blog PostAdd a Pictures PageAdd a Picture to a PageWhile viewing a page, click the button EditClick at the beginning of a paragraphClick the Add Media buttonDiagram:88232011747500Click the button: Add NewBrowse to the desired image and double-click itClick the Edit buttonFill in: Alt textFill in: DescriptionClick InsertClick the image to open its toolbarClick the button Align left or Align rightClick the plus or minus buttons to adjust the sizeDiagram:82550012429900Click the button: UpdateRemove or Add a WidgetClick: My SitesClick: CustomizeClick: WidgetsClick: SidebarExamine the widgetsRemove a widgetClick the down arrow for a widgetClick the button near the bottom: RemoveAdd a widgetClick: Add a widgetScroll down to find the desired widgetClick the desired widgetOn the left, fill in the desired informationVideo: Click: Save & PublishClick: < or X to close the Customizer menuAdd a Blog PostClick in upper left: My SiteClick: Blog Posts: AddDiagram:Type title: e.g., Our New Website DebutsType or paste body textDiagram:Open the Advanced Toolbar: Click: ●●●To see two rows of editing tools.Diagram:242247839388000Choose the Featured Image:This image appears above the blog post.Click: Featured ImageClick: Set Featured ImageClick: Add New or Upload MediaBrowse to the desired image on your computer and double-click itClick: Set Featured ImageAdd a Picture or Image:Click at the beginning of a paragraphClick the Add Media buttonDiagram:128286110207400Click the button: Add NewBrowse to the desired image and double-click itClick InsertClick the image to open its toolbarClick the button Align leftDiagram:82550012429900Click the button: PublishAdd a VideoGo to Youtube and find the desired videoClick the address bar and press Ctrl + CGo to the desired page or post on your siteClick the button EditClick the desired location for the videoPaste the video by pressing Ctrl + VUpdate the page or postAdd Social Media Sharing ButtonsClick My SitesClick SharingClick Sharing ButtonsUnder Button style, click Official ButtonsClick Save ChangesFind a ThemeGo to: How to Edit a Picture with PixlrBasic Workflow:Crop — to remove unneeded partsResize — to remove unneeded pixelsZoom — to see full effect of pictureVibrance — to make colors more dramaticSharpen — to remove blurVignette — to tone down cornersStart:Download picture of DoeOn your computer, use Windows Explorer to make a copy of the picture and rename it as “original”With your browser, go to Sign in or create an account (free)Use the account: student@, pw: 1hrsite1Scroll down to find Pixlr Editor and click Launch Web AppClick: BrowseBrowse to the desired image and double-click itClick Adjustment button in bottom rowCrop:Click: Image > CropClick in the upper left corner of the area you want, hold the left mouse button down and drag to the lower right corner of the area you wantA grid appears over the selected areaDrag the corners of the grid to adjust the size, if neededPress the Enter key to confirm the cropResize:Press Resize button:Change width to about a half the current amount.Zoom in:In upper right, change zoom to 100%Vibrance (Saturation)Click Vibrance buttonAdjust as neededClick ApplySharpen:Click: SharpenAdjust as neededClick: ApplyVignette:Click: Overlay in bottom row of buttonsClick: VignetteSoften effect so that it is just barely noticeableClick: ApplyExtraThe “Black Menu” (The Old Dashboard and Menu)At bottom of main menu: Click: WP AdminAdd Picture to a Text WidgetAdd the picture to a test pageChange view from Visual to HTMLCopy the code for the pictureEdit the Text WidgetPaste the HTML code Add Hyperlink to a Text WidgetUse the same procedure as for adding a pictureGet a Forwarding Email addressDon’t put your real email address on your websiteBecause spammers will put it on their spam listGo to your domain source (Hover, GoDaddy, etc.)Create a Forwarding email addressThis is a dummy address. Mail sent to it will forward to your real addressCost about $5 a yearGet a Forwarding Phone NumberGo to Google VoiceSet up a free phone number that forwards to your real phone numbere [END] ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download