20 tips, tricks and secrets tomaking your wordpress website look professional

25
WordPress Insider Connect With Me: Email: [email protected] LinkedIn Twitter Facebook ( Feel Free to Like us ) Websites: W PInsider.org SpotOnDigitalMarketing.com A presentation given to the WordPress Insider meetup on February 4, 2016

Upload: michelle-castillo

Post on 23-Jan-2017

182 views

Category:

Education


0 download

TRANSCRIPT

Page 1: 20 tips, tricks and secrets tomaking your WordPress website look professional

WordPress Insider

Connect With Me:Email: [email protected] ( Feel Free to Like us )

Websites: WPInsider.orgSpotOnDigitalMarketing.com

A presentation given to the WordPress Insider meetup on February 4, 2016

Page 2: 20 tips, tricks and secrets tomaking your WordPress website look professional

20 tips, tricks and secrets tomaking your WordPress website look professional

Page 3: 20 tips, tricks and secrets tomaking your WordPress website look professional

20 tips ?WordPress themesBasic practices no one should missColorsPictures/ImagesTools for image editingWhere to get help

Page 6: 20 tips, tricks and secrets tomaking your WordPress website look professional

Good starter themesFREE: The default WordPress themes : TwentySixteen, TwentyFifteen etc.I especially like TwentyThirteen

Premium: Genesis

Page 7: 20 tips, tricks and secrets tomaking your WordPress website look professional

Basic must-do changes

Page 8: 20 tips, tricks and secrets tomaking your WordPress website look professional

Basic Get Rid of Meta Block

Get rid of the “meta” section that is installed by default

Page 9: 20 tips, tricks and secrets tomaking your WordPress website look professional

Change the Footer Copyright

Some themes provide an easy interface to change.

If not, you will have to edit the footer.php file. ( In Appearance/Editor )

Page 10: 20 tips, tricks and secrets tomaking your WordPress website look professional

Changing Footer Copyright

Editing footer.php file:

Page 11: 20 tips, tricks and secrets tomaking your WordPress website look professional

Add a Favicon

Page 12: 20 tips, tricks and secrets tomaking your WordPress website look professional

Never use the “Uncategorized” category

Make sure you have no blog posts that have the “Uncategorized” category.

You can edit the “Uncategorized” category and rename it. That way you will never have to be embarrassed again

Page 13: 20 tips, tricks and secrets tomaking your WordPress website look professional

Colors make a big difference…

Page 14: 20 tips, tricks and secrets tomaking your WordPress website look professional

COLORSThe color theory …Tools:

Paletton.comAdobe ColorContrast Ratio is a tool that lets you test the

readability of text in different color schemes.

Page 15: 20 tips, tricks and secrets tomaking your WordPress website look professional

Color Schemes Inspiration

http://design-seeds.com/https://designschool.canva.com

/blog/100-color-combinations/Pictaculous - an app that generates a color

scheme for you based on five primary colors from a photo that you upload to the program.

ColourLovers.com

Page 16: 20 tips, tricks and secrets tomaking your WordPress website look professional

Other websitesA great source for inspiration: other websitesColor Picker – ColorZila extension for

Chrome & FireFox

Page 17: 20 tips, tricks and secrets tomaking your WordPress website look professional

Images/Photos – Where to get them?

Take your own pictures.Buy from royalty free websites:

http://www.shutterstock.com/http://www.bigstockphoto.com/http://deathtothestockphoto.com/

Page 18: 20 tips, tricks and secrets tomaking your WordPress website look professional

Free Photo ResourcesUnsplash – Free high quality photography, our personal favorite.Flickr Creative Commons — You can find great images here.

The usage conditions vary, but you generally need to give credit to the photographer.

FreeImages.com — An excellent free resource. You may have to do some digging on the site for quality images.

Wikipedia Commons — You’re free to use any images or media on Wikipedia.

Ask permission — It doesn’t hurt to ask your favorite photographers. You’ll have more luck with this if you provide credit and have site traffic.

Page 19: 20 tips, tricks and secrets tomaking your WordPress website look professional

Using Images In Your Website

Make sure to resize images so that they load fast.

Cut/Resize images to have same size when used in similar or proximate locations on the website. Bad example)

Page 20: 20 tips, tricks and secrets tomaking your WordPress website look professional

Image EditingImage editing

Online editing: SumoPaint.comFree software – GimpPhotoshopPaint.netIrfanview

What do you use?

Page 21: 20 tips, tricks and secrets tomaking your WordPress website look professional

Getting Help – UpWork.com

Job description in UpWork.com

Clean background of 111 product picturesI have 111 products pictures with various backgrounds. ( Mostly shades of grey). I need the background of these images to be cleaned and made white so that only the product shows.I will send few samples to qualified applicants

Cost: $20 Time: Less then 24hrs

Page 22: 20 tips, tricks and secrets tomaking your WordPress website look professional

Getting HelpJob description in UpWork.comImage touch ups neededI have an image of stone and grass which is the entrance of a client business. Need to be made cleaner and nicer looking. ( Cost $5 . Time: Less then 24hrs )

Page 23: 20 tips, tricks and secrets tomaking your WordPress website look professional

Getting HelpJob description in UpWork.com

Resize and rename 180 imagesLooking for someone who can systematically and efficiently rename and resize approximately 180 JPEG images so that they can be added to our website.

If you want to be considered to this job make sure to answer the screening question.

(Which tools are you going to use in order to execute this job?)

Page 24: 20 tips, tricks and secrets tomaking your WordPress website look professional

Questions ????