{"id":128,"date":"2016-03-17T03:57:20","date_gmt":"2016-03-17T03:57:20","guid":{"rendered":"http:\/\/blog.digitalseo.in\/?p=128"},"modified":"2019-11-30T09:30:29","modified_gmt":"2019-11-30T09:30:29","slug":"tips-to-make-your-wordpress-site-unique","status":"publish","type":"post","link":"https:\/\/blog.digitalseo.in\/tips-to-make-your-wordpress-site-unique\/","title":{"rendered":"Tips to Make Your WordPress Site Unique"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/unique-wp-1024x483.png\" alt=\"unique wp\" width=\"745\" height=\"351\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">If you really want to make your website special and awesome to increase the number of page visitors, you need to follow the steps mentioned below.<\/p>\n<p style=\"text-align: justify;\">There are three main steps to increase the quality of your site and its homepage.<\/p>\n<ul style=\"text-align: justify;\">\n<li>Ensure that the homepage colors are unique, making your brand standout<\/li>\n<li>Keep in mind to make some changes in the sidebar and content box using Plugins, border, border-image and background image.<\/li>\n<li>Alignment is the last one. Make sure you know how to place the container and sidebar that include Tumblr, Blogger and Weebly sites.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Here are some tips and tricks to make your website unique and different. It will help you make the best of your WordPress site.<\/p>\n<p><strong>Also Read: <a href=\"https:\/\/blog.digitalseo.in\/how-social-media-can-make-or-break-a-business\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Social Media Can Make or Break a Business<\/a><\/strong><\/p>\n<h3 style=\"text-align: justify;\">Step 1<\/h3>\n<p style=\"text-align: justify;\">You should choose the perfect and apt color combination for the WordPress site. There is a website for color combination, and it is www.colorcombos.com.<\/p>\n<h4 style=\"text-align: justify;\">Background color combinations<\/h4>\n<p style=\"text-align: justify;\">If you choose bright or dark colors for your site, you have to pick the content images and sidebar images or advertising images also similar to that color. It gives a rich look to your site. Here are some CSS\/HTML codes for changing the color of the default theme background of the site.<\/p>\n<h4 style=\"text-align: justify;\">Theme background<\/h4>\n<p style=\"text-align: justify;\"><strong>For gradient<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-129\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/gradient.png\" alt=\"gradient\" width=\"304\" height=\"304\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>background:linear-gradient(to right, rgba(221, 75, 56, 0.2) 0%,rgba(221, 75, 56, 0.84) 100%)<\/em> &#8211; normal gradient<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-131\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/gradient1.png\" alt=\"gradient1\" width=\"302\" height=\"309\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>background: linear-gradient(-45deg, #E8D0A9 50%, #C1DAD6 50%)<\/em> &#8211; mixed colors with degrees<\/p>\n<p style=\"text-align: justify;\"><strong>For Image upload<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-133\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/image.png\" alt=\"mage\" width=\"299\" height=\"307\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>background-image: url(&#8216;http:&#8217;)<\/em><br \/>\n+<br \/>\n<em>background-image:url(&#8216;\u2019&#8217;);<\/em><br \/>\n<em> background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;<\/em><br \/>\n<em> background-position: Top center; background-attachment: fixed;<\/em><\/p>\n<p style=\"text-align: justify;\">Also, you can use double background for a single page or site. If you are wondering how it is possible, here is an example for the same. You must give this code in the body of HTML\/CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-large wp-image-160\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/bgs2.png\" alt=\"bgs2\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>#body<\/em><br \/>\n<em> {<\/em><br \/>\n<em> background:url(image1 url)no-repeat,url(image 2 url)repeat center center fixed;<\/em><br \/>\n<em> }<\/em><\/p>\n<p style=\"text-align: justify;\">Here, you must give \u2018no-repeat\u2019 for one of the images that is mostly in the format of PNG or transparent image. One of the images must be in the PNG format or it should be smaller than the other one. Then only, it is applicable for a double background image.<\/p>\n<h3 style=\"text-align: justify;\">Step 2<\/h3>\n<p style=\"text-align: justify;\">There are many plugins in WordPress, which are required for your blog types like General, Health, Business, and so on. The border, border image for content box, sidebar, and the CSS code for those designs are given below.<\/p>\n<h4 style=\"text-align: justify;\">For Border Design<\/h4>\n<p style=\"text-align: justify;\">You can place this code on the required location of the site.<\/p>\n<p style=\"text-align: justify;\"><em>border-color: #color;<\/em><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-135\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/border1.png\" alt=\"border1\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">**If you need Multicolor border put border-color: #DD5555 #E8C2C1 #DA070C #000;<\/p>\n<p style=\"text-align: justify;\"><em>border-style: double\/inset\/outset\/solid\/ridge\/groove\/dotted\/dashed;<\/em><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-136\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/border2.png\" alt=\"border2\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">**If you no need style put none\/hidden.initial\/inherit;<\/p>\n<p style=\"text-align: justify;\"><em>border-width: 2px;(your required value)<\/em><\/p>\n<p style=\"text-align: justify;\">If you want the blunted border, you can add the below code,<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-137\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/border3.png\" alt=\"border3\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>border-radius: 45px;(your required value)<\/em><\/p>\n<h4 style=\"text-align: justify;\">For Border-Image<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-167\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/borderimage.png\" alt=\"borderimage\" width=\"371\" height=\"211\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>border: 10px(your required value) solid transparent;<\/em><br \/>\n<em> padding: 15px;(your required value)<\/em><br \/>\n<em> border-image: url(border image url) 30 round;<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-139\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/border-image.png\" alt=\"border image\" width=\"388\" height=\"245\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">For border image, ensure that you give the values for the border size. This will allot the place for the border image. Above, it is mentioned \u201830 round\u2019. It depends on your border design. You can increase or reduce it as per your border design.<\/p>\n<h4 style=\"text-align: justify;\">Sidebar Left\/Right Top Hang Design<\/h4>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-163\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/hangdesign.png\" alt=\"hangdesign\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>background: url(&#8220;image url&#8221;) no-repeat scroll left top transparent;<\/em><br \/>\n<em> padding-top: 30px;<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-141\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/hang.png\" alt=\"hang\" width=\"329\" height=\"215\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">Here, do not forget to add \u2018scroll\u2019 and \u2018transparent\u2019. Only when you add these, the hang design will be visible clearly. Remember that you should choose the PNG image for this hang design for the result to be good.<\/p>\n<h4 style=\"text-align: justify;\">Grey Widget<\/h4>\n<p style=\"text-align: justify;\">You have the option for gray color sidebar without changing the attribute color. If you have a multicolor widget but the images and sidebar have to be gray, use the below codes in the required places. It automatically changes all the images and widgets to gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2014\/09\/grey.png\" alt=\"grey\" width=\"387\" height=\"94\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>-webkit-filter: grayscale(1);<\/em><br \/>\n<em> opacity: 0.5;<\/em><br \/>\n<em> background: -webkit-linear-gradient(#fafafa, #ffffff);<\/em><\/p>\n<h4 style=\"text-align: justify;\">Sidebar Advertisement<\/h4>\n<p style=\"text-align: justify;\">In WordPress, you can use the embed code for displaying the advertisement, which is in the following format.<\/p>\n<p style=\"text-align: justify;\"><em>&lt;a rel=\u201dnofollow\u201d href=\u201d\/site url\u201d&gt;&lt;img src=\u201d\/image url\u201d&gt;&lt;\/a&gt;<\/em><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-145\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/blunted.png\" alt=\"blunted\" title=\"\"><\/p>\n<p style=\"text-align: justify;\">We can use some HTML code to change the size and design of the advertisement. The secret of that change is it is like border design and border radius.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-169\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/ad.png\" alt=\"ad\" width=\"335\" height=\"282\" title=\"\"><\/p>\n<p style=\"text-align: justify;\"><em>border: 2px solid #000; (border size, border style and border color in single line called simplification format)<\/em><br \/>\n<em> border-radius: 45px 0px 45px;<\/em><\/p>\n<p style=\"text-align: justify;\"><em>&lt;a rel=\u201dnofollow\u201d href=\u201d\/site url\u201d&gt;&lt;img style=\u201dborder:Xpx border style #Color;border-radius:Xpx Ypx Zpx Apx\u201d src=\u201d\/image url\u201d&gt;&lt;\/a&gt;<\/em><\/p>\n<h4 style=\"text-align: justify;\">For Full BG without plugin<\/h4>\n<p style=\"text-align: justify;\">You can use this code in the body of the site i.e. body { custom coding; }<\/p>\n<p style=\"text-align: justify;\"><em>background: url(images\/bg.jpg) no-repeat center center fixed;<\/em><br \/>\n<em> background-size: cover;<\/em><\/p>\n<h4 style=\"text-align: justify;\">WordPress Plugin Lists<\/h4>\n<p style=\"text-align: justify;\">If you do not have the editor or do not know the place to paste the CSS codes, use the \u201cSimple custom Css\u201d plugin, which is very helpful for your site modification.<\/p>\n<ul>\n<li>\u201c<em>Reaction Buttons<\/em>\u201d is a plugin used for feedback of your posts\/pages. It\u2019s very useful for Story blogs.<\/li>\n<li>You can add external tags for your site using \u201c<em>Widget Category Cloud<\/em>\u201d plugin.<\/li>\n<li>\u201c<em>Effect Maker<\/em>\u201d is useful for slideshow, Gallery images, Text Scrollers and Messenger.<\/li>\n<li>\u201c<em>Flash Clock Widget<\/em>\u201d multiple type of clocks widget is available in this plugin.<\/li>\n<li>\u201c<em>Super Slider Menu<\/em>\u201d is an external widget menu box with animation\/scrolls.<\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\">Step 3<\/h3>\n<p style=\"text-align: justify;\">The alignment of the site is a vital role for site creation, and it makes your site the best one for your visitors. Make sure you do some changes to the alignment of the site using the below CSS coding.<\/p>\n<h4 style=\"text-align: justify;\">For Text alignment<\/h4>\n<p style=\"text-align: justify;\">Use this code for every paragraph starts\u00a0<em>&lt;p style=&#8221;text-align: justify;&#8221;&gt;<\/em> and end with <em>&lt;\/p&gt;<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/justify.png\" alt=\"justify\" width=\"779\" height=\"262\" title=\"\"><\/p>\n<h4 style=\"text-align: justify;\">For text Design<\/h4>\n<p style=\"text-align: justify;\">Use this code for required place<\/p>\n<p style=\"text-align: justify;\"><em>text-transform: uppercase\/lowercase\/capitalize(1st Letter of the word will be Capital)\/inherit\/initial;<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/uppercase.png\" alt=\"uppercase\" width=\"780\" height=\"183\" title=\"\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/capitalize.png\" alt=\"capitalize\" width=\"781\" height=\"158\" title=\"\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/lowercase.png\" alt=\"lowercase\" width=\"781\" height=\"137\" title=\"\"><\/p>\n<h4 style=\"text-align: justify;\">For Cursor Design<\/h4>\n<p style=\"text-align: justify;\">It is used for your site\u2019s cursor point, which makes the magic, and differentiates your site from others. Ensure that you use this code in the body of your CSS code. You can take the PNG and tiny images for cursor and this will suit your site well.<\/p>\n<p style=\"text-align: justify;\"><em>body {cursor:url(&#8220;image url&#8221;), default; }<\/em><\/p>\n<h4 style=\"text-align: justify;\">Improving General Topics<\/h4>\n<p style=\"text-align: justify;\">You can use the normal category \u201cBlog\u201d and replace it with new set of sentences such as Random, General, and My Own Topics (only for personal sites).<\/p>\n<h6 style=\"text-transform: Capitalize;\">Post By<\/h6>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"http:\/\/blog.digitalseo.in\/wp-content\/uploads\/2016\/03\/joe.jpg\" alt=\"joe\" width=\"100\" height=\"109\" title=\"\"><a style=\"text-transform: capitalize; font-size: 20px;\" title=\"Jothi@Jorba\" href=\"https:\/\/plus.google.com\/u\/0\/106114609529477506825\" target=\"_blank\" rel=\"noopener noreferrer\">Jothi@Jorba<\/a><br \/>\n<strong>SMO Analyst @ Digital SEO<\/strong><br \/>\nHI, Right now I harvest Likes and chase Twitter Birds, but my career started as a Web <a title=\"developer with Digital SEO\" href=\"http:\/\/www.digitalseo.in\/\" target=\"_blank\" rel=\"noopener\">developer with Digital SEO<\/a> &amp; the above are a few of the tips that I still recollect.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you really want to make your website special and awesome to increase the number of page visitors, you need to follow the steps mentioned below. There are three main steps to<\/p>\n<a class=\"moretag noptoppad\" href=\"https:\/\/blog.digitalseo.in\/tips-to-make-your-wordpress-site-unique\/\">Read More...<\/a>","protected":false},"author":1,"featured_media":386,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/posts\/128"}],"collection":[{"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":1,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":1676,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/posts\/128\/revisions\/1676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/media\/386"}],"wp:attachment":[{"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.digitalseo.in\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}