Get Started With Wix for Homepage Residents: Difference between revisions

From MoHA Wiki
(created draft)
 
(Edit, no images)
Line 63: Line 63:
*To add dynamic animations, when you select an asset, click the Animation icon. You can add animation to all assets, not just text.  
*To add dynamic animations, when you select an asset, click the Animation icon. You can add animation to all assets, not just text.  
**; '''image'''
**; '''image'''
=== Add a New Page ===
Adding a new page is easy!
#On the left sidebar, click the top button. The Site Menu displays.
#; '''image'''
#At the bottom of the Site Menu, click '''+ Add Page'''. A menu of options pops up.
#Select a pre-made template to customize (the Gallery and About templates might be helpful to try) or start from a blank page.
#; '''image'''
#; '''image'''
#I’m going to add a blank page so I have a space to play around with for this demo. I’ll name it “media page.” 
#; '''image'''
#You can add as many pages and subpages as you want. 
=== Adding Media ===
==== Adding Images ====
Let’s start by adding images on our media page.
#On the left sidebar, click the “Plus” icon > '''Images''' > '''My Image Uploads'''.
#; '''image'''
#All the uploaded files to the Wix account display. It might be helpful to organize your uploads into a folder like some of our past residents have done.
#; '''image'''
#To add your own files, click '''+ Upload Media'''.
#*You can upload from a variety of sources such as Google Drive, Dropbox, or your desktop. Most file types are supported.
#*You can upload more than one file at once by using Ctrl or Shift key (Mac or PC).
#; '''image'''
#; '''image'''
#Your uploaded files display at the top of the library. Select a file to perform simple editing, such as cropping or color correction.
#; '''image'''
==== Adding Video & Music ====
For video uploads, you can:
*Upload a file, Wix has a built-in player
*Insert from YouTube, Vimeo, etc
*; '''image'''
#On the left sidebar, click the “Plus” icon > '''Video & Music'''.
#Select video. Wix adds a generic video to your page. Click on it, and a menu displays.
#Under Video Settings, select the video source.
#*You can also change options like looping and autoplay.
#; '''image'''
#; '''image'''
#You can add music links in the same way.
#In the screenshot below, I zoomed out to get an overview of how my page is coming :)
#; '''image'''
=== Links ===
In the screenshot above, I’m going to take the thumbs-up cat and link it to the home page.
#Select the object you want to link and click the Link button. A pop-up menu appears.
#*'''Note:''' For text, highlight the word(s) you want to link and click the Link button inside the editor.
#; '''image'''
#Select Page, then select the page in your site to link to. You can also connect to other websites like a portfolio, an email address, or a link can be made to go back up to the top of the page.
#; '''image'''
#This method is an easy way to connect different pages of your site, and can be done with various objects.

Revision as of 15:25, August 3, 2024

Purpose

Welcome to my Homepage residents can use this guide to help log in and use the residency Wix site.

Getting Started

  1. Follow the collaborator link to the Wix site.
  2. Log in. Make a new account if necessary.
    image
  3. The My Sites dashboard displays all the Homepage sites. At the top, find a blank template with your name. In this example, “Upcoming-name” is the blank template.
    image
  4. Hover over your template and click Select & Edit Site.
    image
  5. At the top right, click Site Actions > Edit Site.

Wix Basics

  • When you open the template, it should look like this:
    image
  • At the top left, a pull-down tab lists all the site’s pages. Each site comes with two pre-built pages:
    • About
    • Guest Room View
      • You can add as many pages as you like.
    image
  • At the left, this sidebar is the easiest way to navigate through your site. Use this sidebar to:
    • Access your pages
    • Create new pages
    • Add and edit images
    • Add and edit videos and other content
    • Add and edit text
    • and more!
      image
      image
      image
  • Use the sidebar on the right to fine-tune items. For example, you can easily copy/duplicate objects and resize or reposition them. It’s very helpful for centering things evenly.
    image

Using Wix Tools

Images

Let’s play with what we can do so far. In the screenshot below, when I click on the plant, several buttons appear. You can:

  • Change the image
  • Add a frame
  • Edit the settings
  • Crop the image
  • Add filters
  • Add a link
  • and more!
    image

When you move and/or stretch an image, guidelines appear. These help you center the image and understand its location on the screen.

image

Text

Now let’s move on to editing text. To change anything, such as fonts or other text effects, click on the text box and then Edit Text. image image image image

The Wix text editor functions similarly to a Word document. You can even add your own fonts if you want.

Tip:

  • Sometimes, you must highlight the text in the box and then make changes.
    • For example, if you are trying to change formatting after writing, first you must highlight the text.
      image
  • To add dynamic animations, when you select an asset, click the Animation icon. You can add animation to all assets, not just text.
    • image

Add a New Page

Adding a new page is easy!

  1. On the left sidebar, click the top button. The Site Menu displays.
    image
  2. At the bottom of the Site Menu, click + Add Page. A menu of options pops up.
  3. Select a pre-made template to customize (the Gallery and About templates might be helpful to try) or start from a blank page.
    image
    image
  4. I’m going to add a blank page so I have a space to play around with for this demo. I’ll name it “media page.”
    image
  5. You can add as many pages and subpages as you want.

Adding Media

Adding Images

Let’s start by adding images on our media page.

  1. On the left sidebar, click the “Plus” icon > Images > My Image Uploads.
    image
  2. All the uploaded files to the Wix account display. It might be helpful to organize your uploads into a folder like some of our past residents have done.
    image
  3. To add your own files, click + Upload Media.
    • You can upload from a variety of sources such as Google Drive, Dropbox, or your desktop. Most file types are supported.
    • You can upload more than one file at once by using Ctrl or Shift key (Mac or PC).
    image
    image
  4. Your uploaded files display at the top of the library. Select a file to perform simple editing, such as cropping or color correction.
    image

Adding Video & Music

For video uploads, you can:

  • Upload a file, Wix has a built-in player
  • Insert from YouTube, Vimeo, etc
    image
  1. On the left sidebar, click the “Plus” icon > Video & Music.
  2. Select video. Wix adds a generic video to your page. Click on it, and a menu displays.
  3. Under Video Settings, select the video source.
    • You can also change options like looping and autoplay.
    image
    image
  4. You can add music links in the same way.
  5. In the screenshot below, I zoomed out to get an overview of how my page is coming :)
    image

Links

In the screenshot above, I’m going to take the thumbs-up cat and link it to the home page.

  1. Select the object you want to link and click the Link button. A pop-up menu appears.
    • Note: For text, highlight the word(s) you want to link and click the Link button inside the editor.
    image
  2. Select Page, then select the page in your site to link to. You can also connect to other websites like a portfolio, an email address, or a link can be made to go back up to the top of the page.
    image
  3. This method is an easy way to connect different pages of your site, and can be done with various objects.