- So, you know how sections provide the bones or structure
for each page of your website,
now, let's talk about the meat, your content.
I'm Emily and I'm gonna show you how you can access
and edit content in a section or section group.
(gentle upbeat music)
We are in the website editor.
It's displaying the homepage.
Let's jump into a section on this page
and check out our editing options.
This is the about us section.
All of the visual elements for a section are at the top
and function the same across all section types.
You can change layout, accent colors, text alignment.
Below these settings, you'll find the content types
and section groups contained in a section.
Remember, you always have the option of making edits
in the website panel or doing it directly
in the preview window.
Either way, your edits will reflect in real time
in the preview window.
Let's take a look at how to edit two common content types,
text and images.
If you don't need a title or header
or just don't want text to display on screen,
just delete it and the section will adjust to the change.
If you delete a piece of content
that's displayed on the screen,
the field or setting will still display
in the website panel.
So if you change your mind
and you wanna restore a piece of deleted content,
look for it in the website panel and add it back from there.
Like many section types, this one contains section groups.
This display will tell you the number
of section groups you have
and the maximum allowed for the section.
You can also add section groups from here.
Let's open a section group.
The editable content contained in this section group
includes a headline, description, image, and action.
In both sections and section groups,
title and headline fields are simple text fields.
You can click in the field and edit or delete the text.
However, the formatting for these two types of text fields
is tied to your theme to ensure a consistent look and feel
across your site.
So their appearance cannot be edited from the website panel.
Description texts, on the other hand, can be formatted
in a variety of ways.
To format text,
select it and then choose from bold, italics, or underline.
You can also create bulleted or numbered lists
in description text fields
and adjust the size of the font.
(gentle upbeat music)
Another great feature is the ability to hyperlink text.
To do this, select the text you want to link
and click the link icon.
(gentle upbeat music)
Using link to fields, decide where you wanna go,
another page on your site or another website.
To link to an external website, choose that option
and then paste in the URL
where you want your site visitors to go.
If you're linking to a page within your site,
select the page name
and then identify the section on the page
you want the link to go to.
(gentle upbeat music)
Another common content type in sections and section groups
is an image.
Let's use the contact us section for this.
Remember, all of the images in your website theme
are meant to serve as placeholders.
You're not stuck with only these images.
The initial placeholder images are designed
to give you an idea of what each section
and section group looks like when complete.
To access image editing options,
click the image on the screen
or the image tab in the section or section group.
The current image thumbnail displays in the website panel.
You can rotate the image 90 degrees at a time
or use the trash icon to delete it.
Let's change the image so I can show you the photo library.
This is your photo library
and how you access the huge number of royalty free images
we provide with websites plus marketing.
All of the stock images are searchable by keyword
using this field.
You can also upload your own images,
just be sure they're formatted as PNG or JPEG files,
GIF files won't work.
Also, while your image files
can be as large as 30 megabytes,
keep in mind that smaller files download faster
and will provide a better user experience for your visitors.
So, try a free online compression tool like TinyJPEG
or TinyPNG to reduce file size before uploading.
Uploaded files are organized by category here.
What's super cool is if you've connected your website
to your social media accounts,
you can access photos on those platforms
and upload them to your site as well.
Once you decide on your image, select it and click insert.
(gentle upbeat music)
Back in the website panel,
you can use this slide bar to zoom in or out on the image.
To reposition the image in the window,
roll your cursor over the image
and you'll see it change to the four arrows.
Now, click and drag the image
to reposition it in the window.
Note that certain portions of the thumbnail are opaque.
This indicates the areas of the image not displayed
in the window on screen.
Looking for some mood?
You can easily change your images to black and white.
Next up is the description field,
also known as an images alt text.
It's important to include an image description
for two reasons.
First, this field is used by screen readers
to make your webpage accessible to the visually impaired.
And second, image descriptions are crawled by search bots
when evaluating SEO factors on a webpage.
Well-written descriptions with keywords can push your pages
up the search results page.
Finally, just like text, your images can be linked.
To link an image, enable the add link option.
Decide where you want your image to link to
and establish your settings, just like you do a text link.
When you're finished fine tuning your image, click done.
That's it.
Now, you know how to access and edit text and image content
in sections or section groups.
See ya next time.
(gentle music)