Code Design

Blog Design: WebVideoMax.com

Andrew Kelly contacted me for a kind of business blog project that he was working on. After I showed him some of my previous works and we agreed on the price, I began designing a WordPress theme for him. He had previously chosen to use as a theme the semilogic theme framework. Well, his decision made me suffer until I suggested him that I developed the theme for him from scratch. He agreed and on this we went on. This project took a little bit long as I was working on other projects simultaneously. However working with Andrew was a great experience.

Design

When Andrew contacted me, he showed me a couple of sites that he wanted his blog to look like. He wanted something fresh and have a web 2.0 feel. Some guys might argue that web 2.0 means nothing, however there are a lot of designers and blog writers that have listed out the features of web 2.0 – but this is not the point of this post. Let’s focus on the design process. I used an heavy blue color throughout the blog with some fresh web 2.0 effects. I did all this with Inkscape, my favorite vector graphic design application. I cannot say I am a great designer, but I can reach high quality in design if clients describe me clearly what they want.
webvideomax

Coding

As I said earlier, the early coding process was very painful. After we decided  to have the theme developed from scratch, it was a very nice experience as coding is the part I like most. I had to work with XTHML, CSS, PHP with WordPress flavor.

The theme is coded in tableless XHTML/CSS. At first it was pure and valid, but after my client, Andrew implemented Awaber subscription code into it, it turned to have some validation errors. It is not a situation I like to be in, as I claim I code only valid talbleless XHTML/CSS websites and WordPress themes, but I cannot interfere with my clients choices.

Layout

The theme has a  two column layout. It has a left main column where the blog content is placed and a right wide sidebar. On front page it has a big welcoming video before the fold under which four other posts queried according to categories are shown. It is a nice simple layout informative layout.

Widgets

The theme has a fully customizable, widget-ready sidebar. Widgetizing WordPress themes is a pleasurable experience for me  and I could not leave it unwidgetized even though widget are little employed by my client, Andrew.

Testimonial

After a lot of frustration working with many Web Designers it has been a real refreshing change to work with someone like Baki, his constant follow up and willingness to over deliver on all levels has made a huge difference to our productivity and our web business bottom line. Nothing is ever too much trouble for Baki which makes him a real pleasure to work with. I just wish all our team could be as reliable and project focused as Baki! Andrew Kelly of ClickSmartMarketing.com

Conclusion

This is all I could write down about my experience with Andrew Kelly. I would love to hear your thoughts about this theme. Also, please consider subscribing to my RSS Feeds to have the possibility to read and view more great articles and projects. In case you need a WordPress theme, you can drop me a line using my contact page. If you are not sure, please have a look at my portfolio to see more works of mine. Thanks for reading!

Read More
Systems

How to remove nofollow attribute from your WordPress blog

As you may already know, WordPress the rel=”nofollow” attribute in comments. That makes any comment with a link on it have no significance for Google when they ranks websites. Getting rid of the rel=”nofollow” attribute is one of the tactics that many WordPress bloggers follow to get more people comment on their blogs. And in my view, this is quite fair – comments add content to a certain blog, the blog pays them back with a link that will be counted by Google, will rise their pagerank and make their way up in Google searches. So, let’s begin.

There are two ways through which you can turn off rel=”nofollow” attribute in your blog:

1. Changing WordPress Core

Editing WordPress core might not be a good idea for bloggers who are not very familiar with coding. For others, like me, who can do any code editing, online through FTP or offline, this is something that they do everyday. That would save the time of downloading, installing and making work another plugin. However, keep in mind that you need to redo this action every time you do an upgrade.

There is only one file you need to edit and all you have to do is remove the word nofollow. This word is located at wp-includes/comment-template.php on line 148. It looks like this:

{code type=php}
$return = “$author“;
{/code}

All you have to do is remove the word nofollow only and save the file.  This is it!

wordpress-remove-no-follow

2. Employing a Plugin

If you do not feel comfortable with editing the WordPress core, you can employ a plugin to do that for you. Keep in mind that you will have the plugin too, when new versions are released. Below you will find a list of such plugins. Chose the one that is good for you and install it.

  1. DoFollow 4.0
  2. NoFollow Free
  3. Lucia’s Linky Love
  4. Sem NoFollow
  5. Link Love
  6. Remove Nofollow

Time for publicity: By removing the nofollow attribute you are giving something away for free to your visitors, tell this to your visitors. You will motivate more people to comment for sure. Good luck!

PS: Don’t forget that WPlancer is a DoFollow blog and I love to hear what you think. Thanks!

Read More
Opinion

Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better

I just finished reading a wonderful, helpful and enjoyable article. It was a well-thought and well-organized list of ways how to learn faster, deeper and better. Please find below the classification of the learning advice:

  1. Health
  2. Balance
  3. Perspective and Focus
  4. Recall Techniques
  5. Visual Aids
  6. Verbal and Auditory Techniques
  7. Kinesthetic Techniques
  8. Self-Motivation Techniques
  9. Supplemental Techniques
  10. For Teacher, Tutors and Parents
  11. For Students and Self-Studiers
  12. Parting Advice

This is the part I liked, enjoyed and learned more of. This piece reminds of the time I was a student and got bored systematically because my teachers had nothing good to say:

Be engaged. Surprise. Sometimes students are bored because they know more than is being taught, maybe even more than a teacher. (Hopefully teachers will assess what each student already knows.) Students should discuss with a teacher if they feel that the material being covered is not challenging. Also consider asking for additional materials.
Teach yourself. Teachers cannot always change their curricula. If you’re not being challenged, challenge yourself. Some countries still apply country-wide exams for all students. If your lecturer didn’t cover a topic, you should learn it on your own. Don’t wait for someone to teach you. Lectures are most effective when you’ve pre-introduced yourself to concepts.

Go and read it here: Hacking Knowledge: 77 Ways to Learn Faster, Deeper, and Better

Read More
Code

Why You Shouldn’t Use Tables for Web Layouts

During my whole lifetime as a web designer or better as a front-end developer, I have coded only one site using tables for layout, the first one. It was the time when I had just began to do web stuff and I did not know very much about CSS and its potential, if not nothing at all. After that, I got introduced to CSS and ever since I have never used table in any of my site development projects I have worked on. I thought it would be a good idea to write something about this subject for the guys who still use tables for web design layouts, especially those that develop wordpress themes. So, let’s begin:

1. Tables are hard to code and difficult to maintain

Let’s suppose you are a hand-coder, how do you manage to write all those <tr>’s and <td>’s without errors? It is a common error when you code with tables to have missing tags or misused ones. It is even more difficult when one uses a WYSIWYG. WYSIWYG editors operate with table layouts and usually, the code that they generate is very messy. The same occurs when you slice a design with Photoshop or GIMP. Using CSS, you will code at least half less tags than coding with tables. Managing <div>’s through CSS is a far more easier, fun and creative process.

2. Tables are slow to load

The web site created in tables will take more time to appear on the screen

that CSS based one.When using using tables, the page won’t show up until the browser parses the last closing </table> tag. Moreover, the more table you nest within each other, the more the content will break until the images and text figures out where they belong to in the site. Well, this is a solved problem with CSS, just tell it where to be and there it will.

3. Tables can hurt your SEO

The more code that is in the way, the more junk they have to plow through to get to your content. Nested tables, which are usually used in table-based website layouts, would hurt the content that is inside it. There are more HTML tags than content.

There is another widespread idea about tables that use left-hand navigation (very common in table layouts) hurt the SEO, by telling the search engines that content is less important that navigation which appears before the main content in the HTML. This will distort search engines and mislead them in indexing your site. On the other hand, with CSS, you can make the navigation bar appear on top, but you can put it at the bottom of your HTML.

4. Tables lack accessibility

The same as it hurts SEO, it distorts screen readers. Most screen readers read pages in the order that they are displayed in the HTML. If a screen reader were to read the same page described above, it is possible that the customer would hit the back button before the reader had even read through all the navigation. Through CSS, you can display the anything on the top, but leave the most important part at the top of your HTML.

5. Tables don’t print well

Another problem with tables is that they don’t print well. With CSS, you can use a print style sheet to give another look to the page. You can also have elements that only show up when rendered to a screen, but not to a printer such as headers and footers. CSS is great for printing.

6. Tables make site redesigns much harder than semantic HTML+CSS

Through CSS, you can twist your site look so much, that you won’t resemble with the old site at all. The most important part is that, all this can happen without touching the HTML part at all. You can even have several different skins for your site and allow your users to select one of them. This can happen only in dreams, if you are using tables. You cannot alter the layout at all, expect colors and font size, when you are using tables, even though you might be using CSS. Get rid of tables.

7. Conclusion

It might be hard to make CSS-controlled layouts cross-browser compatible, which is often used as the main argument against switching to pure CSS. True. But as soon as you finally do it, the experience is great. The more CSS tricks you learn, the funnier it becomes to test them and play with them to see what other effects you can achieve. Tables could never be so much fun.

Read More
Code

WordPress Bug: Tags do not appear under WP_Query

WordPress has been perfect and bug-free for me. However, I discovered one lately. Firstly I came across this bug when I was developing an Gawker-style WordPress theme for a client of mine. I used custom WP_Query loops several times there and I was asked to display tags inside them too, the way Gawker does. This did not happen, of course, that is why I am writing this post. By that time I thought it was my fault that tags did not appear.

A couple of weeks ago, I coded a new theme for my blog. I used several custom loops there too, powered by the famous WP_Query. When I tried again to show the tags inside them, they did not show up. That made assured me that it was a bug. To have more context about this, please have a look at the following WordPress loop:

{code type=php}

<?php $my_query = new WP_Query(‘category_name=featured&showposts=1’);
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate[$post->ID] = $post->ID; ?>

<div class=”featured_post” id=”post-<?php the_ID(); ?>”>

<img src=”<?php echo get_post_meta($post->ID, ‘Featured_Image’, true) ?>” alt=”” id=”featured_img” />

<h3 class=”title”><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?></a>  </h3>

<div class=”meta”>By <strong><?php the_author();?></strong> &raquo;

<?php comments_popup_link(‘0 comments’, ‘1  comment’, ‘% comments’); ?>

<?php the_tags(); ?>

</div>

<?php the_excerpt() ?>

</div>

<?php endwhile; ?>

{/code}

As you can see, the tags code is included in the loop, but nothing appears. This does not work only under the WP_Query powered loops, whereas in a normal loop, it works. I would appreciate very much that everybody contributes to make this bug known to the WordPress team as soon as possible so that they can have it fixed. Thanks very much!

Read More
1 9 10 11 12 13 15