{"id":102,"date":"2010-10-15T16:37:06","date_gmt":"2010-10-15T07:37:06","guid":{"rendered":"http:\/\/santoshkori.com\/blog\/?p=102"},"modified":"2012-03-05T22:25:36","modified_gmt":"2012-03-05T13:25:36","slug":"wordpress-tips-to-make-your-blog-look-like-a-website-for-beginners","status":"publish","type":"post","link":"https:\/\/www.santoshkori.com\/blog\/wordpress-tips-to-make-your-blog-look-like-a-website-for-beginners\/","title":{"rendered":"WordPress Tips to Make Your Blog Look Like a Website (for Beginners)"},"content":{"rendered":"<p>Whatever industry you happen to be in, you want to stand out from the crowd and be unique, and not give the impression that your online presence is just a slightly modified cut and paste job. Of course, if you\u2019re depending on a pre-built content management framework like WordPress for the core of your blog or website, then that could prevent your online presence from truly standing out.<\/p>\n<p><!--more--><\/p>\n<p>So, in this article I\u2019ll run through 10 fairly straightforward ways that a beginning developer or blogger can customize their WordPress theme to ensure it doesn\u2019t \u201clook like a blog\u201d \u2014 at least to a certain degree. Keep in mind that the goal here is not to <em>hide<\/em> the fact that a website is using WordPress \u2014 that\u2019s quite difficult, if not impossible. The ultimate goal here is to help your website have a seamless, consistent, look and feel that does not necessarily scream \u201cWordPress-driven\u201d from the instant the home page loads up.<\/p>\n<p>NOTE: These tips are for beginning WP developers who are coding themes for their own site, or experimenting with theme development. Most likely, these tips would not apply to custom downloaded themes that are pre-built and probably already have many of these customizations.<\/p>\n<h3>1. Customize Your Sidebar and Keep it Consistent<\/h3>\n<p>The sidebar in WordPress is a dead \u201cgiveaway\u201d when a user visits your site. The sidebar will have default titles like \u201cBlogroll\u201d, \u201cCategories\u201d and \u201cArchives\u201d. You can easily change the text of these titles, and which sections are displayed, by editing the sidebar.php file in the theme directory. Also, WordPress displays a different sidebar depending on what page of the site you\u2019re on, which can also be changed. I personally prefer to display virtually the same sidebar on all pages, to keep the site consistent.<\/p>\n<p>Even if you\u2019re not familiar with PHP, WordPress code is very developer-friendly, and easy to work with. A simple knowledge of how functions are called and how to open and close if statements is often more than enough to help you customize some of the sidebar code.<\/p>\n<p>Also, you can easily duplicate and customize certain sidebar sections. Look at the sidebar here on Impressive Webs: You\u2019ll notice there\u2019s a list for \u201cArticles\u201d and \u201cTutorials\u201d. This is done by duplicating the \u201ccategories\u201d section and controlling what categories are displayed using parameters inside the function call for that particular section.<\/p>\n<p>Check out the WordPress Codex for further information on <a rel=\"external noopener\" href=\"http:\/\/codex.wordpress.org\/Template_Tags\/wp_list_categories\" target=\"_blank\">customizing category listings<\/a>.<\/p>\n<h3>2. Use \u201cDecategorizer\u201d Plugin for Cleaner URLs<\/h3>\n<p>One of the most obvious ways to customize the look of your blog\u2019s urls is to use clean permalinks, rather than the default querystring driven url structure. But that\u2019s an obvious one. No self-respecting blogger would fail to enable custom urls, which can be done easily through the WP dashboard.<\/p>\n<p>But one thing you cannot do through the dashboard is remove the word \u201ccategory\u201d from links that point to specific categories on your site. That\u2019s where <a href=\"http:\/\/wordpress.org\/extend\/plugins\/decategorizer\/\" target=\"_blank\" rel=\"noopener\">Decategorizer<\/a> comes in handy. This excellent plugin, which I\u2019m using here on Impressive Webs, will strip the word \u201ccategory\u201d out of your WordPress urls, leaving a much cleaner experience, taking away the \u201cblog\u201d look and contributing to a more customized, branded feel for your website. Decategorizer will also automatically create 301 redirection for all your old category links, and works with subcategories.<\/p>\n<p>The Decategorizer plugin had a few bugs, which have recently been corrected, and also requires that you install the <a rel=\"external noopener\" href=\"http:\/\/wordpress.org\/extend\/plugins\/redirection\/\" target=\"_blank\">Redirection<\/a> plugin, for Decategorizer to work properly.<\/p>\n<p>Be sure to read carefully the documentation and installation instructions for these plugins to ensure they are installed and functioning as expected.<\/p>\n<h3>3. Customize Metadata for Individual Posts<\/h3>\n<p>Every post has \u201cmetadata\u201d contained inside of paragraph tags at the bottom of each blog post. This data is generated dynamically through the loop that pulls your content out of the database. You can easily edit, delete, or modify any of these pieces of data that are displayed with each entry, which can be found inside of the index.php file in your theme directory. The default look for the metadata section looks like this in WordPress 2.7.1:<\/p>\n<div>\n<ol>\n<li>&lt;p\u00a0class=&#8221;postmetadata&#8221;&gt;&lt;?php\u00a0the_tags(&#8216;Tags:\u00a0&#8216;,\u00a0&#8216;,\u00a0&#8216;,\u00a0&#8216;&lt;br\u00a0\/&gt;&#8217;);\u00a0?&gt;\u00a0Posted\u00a0in\u00a0&lt;?php\u00a0the_category(&#8216;,\u00a0&#8216;)\u00a0?&gt;\u00a0|\u00a0&lt;?php\u00a0edit_post_link(&#8216;Edit&#8217;,\u00a0&#8221;,\u00a0&#8216;\u00a0|\u00a0&#8216;);\u00a0?&gt;\u00a0\u00a0&lt;?php\u00a0comments_popup_link(&#8216;No\u00a0Comments\u00a0&amp;#187;&#8217;,\u00a0&#8216;1\u00a0Comment\u00a0&amp;#187;&#8217;,\u00a0&#8216;%\u00a0Comments\u00a0&amp;#187;&#8217;);\u00a0?&gt;&lt;\/p&gt;\u00a0\u00a0<\/li>\n<\/ol>\n<\/div>\n<pre>&lt;p class=\"postmetadata\"&gt;&lt;?php the_tags('Tags: ', ', ', '&lt;br \/&gt;'); ?&gt; Posted in &lt;?php the_category(', ') ?&gt; | &lt;?php edit_post_link('Edit', '', ' | '); ?&gt;  &lt;?php comments_popup_link('No Comments &amp;#187;', '1 Comment &amp;#187;', '% Comments &amp;#187;'); ?&gt;&lt;\/p&gt;<\/pre>\n<p>By editing the above section of code, you can choose to display only comments and categories, and even alter the characters that are displayed. For example the &amp;#187; will display \u00bb. You have the option to remove those characters and use something more appropriate for your site\u2019s look.<\/p>\n<h3>4. Disable Comments (Not Recommended)<\/h3>\n<p>This is not necessarily something I would recommend, since user-contributed comments are a huge part of the blogging world, however, it should definitely be pointed out that removing the \u201cPost a Comment\u201d section at the bottom of every post would be a sure-fire way to adjust your blog to ensure a more customized look and feel.<\/p>\n<p>While this would contribute to a \u201cnon-blog\u201d atmosphere on your website, it is highly recommended that you keep user comments open and instead customize the look of the comment area. Of course, if you\u2019re using WordPress purely as a content management system for developing pages instead of \u201cblog posts\u201d then this would be an obvious choice, and would make more sense.<\/p>\n<h3>5. Don\u2019t Use \u201cTags\u201d or a \u201cTag Cloud\u201d (Not Recommended)<\/h3>\n<p>Again, while this customization option is not necessarily recommended, it is certainly an effective way to customize your blog so that it does not resemble every other WordPress installation on the World Wide Web. \u201cTags\u201d are keywords that you can add to individual posts in your WordPress dashboard. They are similar to categories, but provide a wider interrelationship between posts.<\/p>\n<p>Tags associated with a particular post allow users to click on certain keywords to view more entries related to that keyword, similar to clicking on a specific category. Tags also provide SEO benefits, as they help Google and blog directories properly categorize your blog\u2019s pages. So, while you do have the option to avoid using tags on your posts, thereby ensuring a cleaner look to your website, be aware of the drawbacks of doing so.<\/p>\n<p>For simplicity, I personally do not use tags on Impressive Webs. I like each post to be associated with 1-3 categories, and nothing more. That\u2019s just a personal preference to keep the content the primary focus. I prefer to attract users who will actually read the content, as opposed to the ones that are click-happy and bookmark everything.<\/p>\n<h3>6. Change the Default Display of the Title Bar Content<\/h3>\n<p>The header.php file in WordPress\u2019s default theme has a title bar that is coded like this:<\/p>\n<div>\n<ol>\n<li>&lt;title&gt;&lt;?php\u00a0wp_title(&#8216;&amp;laquo;&#8217;,\u00a0true,\u00a0&#8216;right&#8217;);\u00a0?&gt;\u00a0&lt;?php\u00a0bloginfo(&#8216;name&#8217;);\u00a0?&gt;&lt;\/title&gt;\u00a0\u00a0<\/li>\n<\/ol>\n<\/div>\n<pre>&lt;title&gt;&lt;?php wp_title('&amp;laquo;', true, 'right'); ?&gt; &lt;?php bloginfo('name'); ?&gt;&lt;\/title&gt;<\/pre>\n<p>Once again, you can see the \u00ab character that is highly overused in the web development industry. (Not to mention that it\u2019s actually a left quotation mark for french text!) You can replace that character with a different one, and even change the way the page titles are displayed.<\/p>\n<p>You\u2019ll notice there\u2019s a function called wp_title that holds 3 parameters (including the \u00ab character). The third parameter tells WordPress where to display the post title \u2014 to the left or to the right of your blog name.<\/p>\n<p>You also have the option to remove the function that displays your blog\u2019s name, and instead just manually enter a more keyword-friendly title. The blog name that displays in your Dashboard under \u201csettings\u201d will still display your official blog name on RSS readers.<\/p>\n<h3>7. Use the \u201cPages\u201d Sidebar Section as Your Main Navigation<\/h3>\n<p>While I\u2019ve already discussed a little bit about the sidebar, it\u2019s worth mentioning separately that the \u201cpages\u201d section of the sidebar can easily serve as your main navigation bar. At first glance, nobody will even notice that this has been done.<\/p>\n<p>In the default WP theme, here\u2019s the code that generates the \u201cpages\u201d section of the sidebar, found in sidebar.php:<\/p>\n<div>\n<ol>\n<li>&lt;?php\u00a0wp_list_pages(&#8216;title_li=&lt;h2&gt;Pages&lt;\/h2&gt;&#8217;\u00a0);\u00a0?&gt;\u00a0\u00a0<\/li>\n<\/ol>\n<\/div>\n<pre>&lt;?php wp_list_pages('title_li=&lt;h2&gt;Pages&lt;\/h2&gt;' ); ?&gt;<\/pre>\n<p>Simply take that piece of code and place it wherever you want your main navigation to display. Of course, you\u2019ll have to style it to your liking, in line with your theme\u2019s look. And most likely you\u2019ll want to remove the title of that section. You can do that by simply removing everything after the equals sign in the single parameter, so it will look like this:<\/p>\n<div>\n<ol>\n<li>&lt;?php\u00a0wp_list_pages(&#8216;title_li=&#8217;\u00a0);\u00a0?&gt;\u00a0\u00a0<\/li>\n<\/ol>\n<\/div>\n<pre>&lt;?php wp_list_pages('title_li=' ); ?&gt;<\/pre>\n<p>Use the WordPress Codex to see other ways to <a rel=\"external noopener\" href=\"http:\/\/codex.wordpress.org\/Template_Tags\/wp_list_pages\" target=\"_blank\">customize the look of the page list<\/a> in the default wordpress theme.<\/p>\n<h3>8. Don\u2019t Call Your Website a \u201cBlog\u201d<\/h3>\n<p>Okay, this is not really a WordPress tip, per se. It\u2019s more of a marketing recommendation for the purpose of more effective branding in conjunction with a site that just happens to use WordPress as its engine. Serious websites that provide significant content are viewed as \u201ccommunities\u201d or \u201cresources\u201d, instead of \u201cblogs\u201d. The word \u201cblog\u201d nowadays is probably more appropriate for individuals who post thoughts and musings on various personal and professional topics.<\/p>\n<p>If you have long-term plans for your website, and would like to expand it into a thriving online community that is respected and recognized in your industry, then you need to view it that way from the start, and communicate that atmosphere to your users \u2014 even if you are starting out small and really are just a single \u201cblogger\u201d posting thoughts and musings on relevant industry matters.<\/p>\n<h3>9. Remove or Customize Default Text and Title Attributes<\/h3>\n<p>While I\u2019ve already touched on the customization of a few text elements of the default WordPress theme, there are other little text snippets that can be edited, removed, or appended to. An obvious example is the \u201cPowered by WordPress\u201d section in the footer. Your website\u2019s footer seems simple, but it is potentially a <a rel=\"external noopener\" href=\"http:\/\/www.smashingmagazine.com\/2008\/04\/08\/footers-in-modern-web-design-creative-examples-and-ideas\/\" target=\"_blank\">significant part of your site\u2019s look, feel, and overall image<\/a>.<\/p>\n<p>There are also title attributes that are embedded in anchor tags throughout the site. Here is one example, found in the index.php file:<\/p>\n<div>\n<ol>\n<li>&lt;h2&gt;&lt;a\u00a0href=&#8221;&lt;?php\u00a0the_permalink()\u00a0?&gt;&#8221;\u00a0rel=&#8221;bookmark&#8221;\u00a0title=&#8221;Permanent\u00a0Link\u00a0to\u00a0&lt;?php\u00a0the_title_attribute();\u00a0?&gt;&#8221;&gt;&lt;?php\u00a0the_title();\u00a0?&gt;&lt;\/a&gt;&lt;\/h2&gt;\u00a0\u00a0<\/li>\n<\/ol>\n<\/div>\n<pre>&lt;h2&gt;&lt;a href=\"&lt;?php the_permalink() ?&gt;\" rel=\"bookmark\" title=\"Permanent Link to &lt;?php the_title_attribute(); ?&gt;\"&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;&lt;\/h2&gt;<\/pre>\n<p>The code above is the section that will display the title of each post listed on your home page. The title attribute in the anchor tag has the super-obvious text of \u201cPermanent link to \u2026\u201d and then the PHP function that spits out the title. You can modify this and other default text that appears throughout your WP theme.<\/p>\n<h3>10. Use \u201cNice Search\u201d Plugin for Clean Search URLs<\/h3>\n<p><a rel=\"external noopener\" href=\"http:\/\/txfx.net\/code\/wordpress\/nice-search\/\" target=\"_blank\">Nice Search<\/a> is a very simple plugin that makes searches performed on your website look less \u201cWordPress-y\u201d and more like a custom search engine installed on your website. According to the author\u2019s website:<\/p>\n<blockquote><p>\u201cThis is a really simple plugin that redirects your WordPress searches (?s=search-term) to the pretty-looking URI version: \/search\/search-term, and also converts spaces (%20) to plus symbols.\u201d<\/p><\/blockquote>\n<p>Although this plugin has not been updated in some time, I do have it successfully running on WordPress 2.6.3 on another website, so it seems to be compatible with some of the more recent versions of WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whatever industry you happen to be in, you want to stand out from the crowd and be unique, and not give the impression that your online presence is just a slightly modified cut and paste job. Of course, if you\u2019re depending on a pre-built content management framework like WordPress for the core of your blog [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,13,17,14,5],"tags":[68,53,52,59,67,65,55,58,61,57,728,63,54,51,60,56,46,66,64],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-just-blogging","category-softwares","category-tips-n-tricks","category-web-development","category-wordpress","tag-a-wordpress-tip","tag-analytics-visitor-counter","tag-badge-for-wordpress","tag-customize-wordpress-look","tag-default-wordpress-theme","tag-development-blogging-wordpress","tag-google-analytics-visitor","tag-how-to-avoid-wordpress-hacks","tag-make-your-wordpress-blog","tag-tips-to-make-wwebsite","tag-tips-n-tricks","tag-tricks-web-development","tag-visitor-counter-badge","tag-wordpress-codex","tag-wordpress-for-beginners","tag-wordpress-look-like-a-website","tag-wordpress-make-money","tag-wordpress-user-interface-design","tag-your-wordpress-blog"],"_links":{"self":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":5,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}