Archive

Posts Tagged ‘Word Press’

Word Press v3.0

June 18th, 2010 jeb 1 comment

Word Press logoI took the plunge and installed WordPress v 3.0 last night. I used the automatic install/upgrade which is a godsend and completed the task in about 20 seconds. But before I go and upgrade the rest of my clients’ installs of WP, I figure I had better test things out first. So, this posting is a bit of a test…

I think I may have also discovered a bug in v3.0, and am search for others who are experiencing this…it is minor, but annoying. The “bug” is in how the Dashboard displays content. To the uninitiated, the Dashboard is the administrative “back end” of the WordPress  application where you make settings adjustments, install stuff and where you post your blog entries.

Using the “screen options” tab (upper right) you are allowed to choose having a number of different elements to be visible on the Dashboard. The elements include messages from WP, plus quick links to some of the things you use regularly. Most important is that you have the ability to put this information in 1, 2, 3, or 4 columns to make it easier to read.

Well, the first thing I noticed after the upgrade was that all of the information on my Dashboard was being squeezed into two columns even though I had the settings set for three columns. When I tried changing the settings, I apparently made it worse since now everything is squished into one LONG column and the 2-3 columns to the right are empty save what appears to be an empty php/div block. Hmm.

A search of WP forums turned up nothing so far…I may try posting a bug report. I will also post this observation to Twitter and see if it is just me…always a possibility.

End of test…

WordPress and Accessibility

December 29th, 2009 jeb No comments

Word PressIt seems this is a controversial subject…

A client of mine asked about this topic and, in doing my homework, I am learning that this is something where there are no easy answers. It seems that there are general issues with most if not all of the standard (free) WordPress (WP) themes and there may even be some issues under the hood. A Google search leads to a couple of folks who are claiming their theme meets the standards.

Our friend and colleague Dennis Lembree, of @AccessibleTwitter fame, is apparently also seeking the Holy Grail and wrote about his quest this past summer on his blog. In the responses to his query, there were several free WP themes suggested. I have just switched to one of those and am testing it out. Until I have reviewed it completely, that’s all I’ll say on the topic.

But this is a good time to again mention something I am fond of repeating. You can build the best content management system in the world – one that is completely accessible out of the box – and one user can ruin the accessibility with one simple action like failing to add ALT text to an image or creating a hyperlink using the words “click here.” You simply cannot rely on the software to ensure accessibility. Vigilance is the key.

As I continue my search, I’ll keep you posted. Feel free to comment.

Categories: Accessibility, Software Tags:

WordPress 2.9 Update

December 20th, 2009 jeb No comments

Word Press logoThis is primarily intended for my clients who are using WordPress on the websites….you know who you are, right? Ahem…

Anyway, three exciting changes found in the new version of WordPress are “the Trash Can,”  “image editing” and “video embedding.”

The Trash Can now adds a step between removing a blog entry or page and permanently deleting. When you “delete” something in WordPress 2.9 it automatically goes into a trash can (just like in Windows or Mac OS). You can go to the Trash Can tab and permanently delete the items then, or simply wait and WordPress will automatically delete the item permanently in 30 days.

An even more exciting addition to WordPress 2.9 are new image editing tools that will pop up when you insert an image into a post or page. The editing tool features a cropping tool as well as some basic flipping and spinning features.

The third new feature may come in handy for some clients and I will be trying this one out myself. This has to do with embedding video clips. In the past, to embed a video like a YouTube clip, you had to grab the embedding code from YouTube, then open a page or post and click on the HTML version of the editor, then find the location where you wanted your video clip to appear, and then paste the code. It wasn’t always a smooth process. Well, apparently – and I haven’t tried this yet – all you have to do now is grab the embedding code and place it where you want the clip to appear right on your page, then simply paste the code right into the page (using the standard Visual editor) and voila! The video will magically appear…or so I believe. I’ll check that one and get back to you.

To “embed” a video in either a page or a post on WordPress, you actually have to use the URL link code NOT the Embed code. Your code with be the one with the “http://….”  NOT the one with the “<object width=…>” This might be a little confusing. But it works – see the embedded video at the bottom of this post.

To learn more about these new features, go to the Official WordPress blog where there is a short video explaining and demonstrating these new features.

Here is the sample of one of my You Tube videos

Static vs. Dynamic Web Design

November 17th, 2009 jeb No comments

How to choose what’s right for your organization

Web sites come in many shapes and sizes and, given the magic of current technologies, can do many wondrous things. But to many, the inner workings of a website can be confusing. Having the responsibility of developing, or updating the web presence for your organization can be a major challenge. This article is designed to help.

Two Flavors

To begin this discussion, you should know that web sites still come in two major “flavors” – static and dynamic. To the knowledgeable purists reading this, I understand that there are no truly static websites, but please allow me some poetic license here.

The terms static and dynamic have little to do with the actual look of the website and refer more to the “backend” or inner workings of the site and to some extent the functionality of some or all of the features on the site. Either can be right solution for your organization, but how do you choose the right one for your organization? Let’s begin with some information about the flavors.

Static web sites are built using individual web page files written in HyperText Markup Language (HTML), along with some support files for styling (e.g., Cascading Style Sheets – CSS), images (e.g., JPGs, GIFs, etc.) and media elements (e.g., audio, video and Flash objects). Files are usually prepared off-line on a local computer using specialized web-authoring software like Adobe Dreamweaver or Microsoft Expression, and then “published” to a web server connected to the World Wide Web (WWW). Note, there are other programs that purport to be able to create web pages (like MS-Word or MS- Publisher), but be careful. Good web design requires the right tools and techniques. Using the wrong ones can make your site misbehave or worse, not work at all.

The web files are typically “published” to a web server using a piece of software called a File Transfer Protocol or FTP client. The FTP client may be built into your web-authoring program, or it may be a separate program. The “web server” is a special application that runs on a specialized computer (also called a server) that is connected to the Internet. This web server does just what its name implies; it “servers up” your web files when “called for” by someone on the Internet.

Most organizations do not own their own web server and will use a “host” like Maine Hosting Solutions to serve up their website. The cost of this hosting service ranges from a few dollars per month to many thousands of dollars depending on the size of the website and the amount of traffic is receives. There are many options and a web design firm like jebswebs can assist you in this decision.

In a Static web site, when you want to change the content, someone has to change the local file and re-publish it to the web server, thus overwriting the original file. If it is something like a link on a menu bar, this may require that every web file on your site be changed and re-published also. So, this quickly can become time consuming.

With the exception of some simple executable files, most of the content in static websites is fairly flat, meaning it allows little or no interaction with visitors/users. In other words, people viewing the site will typically only be able to read or view the content and not able to write or submit content to the site.

When the World Wide Web was first developed in the early 1990s, designers had very limited choices of things they could do. Designs in those days were almost exclusively static in nature and developers were constantly challenged to make the user experience more interactive and exciting.

Dynamic web site development came out of that need for interaction. These sites often provide the user with the ability to interact with the content and provide some kind of feedback. But the real reason for calling these sites dynamic has to do with how the sites are constructed and maintained. In the dynamic web site, all of the content, styling files and related web documents are contained within one or more databases located somewhere on the Web and “controlled” or administered by an application called a Content Management System (CMS). The content is “hung” on the website using various templates written in a dynamic markup language such as PHP, ASP, Cold Fusion or Java. These templates are similar to HTML, but are more complex and can do a lot more things. Think of your website was a Christmas tree. The template is the tree itself with trunk and branches. It has some color and texture. The content is like decorations and lights that are hung on the tree. Each of your “pages” (also called nodes) uses the same tree, but the decorations and lights vary from page to page, node to node. Some of the “decorations” are built-in to the tree and will appear on every page/node. For example, the heading/logo area, the main menus and the footer of the page. You can also add blocks of content that will appear on every page/node. The choice is up to you.

There are many CMS applications out there  and each works a little differently. The three big ones, Joomla!, Drupal, WordPress, have become the standard in the field. These are all “open source software” meaning that they are developed by volunteer code writers who are always trying to improve the code. They are also free and freely available to be modified and changed to meet your needs.

I should point out that there are commercial CMSs as well and they can cost many thousands of dollars to purchase and license each year.

The CMS is used to create and edit content and runs on the web server itself, requiring almost no additional software. Many of the CMSs have  built in image editors which can do some basic edits like resizing the image, however serious edits are usually done off-line with a local editing application. There are many modules, plug-ins and “widgets” that can be freely added to the dynamic site making the experience for the user very rich.

All CMSs allow for multiple users and the administrator can control how much access each user has to the website.

How to Choose

Generally the first consideration when trying to decide between a static vs. dynamic website is the basic size of the site. This can sometimes be decided by looking at the size of the organization. If the site is for a single person or small organization, you can probably get by just fine with a static site. If there are a large number of people going to be involved with this website, it’s probably best to go for a dynamic design. If you are looking at some kind of an e-commerce website – in other words you are looking to sell things on the Web – you are probably going to need a dynamic web site.

Next in your consideration is how often the content needs to be updated. Static sites by their very definition tend to have information with a relatively long shelf life. That is, if the information that you are putting on a website is relatively stable and will not be changing for months or years, you can get by just fine with a static site. If your content is changing more frequently than once per month, you should consider a dynamic website.

“Who will manage your content?” is your next question. If you have on your staff personnel that know how to design and update web pages, you are all set and can have either a static or dynamic site based upon your organization’s particular needs. However, if you have a small staff, or perhaps are a small nonprofit organization staffed with a handful of volunteers, you are going to need to either hire someone or find a volunteer with extra talents and time.

Finding staff or volunteers that know how to design and maintain a website is not as difficult as it once was, but sometimes keeping that staff is difficult. These people are usually in high demand and may get a better offer from one of your competitors.

Choosing a dynamic web site will be an advantage here in that adding, deleting and editing content is very easy. If you have ever ordered anything on line, written or commented to a blog, or added a comment to an online discussion group, you can easily learn how to work with a dynamic web site.

The last question you need to consider in selecting what type of web site you want is -how interactive do you want your site to be?

One of the big advantages of choosing a dynamic web site design is that they are designed for interaction. In some ways, that’s the goal of the dynamic design; it encourages lots of people to contribute and collaborate. However, you will be comforted in knowing that with a dynamic web design, you still have complete control of who can add, delete or edit content. You can also assign sections of your website to different parts of your organization so that only these groups can see and work with the content in that section. Or, you can open your site up to the whole world for input and discussion like many people do with blog sites. This is all entirely up to you.

Dynamic websites can also import content from multiple sources including automated ones so your website will be constantly updating and changing as these sources update content. And, as noted earlier, dynamic websites can be use to conduct commerce on the Web.

We can help

Whether you are considering your first website or updating one you’ve had for years, it can be very helpful to discuss your needs with a web design firm like jebswebs. We are here to help you with each stage of the design and development experience from concept development to implementation to staff training. Please feel free to contact jebswebs today to request a free initial consultation.

Very Cool WP Plug-in

November 15th, 2009 jeb No comments

WPtouch mobile pluginAs a web designer with some high mileage on the odometer, I can scornfully remember the days of ole when the “browser wars” forced us to add all kinds of goofy code to make our web designs appear consistent – let alone appear at all – on various browsers and browser versions. There are still some designers out there who fuss about making their sites work on IE6. I say, let them eat cake!

But I have been watching the development of many of the new hand-held technologies and realizing that the time is coming when more people will be viewing websites on small 2-3 inch screens than on the 27-inch monster like the one I have on my desk. In fact, there is some evidence that day has already come.

I have prescribed for some time that the solution to all this was good coding – and by that I mean standards-based , universally-designed coding. My rationale has been that the new devices and their tiny browsers would eventually regress to the mean and adopt the W3C standards. This is turn would allow for an “efficient” transition from the big screen to the small.

With my purchase of an iPod Touch last spring and a Garmin GPS several months earlier, I have recognized that simply making a website that looks okay on the small screen is less than ideal. These small devices are much more interested in your content, not how it is displayed on the screen. When I access web content on my tiny Safari screen, I want to be able to read it clearly and navigate to the things I want. I don’t care about your “pretty pictures” and fancy Flash animation. In fact, I can’t even see your Flash!

Over the past month, I have started noticing certain blogs that, when I access them with my iPod, magically appear as though they were built inside an iPod/iPhone apps. The look, feel, buttons and controls familiar to iPod/iPhone users are all there and, more importantly, work. The first of these I notices was my local NBC affiliate WCSH-6 TV in Portland, Maine. A couple of months ago they introduced a new iPod/iPhone-friendly interface that appears when one accessed their website with a hand-held device (you can still access the “full site” by activating a button at the bottom of the screen). The effect was stunning to say the least, and joyous in that I no longer has to resize the screen repeatedly to read the content. I needed to get me one of those!

This morning I found a blogger who had a similar iPod-enhanced Word Press blog site and at the bottom I found the magic word WPtouch. A few minutes later my jebswebs blog was sporting the new look and I must say, I am very impressed.

The WPtouch Mobile Plugin by the BraveNewCode folks is an easy-to-install script that loads in seconds. Once activated, the settings page gives you all kinds of options and choices. And, once installed, my WordPress blog site instantaneously looks like it was built into an iPod app. Tres cool.

At this point, WPtouch is all I could ask for and more. But, I suspect that as time goes on, I will want more. Maybe a similar plugin for my Joomla! and Drupal sites! Maybe they already exist.

Gotta go, I feel quest coming on.

Last word, if you are looking for a great plugin that makes your WordPress blog look great on a mobile device, check out the WPtouch Mobile Plugin!

~j