Presentation is loading. Please wait.

Presentation is loading. Please wait.

Building a Basic Author Website with WordPress By Jeanette Grey.

Similar presentations


Presentation on theme: "Building a Basic Author Website with WordPress By Jeanette Grey."— Presentation transcript:

1 Building a Basic Author Website with WordPress By Jeanette Grey

2 Overview  Author websites  Domains and Hosting  What Is WordPress?  Themes  Graphics  Plug-ins  Widgets  Content Get this handout here: http://www. jeanettegrey.com/ workshops/

3 Do I Need An Author Website?  Yes.  If you’re Pre-published Show agents and editors you’re serious Build your brand Older sites have a leg up in search engines, so the earlier you start the better.  If you’re Published Landing spot for readers

4 What Should Be On My Website?  At any stage in your career, your website needs to include: a sense of who you are and what you write ○ “About” page ○ Stylistic choices (Branding!) “Coming Soon” – what are you working on? Links to social media / contact information News / Blog

5 What Should Be On My Published Author Website?  A list of all your books in a logical order Group series together. Help a reader out! Chronological order is nice  Buy links  Mailing list  Call to action

6 Registering a Domain  Registering a domain is reserving the URL for the website  Pick something professional.com is best If your name is unavailable, try adding ‘author’ or ‘novels’ or ‘writes’ to the end  Costs $10-18/year  Consider adding privacy Whois.net – look up any domain and find out who owns it

7 Registering a Domain - Beware  Remember who you registered with. Do NOT renew it with someone else.  Domain “Parking” – when the URL you want has a page offering to sell the domain. Beware it will be at a substantial markup.  Allow 24 hours between registering your domain and it working

8 Website Hosting  A website hosting company rents you computer space on a web server A web server is a computer that delivers website content to anyone on the internet who requests it  Costs $1-10/month  Some hosting plans allow you to host multiple sites – consider sharing with a friend

9 Website Hosting (cont.)  You get what you pay for in terms of web page loading speed and customer service  Some hosting companies have “goodies”, including one-click installs of WordPress  Registering the domain and purchasing hosting from the same company simplifies the process and may earn you a discount

10 What About WordPress.com?  Yes, WordPress.com will host your site for free  BUT You can’t use your own URL – must be username.wordpress.com They place ads on your site Limited design options UNLESS you pay additional fees.

11 What Is WordPress?  WordPress is a Content Management System - a program that runs on the server space you are renting from your hosting company  You use it to create a website Create pages and blog posts as if you were typing them into Word Makes it easy to publish, edit and organize them

12 Advantages of WordPress  WordPress vs. Blogger, Wix, Weebly, Etc. Wordpress is more customizable and more powerful Well suited to multiple users Maintain ownership of your site  WordPress vs. A Static Site (built with DreamWeaver, GoDaddy’s Site Designer, etc.) WordPress makes it easy to change your site and provides a framework for it to grow

13 Disadvantages of WordPress  Commonly used and susceptible to hackers Perform updates regularly It pays to have a clueful friend  Learning Curve

14 Installing WordPress  Easy installation may be included with your hosting package  If your hosting company doesn’t do the installation for you Go to WordPress.org to download a copy of WordPress Follow the instructions You will need an FTP client – a program that allows you to upload files to your web server. ○ Example: Filezilla

15 A Note on Versions of WordPress  At the time of the creation of this presentation, WordPress version 4.0 was the most current. Future versions may change things.

16 Welcome To WordPress!  Go to yourdomain.com/w p-admin  Pick a Site Title (usually your pen name)  Username and password  Do NOT use admin  Check “Allow search engines to index this site”

17 Your Dashboard

18 “Pages” vs. “Posts”  “Pages” are the meat of your site. Every page will appear in your site’s menu  “Posts” are blog entries. Only the newest ones will appear in your News section.

19 Your Default Site

20 Make WordPress Act Like a Website, Not a Blog  You need to have a “Static Front Page” – one that doesn’t change when you add a new blog entry  Go to Pages and “Add New”

21 Add New Page  Create a page and call it “Home” Add any content you want to appear on your homepage Hit “Publish”  Go to “Pages -> Add New” again and make another page called “News”. Leave the content blank  Come back later to add “About” and “Coming Soon” pages

22 Optional: Turn Off Comments On Pages  Go to Pages -> All Pages  (While you’re here, delete “Sample Page”)  Hover over “Home” and select “Quick Edit”

23 Optional: Turn Off Comments On Pages (cont.) Uncheck to turn off comments Change order in which pages appear in site menu Make page appear as a sub-menu under one of the other pages Change the URL for the page http://www.yourdomain.com/home-2 Add a sidebar (if available as part of your theme)

24 Create A Static Home Page  Go to Settings -> Reading  Change ‘Front Page Displays’ to ‘Static Page’.  Set Front Page to ‘Home’  Set Posts Page to ‘News’

25 Permalinks  Go to Settings -> Permalinks  Sets up how WordPress will assign URLs to your blog posts

26 Make Your Site Pretty: Themes  A “Theme” is like a skin or a template. It dictates the appearance of the site.  Go to Appearance -> Themes  If your host installed WordPress for you, it may come with themes pre-installed  If not, go to “Install Themes”

27 Branding, branding, branding Mobile- friendly

28 Try some themes on for size  Go back to ‘Manage Themes’ Click ‘Live Preview’ to see how your site would look with that Theme Check out the options on the side Click ‘Activate’ to make it so

29 Same site, different themes:

30 Customize Your Theme  Go to Appearance -> Theme Options Change colors Change layout (example: add a sidebar)  Different Themes will have different kinds of options

31 Warning – Do NOT Edit Your Theme’s HTML / CSS files  If you’re comfortable with HTML and CSS, you can change things, but don’t do it in the files for the theme itself, because any updates to the theme will erase your changes  Create a “Child” theme instead. http://codex.wordpress.org/Child_Themes

32 Graphics: Making a Basic Banner  Most themes will have a suggested Height and Width for the header / banner image that appears at the top of each page Go to Appearance -> Header Look for suggested height and width

33 Graphics: GIMP  GIMP is a free graphics program http://www.gimp.org/http://www.gimp.org/ Layers Tools Color selector Options for Active Tool To get started, click File -> New Enter desired dimensions

34 Graphics: Making a Basic Banner  Create a new image. Set size of image to the dimensions suggested in your theme  Use the ‘Bucket Tool’ to fill the background with a color Select a color Click on canvas to fill with color

35 Graphics: Making a Basic Banner (cont)  Use the ‘Text Tool’ to add your author name and a tagline  Use a cool font (branding!) http://www.fonts2u.com/

36 Find a Stock Photo  Respect the intellectual property of photographers and protect yourself from lawsuits. Purchase stock photos legally Examples: Veer.com, Dreamstime.com  Pick something that represents your brand  Try It Before You Buy It Save the watermarked image before you buy it and test it out to see if it works

37 Using A Stock Photo in Your Banner  IF your stock photo has a solid color back ground: Fill your banner’s background in with that color In GIMP, go to File -> Open As Layer and select image Move layer so it lies under your text but above background

38 Using A Stock Photo in Your Banner (cont.)  If your photo doesn’t have a black background, you need to blend the edge Create a new layer Use the Gradient tool Set “FG to Transparent” (FG = forground) Click off the edge of the canvas and drag to just past the edge of the image.

39 Get artistic with your banner!  Add texture layers over top of the photo. Play with transparency, and try erasing sections of the texture to highlight the photo.  Add a new layer and try painting over top of everything with black or a contrasting color. Use a large, soft-edged paintbrush and a low opacity

40 Save your banner!  Save often. The ‘.xcf’ format will allow you to keep editing.  When you’re done, go to File -> Export Click the ‘Select File Type (By Extension)’ + Choose JPG

41 Upload your banner!  In WordPress, go to Appearance -> Header Upload the image you created Uncheck the “Show header text with your image” box Click ‘Save Changes’ Twenty-eleven theme Customized colors (theme extension plug- in) Custom banner

42 Plug-Ins  Modules of programming that add functionality to your website  Examples: Akismet - Moderates Comment Spam All In One WP Security BackUpWordPress Image Widget – Allows you to add images to your sidebar/footer areas Jetpack – Website stats, Blog Subscriptions MailChimp – Subscribe to mailing list Social Media Widget – Allows you to add icons with links to social media to your sidebar/footer WP to Twitter – auto-posts blog updates to your Twitter account

43 Add New Plug-ins  Go to Plug-Ins, then click ‘Add New’  Once you’ve installed a plug-in, don’t forget to go back and activiate it

44 Widgets  Easily add components to your sidebar / footer Note: Whether you have a sidebar or a footer depends on your theme. Check your theme’s options to turn them on or off.

45 Adding and Removing Widgets  Go to Appearance -> Widgets Installed widgets Sections of website + List of Active Widgets Drag and drop between the two to add or remove

46 Suggested Widgets Useful WidgetsLess Useful Widgets  Social Media  Blog Subscriptions (Jetpack) or Mail Chimp  Image Widget – showcase bookcovers  Archives / Recent Posts / Tag Cloud  Twitter Timeline (Jetpack)  Meta – displays login information for you site  Recent Comments

47

48 Content? My website needs content?  To add new pages, go to Pages -> Add New  To add new blog posts, go to Posts -> Add New  Post Editor works like a word processor Reveals more options Add images / audio / video

49 Adding Images  Click ‘Add Media’ and upload image from computer Caption will appear under image on page Alignment: - None: image takes up whole line - Left / Right: Text will flow around image Clicking on image can link to a webpage

50 Changing Image Properties  Once the image has been added, click on it to change its link / size / alignment / caption Change image Delete image Drag corners to resize (Note: do not resize animated gifs)

51 Post Options Schedule posts to publish at a specific date/time Add tags or categories to make your posts easier to find

52 Maintenance  Perform updates regularly  WordPress will email you about big updates  It will nag at you about minor ones

53 Protect Yourself From Comment Spam  Under Settings -> Discussion, select options that require commenters to fill out their name and email. Require comments be approved before they will appear on the site  Use askismet or another security plugin to automatically filter our spam comments

54 Have fun!  No, really.  Don’t be afraid to try things and experiment. Explore!  You can do it.

55


Download ppt "Building a Basic Author Website with WordPress By Jeanette Grey."

Similar presentations


Ads by Google