Bytes For All

Just another WordPress weblog

 

Testing image alignment & lists

In Version 1.20 I removed the option to float all images left or right site-wide. It introduced a couple of problemsWilly under certain conditions. Use the Wordpress editors align left/right feature when inserting an image that you want to align left or right. That is less troublesome. Aliquam porta. Aenean odio erat, ultrices vel, tincidunt et, hendrerit nec, felis. Duis interdum tellus at nisi. Donec Willysollicitudin ligula. Nunc vehicula, dui at cursus placerat, pede enim tincidunt arcu, ac lobortis erat nunc a nibh. Donec congue nulla quis nulla. Vestibulum tempus congue felis. Nulla aliquam elit vitae purus. Sed in neque. Integer pharetra. Nulla a nibh. Sed dignissim urna ut arcu. Morbi mollis imperdiet neque.

Making this a h4 header to break the last image’s float caused by align=left

  • Create a h1, h2, h3 or h4 heading to break the float and to start a new paragraph. Aliquam porta. Aenean odio erat, ultrices vel, tincidunt et, hendrerit nec, felis. Duis interdum tellus at nisi. WillyDonec sollicitudin ligula. Nunc vehicula, dui at cursus placerat, pede enim tincidunt arcu, ac lobortis erat nunc a nibh. Donec congue nulla quis nulla. Vestibulum tempus congue felis. Nulla aliquam elit vitae purus. Sed in neque. Integer pharetra. Nulla a nibh. Sed dignissim urna ut arcu. Morbi mollis imperdiet neque. A unordered list item with an image
  • the next list item
  • another one
  • Aliquam porta. Aenean odio erat, ultrices vel, tincidunt et, hendrerit nec, felis. Duis interdum tellus at nisi. WillyDonec sollicitudin ligula. Nunc vehicula, dui at cursus placerat, pede enim tincidunt arcu, ac lobortis erat nunc a nibh. Donec congue nulla quis nulla. Vestibulum tempus congue felis. Nulla aliquam elit vitae purus. Sed in neque. Integer pharetra. Nulla a nibh. Sed dignissim urna ut arcu. Morbi mollis imperdiet neque. this one with an image again
  • last list item
  • another one
  • yet onther one

Now on with regular text again. Aliquam porta. Aenean odio erat, ultrices vel, tincidunt et, hendrerit nec, felis. WillyDuis interdum tellus at nisi. Donec sollicitudin ligula. Nunc vehicula, dui at cursus placerat, pede enim tincidunt arcu, ac lobortis erat nunc a nibh. Donec congue nulla quis nulla. Vestibulum tempus congue felis. Nulla aliquam elit vitae purus. Sed in neque. Integer pharetra. Nulla a nibh. Sed dignissim urna ut arcu. Morbi mollis imperdiet neque.

Breaking the float with a new paragraph (by pressing enter). Unfortunately the Wordpress editor doesn’t make a difference between “Enter” and “Shift+Enter”. This means that once you press “Enter” with or without “Shift”, the float will be stopped. Consequently you cannot have line breaks within a floated text. But all in all this is more intuitive. Dealing with floats and clears is beyond what most people want to do with their blog.

Features

Go to the download page for the Bytes For All Wordpress Theme

The Bytes For All Wordpress Theme is highly customizable and browser-safe:

Theme Customization through Options Page:

Change currently 40+ properties of our themes easily in your Wordpress admin area. Custom options include colors of almost all layout sections, widths of the left and right columns, and size and colors of fonts and borders. You can also add your own header image (if there is any). You can throw a border around the whole layout, and another border around that, for instance. Your Bytes For All theme based blog can look quite different than someone else’s.

Highly compatible even with problematic browsers:

You won’t notice that yourself because you’re probably using Firefox or the newest Internet Explorer. But you want your site to look good for everyone, right? There’s up to 10% of people who use obscure or old browsers. Maybe a few of your potentially most rewarding visitors, customers, readers, members is among them? The Bytes For All Theme works with IE 5 (!), IE 5.5 (!), IE 6, IE 7, Firefox, Opera, Safari and IE on Mac, and a whole range of smaller browsers.

W3C Validity

One can never test each and every browser out there. The best bet is to have a valid page by W3C standards. The big browsers are very forgiving. They render a page even if the underlying code is “wrong”. But search engines are not that nice. I had Google kick out a dozen pages of mine (on another site) where I accidentily added “div” tags in the header section. None of my browsers (I use them all) choked - they displayed the site just fine. That is why I didn’t notice that something was wrong. Untill I saw the pages vanishing from Google. If I had checked the pages for W3C validity, I would have noticed earlier, and my pages wouldn’t have gone from Google for 2 weeks. Yet another benefit of Validity is speed. Sites with valid code usually get rendered a tad faster. Less guess work for the browsers.

Fluid and fixed width layouts

Most themes you see have a fixed width. It is harder to make a fluid theme. Fluid layouts adjust themselves to the browser window size of each visitor. Web site visitors with smaller screens do not need to scroll horizontally as early as they would have to with a fixed width layout. In the Bytes For All fluid themes you’ll see a “min-width” option. That is how narrow the theme will shrink before it stops. In our fixed width themes you can set the page width.

Search Engine Optimization included

The theme itself is “SEO”-optimized and even actively generates Meta Tags without the need for an additional plugin. No installation process, no database queries, no file operations. The SEO features include Auto Meta Description and Auto Meta Keyords generation for most pages. For the homepage, these tags can be set individually. The Title Tag for every page is optimized as well. The actual post or page title gets moved to the left, with the blog title behind it, or absent. (for better uniqueness of single pages).

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

Archives

 

July 2009
M T W T F S S
« Dec    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Categories