PERSONAL BRANDING OVERHAUL: Website, Logo, Business Cards | Studio Vlog

PERSONAL BRANDING OVERHAUL: Website, Logo, Business Cards | Studio Vlog


hello friends good morning welcome to
another little studio vlog so today is Monday I’m feeling productive I’ve
actually been ill this past week I’ve had a kidney infection which has totally
knocked me off my feet so last week was the least productive week I’ve had in a
long time and the only way I can describe the infection was having the
flu but without the snottiness like I was tired I was napping every like four
hours it was a lot but we’re back I’m feeling much better now so today I
thought I would catch you up all the things I’ve been doing I’ve got a few
little clips from like last week in the week before that I hadn’t included in
anything for obvious reasons so I will insert those now I have just been to
home bargains and I found these little tray things that actually like can stack
things for you fridge they’re like cans of coke and stuff you can like stack
them in here and I took a card with me because the storage system in
this drawer is not working and it fits perfectly in here so I’m very happy
about it so I bought three and I thought I’ll line them up next to each
other and we can put a divider in because obviously there are six cards
but anything right now is better than what I have so currently I did like a
DIY job of this let me just put this up here so we can get to it so currently I
have like a DIY version of it and it’s just not working everything keeps
falling over so what I’m gonna do is take all this out and replace it with
these so let’s take out these parts look at my shoddy DIY I was trying to be
resourceful with the cardboard and reuse it well obviously that didn’t work and
then if I put these in here I should probably clean out the bottom of the
drawer but I can’t be bothered right now like this it looks so much better
already and then I’m gonna put a divider in
between do you know what I think three different cards could fit in here
oh my god how much more space do I have that’s
insane perfect now I actually have a spare tray thing I’m not gonna bother taking it back it’s like £1.50 so I’m sure I will find a use for
that somewhere I’m actually going to start designing and ordering some new
desk planners so yeah I needed some space for that so I’m very happy I’ve
sorted this out now absolute bargain but today I have a couple of orders to sort
out this morning I’m gonna quickly nip to Tesco and buy myself some hair dye
because my roots need dying desperately and then I’ve got a little well not even
a little along old to-do list on my little notepad I’m not using my weekly
planner this week because I’m actually going to VidCon on Wednesday which I’m
excited about so I’ve only got Monday Tuesday and
Wednesday morning basically to do work so I’m just gonna use this as my to-do
list I’ve got quite a lot to get done I’ve got all the stuff that I was
supposed to do last week in two days so it’s gonna be a busy one why hopefully
it’ll be a good little vlog but for now we’re gonna pack up these orders and I’m
gonna head to Tesco and sort myself out story of my life post-office done I have like the biggest
collection of these receipts I don’t really know why I keep them because I do
all my accounting online and if a parcel gets lost the Royal Mail don’t actually
do that much about it because I don’t use tracked delivery because it just costs
too much and the cost of the delivery usually is more than like what the
products were so I just don’t bother doing tracked it’s just cheaper for me to
just send a product again if it gets lost right I’m gonna go to Tesco now it
is so cold today not quite sure how cold oh there’s a strange person walking in
front of my car good job I locked my car and we’re back I have changed into my
cozy clothes because that top was very uncomfortable I was trying to be
presentable and put together but I realized that it’s not the life I lead
so we just we can just ignore it I’m gonna quickly take my lunch break actually
because it’s currently a half past one and I’m rather hungry and I’m actually
gonna quickly put on a Skillshare video so if you’ve been watching for a while
you guys will know that I love Skillshare I’ve worked with these guys
before and they are very very kindly sponsoring in this little section of the
vlog so thank you very much Skillshare so for those of you that don’t already know
Skillshare is an online learning community where they offer classes designed for
real life so right back when I finished University I spent a lot of time going
through their classes and sort of finding myself there’s things on there
to do with entrepreneurship there’s things to do with graphic design
illustration photography literally anything you can think of I’ve actually
recently been watching a class by a guy called Thomas Frank and he talks all
about productivity so I’m gonna do that now whilst I’m eating my lunch I’m gonna go
and find another productivity video just sort of motivate me for the rest of
the day Skillshare have actually offered you guys a killer deal so for the first
500 of you guys to click the link in my description you’ll get to three months
of the Skillshare premium membership which will give you access to all the
different topics all the different classes and you can get motivated like I
have been doing and maybe you can even teach yourself a new skill so yeah I’m
very happy to be working with Skillshare
again thank you so much guys let me know if you do click the link and start the
trial I’m interested to know what topics you choose to learn so okey doke I have
just done the subtitles for yesterday’s video because I hadn’t done them it
honestly took me so long to get yesterday’s video edited because of
being ill every time I tried to edit I kept falling asleep such an annoying
process honestly was so annoying but we got there in the end so I’ve done the
subtitles that’s all done everyone seems to enjoy it if you haven’t seen it I
will link it in the little I button thing whichever side that pops up on it’s
basically me going through every single piece of equipment or gadget or whatever
I own and most of it is from Amazon so it turned into a bit of an Amazon video
but yeah I enjoyed going through that now I’m going through a little bit of a
personal rebranding mission I feel like this happens like every maybe six months
for me I’m not very good at sticking to one thing but I guess it’s good to keep
things fresh right I recently ordered some new business cards I haven’t had
business cards for years I actually my old ones were like pink and marble
pattern actually let’s see if I can find them I’m pretty sure I saved them in my
bedroom I’ve been watching Harry Potter hey there we go
so this is my most recent business card and it actually pains me how the layout
is on this and like the space in between my youtube header thing isn’t the same
as this and like this is too big and my font is weird but this was my vibe and
if you can notice it’s got spot gloss on it which basically means is like a
little bit of raised glossy stuff where the text is but because I was being cheap it’s one-sided which i think looks really I mean I suppose it works if
you’re on a budget but personally I’d rather have them double-sided because it
looks a little bit more professional so yeah this is my my old business card I
actually can’t remember the last time I got this out like they came in a box of
500 and I must have only had one handed out like 20 it was a bit of a waste of
time I remember taking them to summer in the city pretending I was profesh
so yeah that that’s that but yeah I wanted to take some new business cards
to VidCon because I figured that’s more of like a business event thing and I
suppose if I want to take myself more professionally I should get some and I
found a really well-priced place to get them from I’ll let you know where I got
them if they’re good when they arrive and if they arrive on time because I
paid extra for them to arrive because I left it last minute but I thought I’d
quickly show you the design I’ve gone for we’ll see in a future vlog whether
they turned out ok but honestly this design took me so long I feel like if
you are watching this and you’ve also tried to create your own logo or design
yourself a brand or whatever you understand the struggle of trying to
create something for yourself I know as a graphic designer I can quite
happily take a brief for someone else’s logo like someone tells me what they
want I can usually create it no problem but trying to create my own it’s near
impossible it honestly took me so long but I think we got there so I ended up
with this so I have a square business card I thought I’d go a bit different
and it’s double sided and on the front so the bit that you should look at first
I guess is my little logo mark thing I made so it’s just my initials in this like
I’d say it’s a font it’s not a font I made it myself
but yeah I have my initials and I use this logo on my website a lot and I just
kind of copied and pasted it put it in the colors that I use a lot and and kept
the white one in the middle so we’ve got like pink orange blue yellow and white
and then obviously on this side is my information
and then I’ve got the spot UV so again like it is on this weird little card I
have asked for like shiny spot UV on just the white like AT sign so yeah
well we will see how this turns out hopefully it looks okay my problem now
however is that my website is also in need of a bit of a revamp I said I think
a couple of vlogs ago that I wanted to sort of refresh it it’s not in the same
direction as it used to be I still get traffic over there and I
still enjoy having the Alice thorpe website however it doesn’t look how I
want it to look so I need to refresh that and I have approximately 24 hours
to do it maybe a little bit longer but I don’t honestly don’t know where to start I’m
just stuck so I think what I’m gonna do is have a look at other sort of
creatives website and go from there I don’t really want it to be like photos
of me posing like hi I’m Alice maybe like one photo of me
and then just pages of my content and what I’ve been doing and then basically
I need to get better at keepin it up to date so we’re gonna try and do that
wish me luck because I hate doing this stuff I really don’t know why I started
this it is now oh my god okay it’s now 6:00 p.m. I hadn’t looked at the time
the last time I looked at the clock it was at one o’clock when I was talking to
you guys and so I have spent the last four hours it seems or five hours
looking at websites and trying to revamp mine I think I’m making progress like
hmm not the best it is driving me insane as expected but I’ve been going through
my phone looking at photos I’ve taken and I’m sort of looking at how I can
read jig mainly the home page to be honest that’s the bit that I want to
look different but it’s just a process and I’m the most indecisive person in
the world maybe at this point I need your guys help so you could if you fancy
offer me some advice and how I could improve or what you’d like to see on the
home page etc I’ve gone from not working all week to working the longest day ever
alright so I’m just in the process of saving loads of my old thumbnails that’s
why these loads of things open and I’m looking at other people’s websites for
inspiration but this is the stuff I’ve got so far an hour and a half has passed
since I told you I was going to show you the website but I was tinkering so yeah
I’m thinking like this kind of vibe it’s got like a scrolling effect and a little
bit of text and my socials and then I’m gonna change this photo at some point
but then have like my content so I’m gonna do like a full grid of videos this
is not even my photo and then maybe down here like something else I don’t really
know what else to do with the phone’s ringing this is the kind of vibe I’m going
for so far I quite like it I feel like it’s a lot different to my old website
but that’s what I wanted I wanted it to be just for me I wanted it to be nothing
like the soul & fire website and just to kind of switch things up so yeah that
is why I’ve done so far I’m gonna head downstairs now anyway because my dinner
is ready I’m a hungry girl and my brain hurts so
I’m gonna stop working for tonight and I’ll get back on it tomorrow I guess but
yeah that is the end of this vlog I hope you enjoyed it you can literally see on
my face how tired I am thank you so much for watching as always guys and I’ll see
you soon for another vlog

How to Build a GoDaddy Website

How to Build a GoDaddy Website


– Hey, everyone, I’m Emily. – I’m Darlene. – So you’ve decided to
build your website yourself and that is really awesome. – Yeah, go you. – But you should know that within the do it yourself category there are different options some a little more difficult than others. – Yeah. – And just like if you
were gonna hire a pro to build your website for you, there are things you
need to consider, budget. – Your time commitment. – What’s your technical know-how? – And then the complexity of your site. – Yeah, and today we wanna talk to you about those do it yourself tools, the differences between ’em, so that you can pick what’s
best for your business. (upbeat music) – So with the DIY website builder options, there’s gonna be an easier route. It’s obviously more template-based, a little bit more drag and drop, you’re gonna see the layouts there and you’re gonna pick and
choose what you want out of it. – Yeah, everything’s
right in front of you. What you see is what you
get with a template-based website builder and we’re
not saying you can’t have an amazing site using one of those, just know that there might be
a little bit more restrictions and some customization that you can’t do. – Yeah, some design elements that you might not get out of it. It’s a little bit more paint by numbers. – Yeah, so you’ve looked at some of the DIY template-based site builders and maybe you know that
they’re not gonna work for you. You already know your business enough, you’ve considered design elements that you’re gonna be using on your site and you know that you need
something a little more advanced. A do it yourself WordPress
site is a great option. – You can extend the
functionality of your site using plugins which are
applications that you’ll install in order to make those
features happen on your site. – Yeah, and we should
mention that WordPress itself is a free product but you are
gonna need to pay for hosting to support your website. So there is an additional cost. – Yeah, and the main difference between a DIY website
builder from a company is that you’re gonna be able
to contact their support when you’re needing help
with something for it and then versus WordPress where you’re kind of moving out of your
parents’ house for that one. – Yeah, it’s and open-source
product so there’s a lot of information you can find
online when you have questions but you’re not gonna be able
to call WordPress for help. So there are a couple of
options if you’re gonna build the website yourself. We’ve got the easy DIY
that’s template-based, a little more restrictive, and then there’s a more advanced option. – Yeah, you can go the WordPress route which is gonna take a bit more
time to get familiar with, you’re gonna have to
do a bit more research but the sky’s the limit on that one. – So get out there and
start building your website. I’m Emily. – I’m Darlene. – Thanks for joining us. (upbeat music)

Creating Crisp Logos and Graphics on the Web with SVG Files

Creating Crisp Logos and Graphics on the Web with SVG Files


So in today’s video I’m going to walk you
through how to create and upload an SVG file, specifically in Showit. And so this is Showit if you haven’t used
before—it’s a website builder that connects with WordPress and it’s amazing because it’s
a drag and drop editor. But if you look in the actual editor portion
of Showit at the different logo files that I have here, this is an SVG file and this
is a PNG file and they don’t look all that different on the actual preview on the actual
app itself. But if you either publish your site or if
you hit preview, you’ll notice a big difference, especially if you have a retina device. So on a retina screen especially, you can
see that this SVG file is really crisp and if you look over the PNG file, you’ll see
that the edges of the type especially and then my icon—anywhere that there’s more
fine detailing within the logo itself—it’s going to look a little pixelated. And so we always recommend uploading an SVG
file to your website if you have one. And this goes for Squarespace, this goes for
a straight WordPress site. This goes for any website that you’re working
on as long as the platform allows for an SVG file and most should. That’s what we recommend using. So if you don’t have an SVG file or you’ve
never made one before, I’m going to show you how to make one using both Illustrator and
a free online app. So within illustrator you want to make sure
that you’re opening up the original vector file. So if your designer created something with
Adobe Illustrator or if you have a PDF or if you have—not all PDFs are vector, but
a lot of them should be—or especially if you have an EPS file, you should be able to
get the original vector logo. If you don’t have a vector version of your
logo and you can tell because you’ll be able to click on the individual elements. You can make things other colors if you want. If you open it up and it’s all just one image
and you don’t have the ability to ungroup things and work on things individually, then
you don’t have a vector file. But if you do have a vector file, it’s really
easy to save it as an SVG even if you don’t have an SVG file. So if we come up and we go to File and Save
As we’re gonna, save it to my desktop and you have the option down here to select from
a few different formats by default, it’s probably going to be set to Adobe Illustrator or EPS—whatever
file format you opened before,—but we want to save it as an SVG file. And so give it a name and then I’ll just click
Save As. And these settings, the standard settings
are all fine and so we’ll hit Okay. One other thing that I want to point out is
that if you—depending on how you made the logo—you also want to make sure that everything
is an outline. So if you can still click on the text and
edit it, that’s not good for exporting as an SVG file because not all computers are
going to render your fonts. So if for some reason you can still edit and
select the text you’d want to go to object and then Expand and keep hitting Expand until
the text is no longer editable. So once you have exported your file, you can
just come in and upload the SVG file and it should look a lot better. It should look really crisp. So the alternate way to create an SVG file
is to use a free online converter. And so this is https://imageonlineconvert.com. And I’ll put that in the notes of this video. And I know it looks super ugly, but I’ve tried
this and I promise it works. So If you upload your PDF of your logo, and
again this is only gonna work if you have the vector version of your logo, but if we
choose our file and then we can ignore all of these settings because we don’t actually
need to size our file, we don’t need to do anything. We’ll just hit convert file and it’s going
to run the process. And then right here is where you would download
the file and once it’s downloaded you can come back in and upload it to your website. And I tested it and this SVG file that was
created by this online converter, it looks just as good as my one made by Illustrator.

How To Create Login Form In HTML and CSS

How To Create Login Form In HTML and CSS


hello everyone welcome to code spot
today we are going to see how to build a simple login form using HTML and CSS
with basic validation this is the form that we are going to be building up
today there is a sign-in form and a sign-up form starting with a sign-up
form we have three input fields one for the user name one for the email address
and one for the password and the user had the option to sign up inside the
sign-in form we have two input fields and also a checkbox now we’ll be
learning how to design this login form I have uploaded the code for this login
form in github. I’ll mention the links in the description down below and now let’s
get started. Here I’m using brackets as a code editor and I’ve already created two
files index.html and style.css and I will use the live preview option
right here to see the output as we code. let me resize it. Now starting with a
HTML head and body tags, let’s mention the link to the style sheet. and I’m going to start with the “hello
world” text in this login form design. I’m going to use a Google font. To do that, go
to fonts.google.com and search for the font that you want. For now I’m going
with IBM flex sans fonts. We can get the code easily by selecting the plus icon
to the right of the font and we’ll just copy the code and paste it in our word
file. as you can see as soon as I mentioned
the font family the fonts in our web browser changes. Now that we are done
with mentioning the font family, let’s move on to the font design starting with
a sign in and sign up tabs. I am going to mention them as radio buttons so that it
would be easier for me to switch between tabs and then later we can design it to
make it look like actual tabs. now when I open the browser you can see sign up and
sign in radio buttons. As I’ve mentioned earlier right now they look like radio
buttons later on will make it into tabs with the help of CSS. Here the radio
button is selected only when I click on the circle it doesn’t get selected
when I click on the text. this isn’t normally the case so to fix this we need
to link both the radio buttons and the text. we can do that easily by using the
label tag inside the label we need to mention for which the label stands for
so we need to mention the ID inside the “for” property of the label tag. now they
are linked so when I open the browser you can see when I click on the text, the
radio button is getting selected. now let’s move on with a form design
starting with a form tag followed by a heading I’m going to include each and every form
input elements inside a div container that way it is more easier for me to
style everything. so give it a text field for entering the username now I’m going to mention an input field
for email address. I’m going to mention the type as email so that HTML will
perform its own basic validation for email and then password. I’m going to
mention the type as password so that the password is not visible to the user just
like that whereas in an email the text is visible but in password it is not
visible now let’s finish it with a submit button now when you notice when I click on the
submit button it throws an error for incorrect email address
thanks to the html basic validation the developers no more need to perform
validation manually alright moving on to sign-in form it is almost similar to
signup form we’ll start with the form tag moving on
to header mentioned the username password and
we’ll mention a checkbox and finally finish it with the submit
button for it as well with that the HTML part of a login form is completed let’s move on to the CSS part of the
login form. starting with a background image. since I want the background to
cover the entire screen, I’m going to mention the background size property and
set it to 100% with 100% height. here I’m going to give a linear gradient to the
background image you can do that easily by mentioning the linear gradient in
front of the URL property, in the RGB we can mention the opacity of the color for
the linear gradient. this is a very useful feature if your background is so
bright and you want to darken or lighten the background image so that the content
of your webpage stands out. now when I open the browser you can see the
background is transparent and the color has changed now for the text I’ll
mention the color as white so it will be more visible in our web browser
now let’s put the tab functionality in our login form since we start with a
sign up top we need to hide the sign-in form for now so let’s set the display to
none the sign-in form should be displayed
only when the user clicks on the sign and tab since we are using the radio
buttons we can use the checked selector to check if the user has clicked on sign
in tab by the till symbol this indicates an adjacent sibling so basically the
sign in tab and form two element need to be under the similar parent for this to
work oops I was supposed to enclose the
entire login form inside the login from their class but instead I have enclosed
only the radio buttons in it. so let’s move the end tag of the div tag all
the way down to end of the forms. now the input button and the form are under the
same parent also I forgot to mention the # in front of the ID. now when we
refresh and check. when I click on the sign in tab the sign in form appears
great let’s apply the same logic to the signup form as well I guess the logic here is
self-explanatory. I’m going to simplify this code further by combining similar
styles into one block and separating the individual selectors with a comma. as you
can see the functionality still works the same. now I’m going to make a minor
change for the tab that is not selected I’m going to make it less transparent
than the one that is selected to do that we’ll use the :not and the :checked
selector basically it tells the tab that is not selected the plus sign indicates
the immediate sibling next to the element not all the element with the
label tag but the one next to the tab that is not selected and let’s say the
opacity for it to 0.8 now that we are done with the tab
functionality let’s move on to design the basic log info.
I’m going to bring it a little bit down by setting the top to 20% and this
property do not work unless you set the position to absolute. I will mention the
left to 7% give it some width it looks perfect. now let’s design both the tabs
starting off with the radio buttons, I’m going to set the radio buttons displayed
to none so that the icon disappears. I forgot to mention the . symbol in
front of the class name. yeah it works moving on to the text part of the radio
button I’m going to mention the width and text align as you can see the width is not
reflected and that is because the display is set to inline by default we
need to convert it to inline block for the width to be set now it works. let’s
set the font size to 18 pixels and I’m also going to set the cursor to
pointer so when I move the cursor towards the tab it change to a hand
symbol. I’m also going to set a border bottom for the underlining effect now I want the border bottom to appear
one day when I select it so I’m going to set the scale X to 0 initially and when
the radio button is checked the underline must appear again well this doesn’t work because I have
set the transition for the whole header so the entire text is disappeared. so to
fix this we’ll use the :after selector where we can give the underline under
the after track and we can make the underline disappear under the same we
need to mention display:block and empty contents and also give it some height.
well we forgot to mention the after selector here and since we want the
label that is immediately next to the radio button we need to use the plus
symbol. all right that works perfectly fine let’s move on to design the header of
the login forms starting with a margin, font size, text align, give it a color and
done moving on to form inputs, I’m going to
give it a border radius so it will have some curved edges I’m going to give it
some height, margin, width. I’m going to mention the border width as zero
so there’s no outline around the input fields and also gives some background
color so it looks a bit transparent here some padding and color for the font. as
you can see the placeholder here is not so visible so let’s give some color for
the placeholder now it is visible but also transparent
now when I click on the text field there’s a border that appears. to disable
that will use a focus selector and set the outline to none. also going to reduce
the opacity for the check text moving on to buttons, I’m going to start
with margin with Heights some border radius set the text-align:center give this a
background-color give the text color as white, set the
border width to zero so there’s no outline and done. so there it is the
completed login form design. the basic validation is already included in the
HTML for mandatory fields we can use the required keyword inside the input
element and there you go it would throw an error if the input
field is not filled out so there you have it
the basic validation to the login form using HTML and CSS without any
JavaScript hope you liked it give me a thumbs up if
you did, share your feedbacks in the comments down below and subscribe to
code spot for more such videos. thanks for watching

WordPress Business Directory Theme

WordPress Business Directory Theme


Today I’m going to introduce you to a
new wordpress theme the BePro Business Directory. It is a fantastic theme for
directory websites built using WordPress. This theme is fully compatible with
latest versions of WordPress and it works perfectly fine with Guttenberg
WooCommerce and other such popular WordPress plugins. This theme makes
perfect use of the BePro listing planning since it was carefully designed for it. Other than that you can also use various
add-ons provided by us to enhance the functionality of the theme. For example
using one of our add-ons, you can create an advanced filter like this in your
search page. Then that website design is mobile friendly and not just that we
have added hidden elements to reduce the pls length for mobile users while still
retaining all the functionality. This theme comes with several page templates
like home, blog, contact, and about page. And moreover all the things present on
our website can be easily modified and edited and you can also remove them if
required as per your own requirement. So this was the Be Pro business directory
theme we are continuously providing more and more updates and more and more
features to increase the functionality of the website so stay tuned for the
subsequent documentation videos

How to Create Your First Web Page on WordPress

How to Create Your First Web Page on WordPress


You’ve finally taken the plunge,
selected a domain name, purchased hosting, and are
ready to start your WordPress
site. Congratulations!
It’s going to be awesome. Now that you’ve celebrated your
new blog or business venture, you may be wondering what
to do next. Don’t worry. This video will walk you
through how to create
your first web page on WordPress step by step. For purposes of this tutorial,
we’re going to assume that you’ve already installed WordPress
and chosen a theme. If you haven’t yet, click here
for directions and then
rejoin us. Okay, it’s time to create
your pages. For example, you may want an “About” page, a “Testimonials” page,
a “Services” page, or a “Contact” page, depending
on the goals of your website. You can create these pages
through the “Pages” WordPress
feature. Here’s how to do it. 1. Turn your attention to the
sidebar and locate “Pages.” 2. Click “Add New.” 3. Once you have selected “Add
New,” you’ll notice you can enter a title and customize
the content. You can add a title to your page, such as “About Me”
or “Services.” Then you can write your content, add images,
and even select the layout for
your page. 4. Once you are ready to
publish your page, find the “Publish” button on
the right side of your screen. As soon as you
click the blue button, your new page will go live. Remember, since you have
selected a theme, WordPress will automatically import your page
into the desgin you selected. This means you don’t have to
know any coding. After you have created all of
your pages, you’ll want to organize them. After all, you want your website
visitors to be able to easily
navigate your website. To organize your pages, you’ll
want to add them to one of your navigation menus. You can do this through the
“Appearance” tab on the sidebar. Here’s how. 1. Find “Appearance” on the
sidebar and click “Menus.” 2. Find the pages you created
under the “Pages” widget. 3. You can add any of the pages
to your menu by clicking the checkbox next to the title
of your page and then clicking “Add to Menu.” 4. Once you have selected the
pages you want to add, you can arrange them in the way you
want them to appear
on your menu. Do this by dragging and dropping
each menu item where you would like them to appear. In the example above, each
main menu page is flushed left and each sub-page under
the main page is indented. You can organize your pages
however you would like. To give you a better idea of
the final product, here is how a WordPress menu looks all
dressed up in its theme. And there you have it! That’s how you create a page
on WordPress and organize them into a menu. And remember, comment,
like, share and subscribe for more useful tips on running
your own website.

WordPress Tutorial: How to Set Up a Social Media Icons Widget

WordPress Tutorial: How to Set Up a Social Media Icons Widget


Hi, and welcome to WordPress.com. This video will show you how to configure
a social media icons widget on your website or blog. The social icons widget displays small,
high quality graphics linked to your social media accounts, and you can display
these in any widget area of your theme. After adding links to your social profiles,
icons are automatically displayed on your site, letting your visitors connect with you
through your preferred networks. To set it up, launch the Customizer
by clicking on Customize next to Themes. Click on Widgets, and select the widget area
to which you’d like to add the social icons widget. Then, click Add a Widget. Find the Social Icons widget and click Add. Add a title to display above your social icons,
or you can keep the default title Follow Us. Add a full link to your first social network profile. You can get this link by visiting your own
social profile and copy-pasting the link that appears in the browser bar
into your widget settings. If you’d like to add more social icons,
click Add an Icon and add your next social network profile url. You can change the order of your icons
anytime by dragging and dropping them into your desired sequence. Your new order will be reflected live
in the Customizer’s preview pane. You can choose a size for your social icons
from small, medium, or large. To delete a social media icon,
click on Remove under the url. When you’ve finished adding your
social profiles, click Save & Publish. And that’s it. You can go test your new social media
icons widget live on your site. For more tips and tricks,
visit the WordPress.com support site.

Coded Preloader Plugin for WordPress

Coded Preloader Plugin for WordPress


as web designers we aim to build
stunning websites that give visitors the best possible experience. However, a slow
loading website doesn’t look great. This can be fixed with a preloader
a free loader is a fancy little animation the background that hides your
website until it is fully loaded creating a preloader for your WordPress
website is a time-consuming process. Especially if you build a lot of
websites. You have to create an image to use, give it an animation, ensure it’s
sized and positioned correctly, and make sure it’s responsive. At coed we are
with designers. We understand the frustrations that come with this process.
So, we thought we would do something about it that’s why we built the Coded
Preloader Plugin. It makes the whole process of getting a preloader up on
your website a breeze. All you need to do is upload the image you want to use, pick
an animation, add some text and click save. Then head over to your
website and check out your new preloader. It also has a preview option so that you
can check out what your preloader will look like before it goes live. You also get a whole load of
customization options like overlay color, text position, size, font family and much
more. We have also built an option that puts the preloader animation on the home
page only. All other pages will only show the overlay before revealing the loaded
website. There are even some built-in pre loaders so you can get up and running
even faster.