hey everybody today I'm going to show you how you can create custom
call to action buttons in wordPress using a plugin called
max buttons as you can see I have already gone ahead and installed the plugin
max button and I've created a custom button for our free WordPress setup program
so on the main screen of max buttons
it will show you all the buttons are you have created because I only have created
one it will show me one
this is how the button looks and this is the hover effect
so what I'm going to do is I'm going to show you exactly what I did
to create this
First I went ahead and named the plugin free WordPress setup
then I also put a description now I was very brief in my description you can be
as detailed as you want to
so you know how and where the button this button is
going to be used then I put the URL
where this button will point to I also put the text that should appear
on free WordPress, now I can change this to
WordPress setup
or anything else that I want to so
I'm going to leave it as free WordPress setup then we have an option
to change to text font right now by default it is arial
we can change to Georgia to Homer
Times New Roman and all the other fonts listed below
I would like to see max button actually include the Google Font library
in it to give us more font options but for right now you're stuck with these
web safe fonts
then you have the text size that you can play around with
you can make it 20 you can make it 27 whatever you like
I'll leave it at 16 which is the default you can change the text style from normal
to italics text weight can be normal
like that or bold I like the bold view
now you have the option to have text shadow
right here I made it 0 because I didn't
want any text shadow on my this button but you can have as much text shadow as you want
same with the padding default is 15
I didn't like the way 15 was displayed notice cool part is as you change the values
the button is getting built on the fly so you can see exactly what each thing
does so I'm going to go ahead and change it back
to 12 so you can see how the bottom one
when smaller and the top one just got smaller then
you have border-radius now
as you noticed as I scroll down the screen I no longer see whats going on at the top
so what I would like the max button team to actually do is have
this little thing float on the right side of the screen
with the user as they scroll down so they can see exactly what they're changing
so now you have option for border-radius
right now its four pixels which is by default
which is the default value I will, I can go ahead and change it
to 10 now notice I'm only changing the top left and top right
the button would look a little bit like this a little weird so I'll go ahead and
make it all
the same so you can see how it will look like see how the button just got more rounder
lets change it back to four
again so you know, then you have the border style
which is solid by default I like solid borders you can change it
and the border width is one pixel then you have box shadow
I can add box shadow if I want to but I haven't done so in this
lets see I'll add two pixels here one here one here
and if you noticed there's box shadow
in here so lets go back down
I don't like to box shadow effect for this particular design so I'm going to
leave it as is
now the cool thing is that you can select the color
the text color which right now is white there is an option for text shadow
but because I have disabled it already up here we don't need to worry about
that this is green because it would not show up now you you need to enter the gradient
start color which I have as light brown
see how I can just select the colors or if I know
the hex code I can just paste it right here same with a gradient end
and you have to have this border color is essential
like you see in this button I don't have the box shadow
enabled I don't have the box shadow enabled
so I don't have to worry about it
so once you have done this you can go ahead and
create your little button
save it. Now let's say if I want to
use a similar style button but just create a different one
I can copy the same styling and change the name of that button
to why use WordPress
and you know why use WordPress page link
and I can save this new button now what happenens is
that each button gets its own shortcode
so max button id and then you can paste this in any of your posts or
pages
and you have a pretty good looking
custom call to action button. Max buttons is a free plugin
download it now and try it out