{"id":5992,"date":"2012-09-12T06:19:51","date_gmt":"2012-09-12T06:19:51","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=5992"},"modified":"2012-09-12T06:19:51","modified_gmt":"2012-09-12T06:19:51","slug":"image-link-wordpress","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/image-link-wordpress\/affordablewebsitestips\/tutorials","title":{"rendered":"Image Link WordPress"},"content":{"rendered":"<p>In this tutorial I show you how to create an image link using WordPress. When you finish this tutorial, you will know how to add images to your WordPress posts and when visitors click on those images, they will be redirected to another website.<\/p>\n<ol>\n<li>Copy the URL from webpage or website you want your image to link to.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/instagram_link.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6000\" style=\"border: 1px solid black;\" title=\"instagram_link\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/instagram_link.jpg\" alt=\"\" width=\"428\" height=\"366\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/instagram_link.jpg 428w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/instagram_link-300x256.jpg 300w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><\/li>\n<li>Create a WordPress post as usual and place the cursor somewhere in the main content field area.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6002\" style=\"border: 1px solid black;\" title=\"WordPress_maincontent_area\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area.jpg\" alt=\"\" width=\"444\" height=\"444\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area.jpg 444w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area-300x300.jpg 300w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area-50x50.jpg 50w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_maincontent_area-186x186.jpg 186w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/a><\/li>\n<li>Click the 'Add Media' icon. Select an image from your computer and press the 'Open' button.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/Wordpress_add_media_icon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5997\" style=\"border: 1px solid black;\" title=\"Wordpress_add_media_icon\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/Wordpress_add_media_icon.jpg\" alt=\"\" width=\"491\" height=\"256\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/Wordpress_add_media_icon.jpg 491w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/Wordpress_add_media_icon-300x156.jpg 300w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/a><\/li>\n<li>Let WordPress upload the image. When the image is done uploading, click the 'Insert into post' button.<\/li>\n<li>Click on the image then click the the 'Edit Image' icon that appears.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6005\" style=\"border: 1px solid black;\" title=\"wordpress_edit_image_icon\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon.jpg\" alt=\"\" width=\"444\" height=\"444\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon.jpg 444w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon-300x300.jpg 300w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon-50x50.jpg 50w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_edit_image_icon-186x186.jpg 186w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/a><\/li>\n<li>You can adjust the image size using the size options.<\/li>\n<li>Clear the 'Link URL' field and copy (Ctrl-v) the URL you into it.<\/li>\n<li>Next click on the 'Advanced Settings' tab.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_advanced_settings_tab.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6008\" style=\"border: 1px solid black;\" title=\"wordpress_advanced_settings_tab\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_advanced_settings_tab.jpg\" alt=\"\" width=\"388\" height=\"250\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_advanced_settings_tab.jpg 388w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_advanced_settings_tab-300x193.jpg 300w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/a><\/li>\n<li>Scroll down to the bottom of the window and click the 'Open link in a new window'\u00a0check-box.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_in_new_window.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6009\" style=\"border: 1px solid black;\" title=\"WordPress_in_new_window\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_in_new_window.jpg\" alt=\"\" width=\"358\" height=\"274\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_in_new_window.jpg 358w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/WordPress_in_new_window-300x229.jpg 300w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a><\/li>\n<li>Click the 'Update' button.<\/li>\n<li>Close the popup window, and click the 'Update\/Publish' post button.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_publish.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6010\" style=\"border: 1px solid black;\" title=\"wordpress_publish\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/09\/wordpress_publish.jpg\" alt=\"\" width=\"291\" height=\"184\" \/><\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial I show you how to create an image link using WordPress. When you finish this tutorial, you will know how to add images to your WordPress posts and when visitors click on those images, they will be redirected to another website. Copy the URL from webpage or website you want your image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[171,168,69],"class_list":["post-5992","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress","tag-image","tag-link","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=5992"}],"version-history":[{"count":2,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5992\/revisions"}],"predecessor-version":[{"id":6012,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/5992\/revisions\/6012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/4718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=5992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=5992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=5992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}