Header Options Training_540p.mp4

0 views

en Português Español

How was the video ?

Description

Transcript
Tags

Auto Scroll

00:00:00

This is a tutorial for the header options of your website
00:00:04

Now this is a little bit different than the header widgets for a page
00:00:09

The header widget is the top most widget of a website, usually like a title or something similar right here
00:00:16

However, the header options in the options and header, this is actually referring to the navigation bar and that header at up top right here
00:00:24

So that's what this is controlling
00:00:26

If you ever want to hide your navigation bar, you can simply turn that on to show no nav or header
00:00:33

You'll notice that it has now disappeared and you can turn it back off in order to show it like normal
00:00:41

You can also fix it to the top because normally when you scroll it stays at the top of the website but you can fix it to the top of the screen so that it's always at
00:00:55

the top when you're scrolled
00:00:57

Now that is a little bit different than the option below which will reappear when scrolling
00:01:02

This is going to be always fixed at the top however that reappear when scrolling is going to fix it to the top and it's going to let you scroll a little bit and then it'll pop
00:01:12

down at the top of the screen
00:01:14

So you see how when we scroll it doesn't follow us until we go down far enough and then it pops up there
00:01:19

So it's just a slightly different effect for different looks, whatever you want to do
00:01:24

This transparent slash show on scroll will make it a bit more transparent and you can also upload images for your header and your favicon
00:01:32

Those can be dragged and dropped into the system or you can browse to your folder and upload them
00:01:37

The header image is what's going to show on this left right here and the favicon is what's actually going to show on your tab of a browser
00:01:44

That's a little icon on the tab that shows up on your browser
00:01:47

You can even put text above the header if you want
00:01:51

So if you save this, this is going to show any text that you want above
00:01:55

See how now there's text above
00:01:57

And you can also add search forms and that'll automatically add a search form to the header so that users can type for keywords and phrase this and that'll help them find it on that website
00:02:10

And you can also manually manage the header and you can show which pages are available
00:02:16

So if you want to only show certain pages that they can navigate to, you can select which pages from here
00:02:22

And you can also add custom buttons and links by clicking this button and you can choose what type of link or button
00:02:30

Simply watch the buttons widget tutorial in order to understand more of that
00:02:36

And that's it for the main site header options
00:02:39

You can also add social media links in the header as well
00:02:43

So if you go down to this page, you can find your social link and you can input them here and that'll show up right here on the header
00:02:50

Now keep in mind the profile page is not always going to be the first page you see when you log in
00:02:57

You have to make sure you copy your actual social profile URL for that page that you want to show and paste that here
00:03:04

And you can also add custom code as well
00:03:07

So if you wanted to do like any JavaScript or custom code, you would simply paste that here and that'll apply it automatically to the navigation and headers bar