- Hey guys, I'm Jayla Koriyan,
and my YouTube channel is Jayla Koriyan TV.
I'm a YouTube personality,
I'm an author, I'm an entrepreneur,
and I use Squarespace to showcase
all of those things on my website.
Let me show you how my website was created.
Since branding is everything,
I needed a website that would allow me
to do very specific things
and wrap it all into the Jayla Koriyan brand.
Squarespace did not disappoint.
The main thing I wanted my site to have
was a strong introduction
so new visitors get a sense of who I am
as soon as they landed on my homepage.
I want to be able to incorporate
and connect my social media feed
so my Instagram will automatically update
and I can provide a way for my followers
to join my community and stay updated.
Finally I want my site to offer an option
for visitors to contact me and sign up for my newsletter.
Squarespace has that option
for all of these things and more.
In this video we're going to be discussing
how to build a website
so you can design one of your very own.
Let's get started.
Like I said, Squarespace offers a bunch of great templates
to get your website in motion.
If you go to squarespace.com\templates,
you can take a look and find one that best suits you.
The template for my website is Stella.
You don't have to use my template.
You can use any that you choose.
Among all of the features that Squarespace offers,
I love the option of an Index Page
that gives more of an immersive experience.
When you first land on my site,
what you're looking at is an Index Page
to get a good idea of who I am, what I do,
and what the website is all about.
This is a fantastic design feature that collects images
and content from different pages creating a destination
where my visitors browse content from sub-pages.
There are a few options of Index Pages
but my website utilizes the stacked feature.
I'll get back to the design of this Index in just a moment,
but as you scroll you'll see Let's Get to know Each Other
where you should go for my About page.
Scrolling down a little more,
there is some information
and a link to my book, and e-course,
and just under that is a link to my masterclass
for launching your YouTube career.
These are all features that are most important to me
and what I like to provide and convey to my audience
on first impression.
For instance if they want a five-second
elevator pitch of who I am,
my Index Page should include all of this.
Let's talk a little bit about
how to put an Index together.
So what you want to do
is go to your Home menu and click Pages.
Click the plus icon and then click Index.
Give your Index a title and hit Enter.
Hover over the Index and click the gear
to adjust the Index's Page Settings.
It's really simple to add pages to your Index.
Within the Pages panel,
click the Add section within your Index.
When you create a new page in your Index,
the menu will show you
what kinds of pages are available
for the template you chose.
If you're using the Stacked Index like my website,
click the Title in the Pages panel
to scroll to the section in that Page Preview.
When it's time to add content,
all you have to do is hit the Edit Annotation.
When you look at the Pages panel,
the order they're displayed
reflects the order that the pages
will show up in your Index.
Let's say this order isn't working for you,
and say you want to move these around.
It's no problem at all.
All you need to do in your Pages panel
is drag and drop pages to rearrange their order.
If you want your website to be like mine
where my Index Page is my homepage,
all you have to do is hover over
the Index Page Title in your Pages panel,
click the gear icon and scroll down in the Basic tab
and click Set as Homepage.
That's it.
You now have a homepage that gives your visitors
a nice preview of everything that you have on your site.
One more thing that I want to show you
really fast about the Index Page,
when you scroll down and you see the page about
I've Learned A Lot from My YouTube Career,
I want to show you how this was made.
First off, I love the photo,
taken by the super talented photographer Clicker Fist.
What you're looking at is an Image Block
added to my page content
which makes it really simple
to have a design like this.
Let me show you how it's done.
Go to your Page Content and hit Edit.
From there click an insert point
and select the Collage option from Image Layout.
When you do this,
you'll be prompted
to upload the image you want,
and add any information in the text box
so it overlays the image.
I love the way it looks.
It gives that little extra design element.
Once you start putting blocks of elements into your Index,
let's head over to the Style Editor.
All you have to do is click on Design
and then click on Style Editor.
The great thing about every template from Squarespace
is that the elements on the site are meant to be changed.
Squarespace wants you to customize them.
Once you have a template and homepage,
it's important to make changes in your Style Editor next.
This really allows you to make important changes
to your site right off the bat
so you don't have to focus on them as much later on.
Also really important,
you can always change elements
in your Style Editor at any point
so you aren't stuck with these.
Let's go ahead and make changes
to a very important design element,
the Color Scheme.
The Style Editor makes it really simple to make changes.
For example if you hover and then click on
the Site Header at the top of the website,
the design elements for the header automatically appear.
This is where you can change the fonts,
the color, the spacing of everything.
Have fun when deciding these.
You want them to look good.
The color of the header on the site
was changed to this beautiful pink.
If you take a look at the Color Editor,
you can see the exact shade that was used.
Here is a quick tip that will save you loads of time.
If you find a shade of a particular color you love,
and you want it to appear elsewhere in the site,
you can open up the Color Editor,
highlight the exact number
shown on the bottom of the window
and hit Copy.
When you want to change a color
of another element to this exact shade,
you can just hit Paste
without having to guess it
if it's the right color.
For the navigation across my site,
I really wanted the font Rollerscript.
I think it fits really well into the design.
It's stylish and playful, I love it.
For the font on the header, Henderson Sans was used.
These two fonts really play off each other in a great way.
They're fun but convey the information
I want the visitors to know.
The Style Editor is great for anything
you want to change the appearance of.
No matter how small the detail,
from the size of your social media icons
to the width of your site's borders,
you can do it in the Style Editor
and make your site look the way you want it to.
Having a following on YouTube
and updating my fans through videos
has been incredibly important to my business.
I wanted my website to reflect this,
and I couldn't believe how easy it was
to embed videos from my YouTube channel
on my Lifestyle Page through Squarespace.
Instead of having to upload a video file,
Squarespace makes it really simple
to create a Video Block on your site,
especially if you already upload your videos
to YouTube, Vimeo, Wistia, and Animoto.
What makes it even better is that
there is more than one way to do it
depending on what you want out of your site.
You can add your videos to the Video Blocks,
Gallery Blocks, Gallery Pages,
Project Pages, and even Cover Pages.
For my website it made sense to utilize Video Blocks.
Once you create a new page for your videos
or if you have a page
you would like to feature a video content,
you're going to make a new Video Block.
The way to do this is select the insert point,
and within the menu, select Video Block.
A window will pop up where you'll need to enter
the URL where the video is hosted.
As soon as you paste the link,
Squarespace will automatically grab
the same video thumbnail
that is used on the video link.
If you want, you can always upload
another thumbnail instead.
In order to do so,
directly under the URL link
is a window to upload a custom thumbnail.
For this video we're just going to keep
the YouTube thumbnail that's shown.
Now you can see how the video displayed on the page.
If you look at my Lifestyle Page,
you can see that there is one large Video Block
and three smaller blocks underneath.
In order to do this,
you just repeat the process
of adding Video Blocks
and place each one next to each other.
These blocks will resize
relative to each other
so they are the same size.
Click an insert point underneath the first video.
Once again select Video Block
and enter the URL link in the window.
Now select an insert point anywhere on the page,
and again select Video Block.
But this time when you select the block,
click and drag it to the right of the lower video.
This allows you to insert it next to the block.
Now both of these are resized.
If you repeat the process one more time
and insert a Video Block next to that one,
all three of these Video Blocks will resize.
Just like my YouTube channel,
my following on social media
is integral to my business and to my brand.
I get to connect with my fans everyday
and I can't tell you how important it is.
Squarespace has made it so easy
to sync my social media feeds
directly to my website
so whenever I post anything on Instagram,
my website would be automatically updated
without having to lift a finger.
The first thing you'll need to do
is head over to your Home menu and click Settings.
Click on Connected Accounts and then Connect Account.
Select Instagram from the Social Accounts menu,
and from there you will need to log in
using your Instagram username and password.
Just so you know, you can do the same thing
with your Twitter, Pinterest, Tumblr,
LinkedIn, Facebook, and even Snapchat accounts.
Once you have your Instagram account connected,
go to the page where you want to feature
your Instagram photos.
Select an insert point
and scroll down the menu
to Social Blocks.
There you will select Instagram and click.
Squarespace has done a great job of giving options
for how these photos are displayed.
In the Design tab there are four different options,
Slideshow,
Carousel,
Grid,
and Stacked.
As you can see my site has Grid.
Depending on which display you choose,
Squarespace gives you more options within that display.
You can choose to have your Instagram post
automatically transitioned or not.
You can have Next and Previous buttons.
You can have Squarespace automatically crop images,
add captions if you want.
It even have your content open up in a new window.
Once you have your Instagram block
looking the way you want it to,
every time you post something to your account,
it will show up at the same time on your website.
You don't manually have to update your Squarespace website.
This is a fantastic tool for the social media
savvy people out there like myself.
My book Pretty and Educated
is a really great complement
to the rest of the content
I create on my YouTube and social media.
I want all of my visitors to know
where they can buy my book
if they didn't want to buy it
directly from my Squarespace site.
So there are links to Amazon page.
For those of you who want to create a hyperlink
or button that would direct your visitors
to the merchandise page like Amazon,
I've got you covered.
It's really straightforward.
Let's talk about the hyperlinking first.
Go to the page where your link will be featured.
On the page click an insert point and hit Text.
Enter the text for your link
and then click and drag
to highlight the text you want to link.
Click the link icon in the toolbar
and a link editor will open up.
Enter the URL in the window and click Add Link.
That's it.
Now your visitors will be directed
to where you want to send them.
When you want to add a button, it is just as easy.
On your page click an insert point
and select Button from the menu.
A text box will pop up where you'll enter
what you want the box to say,
and just below that
is where you can place your URL link.
Depending on the layout of your page,
you can also make the size of the button
small, medium, or large.
Once you hit Apply, you're good to go.
Just like the hyperlink,
a visitor clicking a button
can be redirected to another page.
I wanted to make it easy for my visitors and followers
to be able to stay in touch,
so my contact page has a Form Block
that allows people to reach out
and also sign up for my newsletter
whenever I have updates.
When you build your site on Squarespace,
the Form Block is a simple way to set your contact page up
and take the headaches out of designing it.
Squarespace also makes it very easy to add
certain fields to your form that you might want
and take away others that you don't need.
Create a brand new page on your site,
click an insert point and scroll down
until you see Form Block.
Here Squarespace has a preset list
of fields that automatically come up.
Take a look at these and make sure the fields
request the right information that you need.
Form Blocks are also great
if you want your followers to take a survey,
take a poll, fill out an application and more.
From there all you need to do is set up
a storage option and the email addresses
you want these forms to be forwarded to,
and you're all set.
I know I've gone over
a lot of information in this video
but I want to leave you with one
really important feature Squarespace offers
and that is Analytics.
Squarespace offers the users
super detailed information
about key details of the site.
Go to the Homepage and select the Analytics button,
and you'll find an array of information
Squarespace gives you about your site,
how many visitors you had, which pages get the most hits,
what's the most popular content on my site, and more.
It is tools like this that help me to know
what on my site is doing well
and what could use a little more attention
to attract visitors.
By clicking on Geography,
you can see where visitors are based.
As an author, that might help me decide which cities
I should try to visit during a book tour.
I love this aspect that Squarespace offers
to all of their clients.
So that is how my website was built.
Make sure you guys just have fun with it and be creative.
If you guys have a Squarespace site, I would love to see it.
Make sure you guys subscribe to my YouTube channel.
And thank you Squarespace
for having me and featuring my website.
Bye guys.
For more infomation >> HOW TO SURVIVE TO THE EXO COMEBACK (Don't mess up my tempo) - Duration: 2:27. 
For more infomation >> DIY HOW TO MAKE RAINBOW KINETIC SAND HALLOWEEN PUMPKIN for Kids(Learn Colors with Nursery Rhymes) - Duration: 10:02. 
For more infomation >> It claims to slice and dice- But Does it Work? - Duration: 2:00. 
For more infomation >> How to make funding fairer? - Duration: 2:40. 
For more infomation >> Easy Diya Diwali Card l Easy Diwali greeting card l How to make Greeting card for Diwali ? - Duration: 8:02. 
Không có nhận xét nào:
Đăng nhận xét