{"id":56,"date":"2007-01-07T20:09:10","date_gmt":"2007-01-08T00:09:10","guid":{"rendered":"http:\/\/feverishthoughts.com\/webdesign\/2007\/01\/07\/how-to-place-image-code-in-a-wordpress-post\/"},"modified":"2011-07-07T17:21:21","modified_gmt":"2011-07-07T21:21:21","slug":"how-to-place-image-code-in-a-wordpress-post","status":"publish","type":"post","link":"https:\/\/feverishthoughts.com\/webdesign\/2007\/01\/07\/how-to-place-image-code-in-a-wordpress-post\/","title":{"rendered":"How to place image code in a WordPress post"},"content":{"rendered":"<!--CusAds--><p>I&#8217;ve found that while a number of people have mastered the art of using their WordPress blog to write text based posts they often have trouble adding images.  Since there are a lot of bloggers out there who are not true webmasters in the sense that they know how to write basic code I thought I&#8217;d occasionally write some easy to follow instructions. <\/p>\n<div class=\"6bc5ccbe3d2ff567e8bb701db5576878\" data-index=\"2\" style=\"float: right; margin:10px 0 10px 10px;\">\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"pub-3375789278566919\";\r\n\/* webstyle_inpost_300x250 *\/\r\ngoogle_ad_slot = \"4670586556\";\r\ngoogle_ad_width = 300;\r\ngoogle_ad_height = 250;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\n<\/div>\n\n<p><strong>How to place an image to a WordPress post<\/strong>:<\/p>\n<p>In an earlier post I told you how to <a href=\"https:\/\/feverishthoughts.com\/webdesign\/2007\/01\/01\/put-an-image-in-a-wordpress-post\/\" data-wpel-link=\"internal\">upload an image into a post<\/a>. Here I will discuss how to center an image, or wrap text to the left or right of an image. <\/p>\n<p>Note: This technique might work well with other blogging platforms too.  I&#8217;m only writing it as wordpress instructions since that is the blogging platform that I&#8217;ve used the most.<\/p><!--CusAds-->\n<p>To center a picture just either center it while you are in &#8220;rich text editor&#8221; mode,  or put this extra code around the image code itself:<\/p>\n<blockquote><p>< p align=\"center\" > image code < \/p ><\/p><\/blockquote>\n<p>To have a photo to the left or right of a paragraph you must have the paragraph tags around the particular paragraph that you&#8217;re sticking the image in :<\/p>\n<blockquote><p>ie < p >text of paragraph < \/p ><\/p><\/blockquote>\n<p>with your image code beside the first paragraph tag<\/p>\n<blockquote><p>< p > < image code > text < \/p ><\/p><\/blockquote>\n<p> BUT &#8230; inside the image code simple put align=&#8221;left&#8221; or &#8220;right&#8221; near the img tag like this <\/p>\n<blockquote><p>< p > < img  align=\"left\"  rest of image code .... < \/p ><\/p><\/blockquote>\n<p>Please eliminate all of the spaces between the tag codes when you place this code on your site.  For instance < p > shouldn&#8217;t have spaces between the < and > tags. <\/p>\n<!--CusAds--><p>BTW hope this helps!<\/p>\n<div class=\"6bc5ccbe3d2ff567e8bb701db5576878\" data-index=\"9\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<br\/>\r\n<div align=\"center\">\r\n<script type=\"text\/javascript\"><!--\r\ngoogle_ad_client = \"pub-3375789278566919\";\r\n\/* webstyle_inpost_300x250 *\/\r\ngoogle_ad_slot = \"4670586556\";\r\ngoogle_ad_width = 300;\r\ngoogle_ad_height = 250;\r\n\/\/-->\r\n<\/script>\r\n<script type=\"text\/javascript\"\r\nsrc=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\r\n<\/script>\r\n<\/div>\r\n<br\/>\r\n<?php if ( is_search() || is_single() || is_page() || is_paged() || is_category() || is_archive() ) { ?>\r\n<div align=\"center\">\r\n<script type=\"text\/javascript\"><!--\r\nch_client = \"dragonden\";\r\nch_type = \"mpu\";\r\nch_width = 468;\r\nch_height = 120;\r\nch_color_bg = \"FFFFFF\";\r\nch_color_title = \"0094d2\";\r\nch_color_text = \"333333\";\r\nch_non_contextual = 4;\r\nch_vertical =\"premium\";\r\nch_sid = \"webstyle_betweenposts2\";\r\nvar ch_queries = new Array( );\r\nvar ch_selected=Math.floor((Math.random()*ch_queries.length));\r\nif ( ch_selected < ch_queries.length ) {\r\nch_query = ch_queries[ch_selected];\r\n}\r\n\/\/--><\/script>\r\n<script  src=\"http:\/\/scripts.chitika.net\/eminimalls\/amm.js\" type=\"text\/javascript\">\r\n<\/script>\r\n<\/div>\r\n<?php } ?>\r\n<br\/>\n<\/div>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve found that while a number of people have mastered the art of using their WordPress blog to write text based posts they often have trouble adding images. Since there are a lot of bloggers out there who are not true webmasters in the sense that they know how to write basic code I thought [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[7,11,28],"tags":[382,1582,204,383,384,135,1591,385],"class_list":{"0":"post-56","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-how-to","7":"category-site-maintenance","8":"category-wordpress","9":"tag-center-image","10":"tag-how-to","11":"tag-instructions","12":"tag-place-image-to-left","13":"tag-place-image-to-right","14":"tag-webmaster","15":"tag-wordpress","16":"tag-wrap-text-around-image","17":"entry"},"_links":{"self":[{"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"wp:attachment":[{"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feverishthoughts.com\/webdesign\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}