{"id":176,"date":"2014-04-14T23:26:17","date_gmt":"2014-04-14T23:26:17","guid":{"rendered":"http:\/\/rachelbock.com\/blog\/?p=176"},"modified":"2014-04-18T11:29:11","modified_gmt":"2014-04-18T11:29:11","slug":"how-to-add-graphics","status":"publish","type":"post","link":"https:\/\/rachelbock.com\/blog\/how-to-add-graphics\/","title":{"rendered":"How To Add Graphics"},"content":{"rendered":"

I added graphics to my website today. In the background, here’s what happened.<\/p>\n

I downloaded the graphics that I was going to use for the site.\u00a0 Then, I also edited the code that was going to put the hyperlinks into the graphics. For each graphic that shows up beneath the opt-in form on the right, there is a link to the social media websites that are represented by those images.<\/p>\n

Things You Should Know About Adding Graphics<\/strong><\/p>\n

First, you’ll need snazzy graphics.\u00a0 I cannot express to you how cool Steve is over at GFX-1. He has done all my graphics and I cannot imagine anyone else providing them.\u00a0 If you don’t have a graphic designer that can help make professional, crisp, clean graphics, please consider finding one.\u00a0 (‘Course I would highly recommend Steve’s work.)<\/p>\n

Next, you’ll need to know what pages you want visitors to arrive at once they click on the image.\u00a0 It is easiest to do this by having the pages open in other tabs in the browser window.<\/p>\n

Finally, you’ll need to edit the html code that actually adds the link to the image.\u00a0 If you don’t feel comfortable creating html code, there are multiple tutorials online that provide the format of the code.\u00a0 The challenge will then be making sure that the code works.<\/p>\n

If, however, you’d rather have someone else prepare the html code for you, please feel free to consider outsourcing as one of your options.\u00a0 There are multiple people that I am aware of that love programming and enjoy managing websites.\u00a0 Although the amount of coding I’m referring to (just to add the images and the links behind the images) is minimal, it is nice to have someone familiar with html to make sure that the code is correct and will work before you go through the effort of adding it to your website.<\/p>\n

Summary: Steps To Add Graphics<\/strong><\/p>\n

    \n
  1. Get high-quality graphic images from a “professional.” These graphics will be how visitors “see” you.\u00a0 Homemade graphics will give people the feel that either you can’t afford a real graphic designer or you don’t take your site serious enough to actually have a graphic designer.<\/li>\n
  2. Edit the HTML to add the graphics to your website.\u00a0 I added the graphics to my sidebar.\u00a0 Because I added three graphics, I have three links (one per graphic) that I used.\u00a0 Each link goes to my page on the site as shown in the graphic.<\/li>\n
  3. Test your links.<\/li>\n<\/ol>\n

    If you can’t click on your links and go to the expected page, your visitors will not get to the expected page either.\u00a0 Testing your links is like making sure your food is cooked.\u00a0 If it doesn’t work for you, it won’t work for anyone else.\u00a0 There is nothing online that happens without someone planning it to be that way.<\/p>\n","protected":false},"excerpt":{"rendered":"

    I added graphics to my website today. In the background, here’s what happened. I downloaded the graphics that I was going to use for the site.\u00a0 Then, I also edited the code that was going to put the hyperlinks into the graphics. For each graphic that shows up beneath the opt-in form on the right, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,5],"tags":[12],"class_list":["post-176","post","type-post","status-publish","format-standard","hentry","category-technology","category-website-management","tag-having-a-website"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4ugBa-2Q","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":1,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/posts\/176\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rachelbock.com\/blog\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}