Sep252008

Backing Up Your Site

Recently a client of mine lost her entire site when the server her site was hosted on crashed unexpectedly.  Many things can go wrong with a website, most of which you may have no warning of and no control over.  For that reason, performing regular back ups of your site database is a necessity.  Bad things can happen to your site, but if you have a back up, you can get your site up and running again in no time, with no data lost.

What do I need to back up?

Your Theme Files. If you are running a WordPress blog/site, there are two things you want to be sure you keep backed up: your theme files, and your database.  If you’re using a free theme you found on the internet, backing up the theme may not be as big of a deal because you can easily download the theme from its original source.  But if you’ve had a custom theme created for you, or you’ve extensively modified a theme you discovered online, you definitely want to make sure you keep a back up on your computer (or maybe even burned to disc).  Do not count on your designer keeping a back up of your theme for you; many web designers delete finished project files off of their computers in order to save space, and keeping back ups of your files is your responsibility.

If you don’t already have a copy of your theme files on your computer, you can download them from your server.  Using the FTP manager in your cPanel or an FTP program such as FileZilla, navigate to your themes folder.  The path will be something like this: public_html (not used on all servers) > your blog directory > wp-content > themes.  Then select your theme and download the entire directory to your computer.

Your database. Your blog’s database contains all your posts and pages, and all of the customized settings specific to your blog.  This is the core of your site and the item it is most important to back up.

Backing Up a MySQL Database

Your site’s database is most likely a MySQL database.  You can find it by logging into your cPanel or hosting account and clicking on phpMyAdmin.

Once you’re in phpMyAdmin, you’ll see a menu on the left hand side that will list all databases your site is using.  It’s a good idea to back up all your databases, but you can only do it one at a time, so select the database you want to back up.

On the right side, select “Export” from the horizontal menu across the top.

You should now see a screen that looks similar to the figure below.  Under “Export” make sure all options are highlighted, and the SQL radio button is checked.  Under “Structure,” check “Add DROP TABLE,” “Add AUTO INCREMENT value,” and “Enclose table and field names with backquotes.”  Under “Data” check “Complete Inserts” and “Use hexidecimal for BLOB.”

Then at the bottom select “Save as file.”  Under compression you can choose whichever option you’d like, although I recommend selecting either “None,” or “zipped.”  If your blog has a large number of posts, “zipped” might be the better option.  Then click “Go” and the database backup will download to your computer.

How Often Should I Back Up?

That depends on how often you post to your site, and how critical your content is.  If your site is business related and you update it frequently, backing up weekly (or maybe even more often than that) would probably be a good idea.  If you only post once every other week, you might be okay to only update once a month.  Ultimately, you need to decide when and how often to back up based on your needs.

My Site Crashed - Now What Do I Do?

If something has happened to your site and you have a back up of your database, your site can be restored to the way it was at the time of your most recent back up.  If you’re not sure what exactly has happened to your site, contact me and I can try to diagnose the problem.  From there I can help you decide what steps to take next.  I provide a variety of maintenance services including database restoration and general troubleshooting.

Aug262008

August ‘08 in Review

Well, it has been a BUSY summer!  I am now booking for October, so if you’ve got a project you’d like me to consider, hop over to the Contact page and drop me an inquiry!

Here’s what I’ve been up to in August:

Cat of Your Memories Live was ready to start up her own scrap-for-hire business, and wanted a professional-looking blog to use as her business front.  I created a sleek, monochromatic design for her, complete with drop-down menus and an extra-wide posting area.

Erin of My Urban Suburban wanted to start a blog to inform people in her area of all the hip and trendy restaurants, shops, & events available to them.  Here the goal was clean and simple with a touch of retro-chic.  In addition to the blog design and installation, I hooked her up with site stat tracking and social bookmarking tools through Feedburner to help her understand and expand her readership, and a double opt-in mailing list that will allow her to keep her readers up-to-date on all the latest posts.

Jillian Kirby was one of my first blog design clients, and I was so flattered when she and her business partner came to me to help them get the site for their new business venture up and running!  La Storia Studios combines the talents of two amazing photographers to cover all of life’s milestones.  They had already purchased a WordPress theme they wanted to use, so the design is not mine, but I helped them customize the graphics and colors to match their logo, and I added a secure “client’s only” area to the site.  They are not officially launching until January 2009, but I can’t wait to see what these talented ladies come up with next!

Aug062008

Up and Running Again

I appreciate everyone’s patience during my move.  I’m happy to report that we are more or less settled into our new place (okay, there may be a few things still in boxes), and I am back to my normal routine.  I’ve gotten back to everyone who contacted me over the weekend, so if you haven’t heard from me, it means I didn’t get your email–please try resending or contacting me through the site here.

I’ve booked a couple projects for September, but I have availability for a few more, so if you’ve got a project you’d like me to consider, go ahead and send me an inquiry! :)

Jul302008

Moving!

I am in the middle of a cross-town move, and everything is in boxes (and chaos), so I just wanted to let everyone know I may be slow on replying to emails and requests for proposals.  I expect to be all settled into the new place and hooked up to the internet by Monday.  If you send me an email between now and Monday, I should get back to you by mid-week.  Thanks for your patience!

Jul232008

Widgetize It!

Controling Your Sidebar Content

From listing blogroll links and pages, to displaying custom text, a search bar and even a calendar, the WordPress sidebar has a lot to offer. But what if you don’t want all that information in your sidebar? Or what if you want to rearrange the order of your sidebar content? Take advantage of WordPress’ Widgets to display only the content you want, and in the exact order you want!

Introducing Widgets

You can find the Widgets under the Design tab of the Dashboard. On the left side is a list of all the sidebar options (or Widgets) available, and any sidebar widgets currently in use (if any) are displayed on the right. If you have multiple sidebars, you need to be sure to select the one you want to edit in the drop-down menu at the top of the right-hand column. Be sure to choose “show” once you’ve selected the sidebar you want to edit.

Fig. 1 - The Widgets page of the WordPress Dashboard.

Fig. 1 - The Widgets page of the WordPress Dashboard.

Adding and Editing Widgets

To add widgets to your sidebar, you just click the “Add” link on any widgets you want to include. You can rearrange the order that the content appears in by dragging and dropping the widgets in the right-hand column into the desired order. Hit “Save Changes” when you’re done.

Fig. 2 - Adding Widgets to your sidebar.

Fig. 2 - Adding Widgets to your sidebar.

The last thing to add is that you can edit different things about each of the Widgets. Choose “Edit” on the Widget you’d like to edit, and the Widget will display the properties you can change. All of the Widgets allow you the option of changing the title. For instance, you can name your pages list “Navigation” instead of “Pages,” if you’d like. Some Widgets allow you determine other properties as well. The Recent Posts Widget, shown below, allows you to choose how many recent posts are listed.

Fig. 3 - Editing individual Widget properties

The Power to Create an Effective Sidebar

Widgetizing your sidebar gives you complete control over sidebar content. You can decide what sidebar content is vital to your site and most useful to your audience, and what content is just too much information. Take a look at your sidebar today. Does it have all the information it needs? Or does it overwhelm visitors with all its options? If so, the power is in your hands–just widgetize it!

*A note: while most WordPress themes support a widgetized sidebar, some older themes and some custom-designed themes won’t. If you play with your sidebar widgets and discover that when you view your blog, the sidebar either doesn’t display the changes you made, or appears broken in some way or another, it probably means that your theme doesn’t support widgets. To fix a sidebar broken by widgets, simply go back to the Widgets page, remove all the Widgets, and click “Save.”

Jul172008

WordPress 2.6 is Now Available!

WordPress 2.6 is now available.  I updated my site with it last night and have spent the morning exploring the new features so I could give a report.  I’ve found quite a few things that I think make it worth the upgrade.

If you use lots of images in your posts, you’ll love how 2.6 handles images.  The upload interface looks the same as 2.5.1, but now you can add captions to your images that actually show up under your image in the post.  Image alignment features are also much more robust with the new release.

Another feature I love is the Press This bookmark you can add to your bookmark toolbar that allows you to pull online content from any page you’re surfing and immediately insert it into a new post.  Just hit Press This while viewing the page you’d like to link to (or include content from, i.e. YouTube, etc.), and WordPress’ Write Post page pops up in a new window, with the link ready to go in your post body.  After that, just blog and publish!

To check out more of WP 2.6’s features, check out this link: WordPress › Blog » WordPress 2.6.

And if you’d like to upgrade but you’re not sure how or the idea of doing it yourself makes you nervous, contact me about my upgrade service!

Jul152008

Now Booking for September!

My calendar is full for August, and I’m now booking for September.  Drop me a line if you have a job you’d like me to consider!

Jul092008

Pixel Perfect Pictures

Preparing Photos for the Web

You’ve got a fabulous new blog, the perfect place for sharing your photographic art with the world (or at least your long-distance friends and family). The photos are on your hard drive, just rearin’ to go. So, it’s just upload and post. Right?

Hold that thought. We’re going to take a look at a couple steps you can take to make sure your pics show up pixel perfect on the web! Fire up your favorite photo editing program and let’s get started!

Dimensions First

Digital cameras produce high-resolution photos. The higher the resolution, the crisper the photos print, but high resolution also means that on a computer screen, digital photos show up huge. So before we can post photos on the web we need to resize them.

With your photo open in Photoshop, bring up the Image Size dialog box by going to Image > Image Size (fig. 1). With the Scale Styles, Constrain Proportions, and Resample Image boxes all checked, make sure that the Resolution is set to 72 pixels/inch. Then set the width in pixels to fit your blog. Most blogs have posting areas between 400 pixels and 600 pixels wide. If you’ve had your blog custom designed, ask your designer how wide your post area is. If you’re unsure, it’s always better to err on the small side; posting a photo that’s too wide can mean photos are overlapped by your sidebar, or can even throw your blog’s layout out of alignment.


Figure 1. The Image Size Dialog Box

Protecting Your Images

While the internet is great for sharing information with people all over the world, it also leaves any information you post available to people who are less than honest–piratesOn the internet, the term “pirate” refers to anyone who acquires data illegally from the internet and/or shares or uses it illegally. and worse. For this reason, you should never post any information you don’t want the entire world knowing, and you should protect any original artwork or photography you post. You can do this by adding a simple watermark to your images.

Now that you have your image resized, type out a simple watermark over the photo with the Text Tool. In my example I typed “©2008 Genevieve Sass.” If you have a photography business, you could use your logo as your watermark–just drag it onto your resized photo. Next we want to change the blend mode of the text or logo layer so that it still shows up clearly, but doesn’t distract the viewer’s eye from the photo so drastically. I find that Overlay and Soft Light work best on most photos. The goal is to place a subtle mark on each photo that will make it more difficult for someone to try to pass off your downloaded image as their own.

Figure 2. Adding a Watermark.

Saving for Web

Now we’re ready to save our image. In Photoshop, select File > Save for Web. This tool optimizes our file for viewing on the web while keeping the file size down at the same time. Make sure the file type is set to “JPEG,” and then adjust the quality setting to be as high as possible while keeping the file size around 100kb. The file size is displayed below the main image window on the left. When you change the quality setting (you can either change the drop-down menu box from values low to maximum, or you can change the number slider to the right of that, from values 0 to 100), the file size will change. Play with it until the file size is between 100kb and 120kb. Then hit Save, and save the image to a file you can remember–this is where you will find the image when you go to upload it to your blog.

Note: Once you’ve resized your image, DO NOT choose File > Save. This will save the small web version of your image over the original print-sized version of the photo!


Figure 3. The Save for Web Dialog Box.

So, there you go! Three simple steps that will help your pictures look fabulous on the web!

Jul072008

WordPress 101

Navigating Your WordPress Dashboard

I always recommend WordPress to clients who contact me for blog design and installation, and since many who contact me aren’t familiar with it, I decided I’d do a little walk-through of the WordPress Dashboard for anyone new to WordPress. Whether you’re considering a WordPress blog, or you just started out with your very first WordPress blog, I think you’ll find it has features to meet just about any blogging need, all in an easily-navigated, user-friendly dashboard–no html knowledge required! Let’s get started!

The WordPress Dashboard

Figure 1. The WordPress Dashboard
This is what you see when you login to your WordPress Dashboard. This initial page gives you a summary of your recent blog activity: the number of current posts and pages, what themeIn WordPress speak, “theme” refers to the set of template files that defines the look and presentation of your blog. You can change the look of your WordPress blog just by installing and activating a new theme. More on that later. your site is currently using, a list of recent comments left by readers, and a list of incoming links (people who have linked to your blog or blog post from their site). It also has navigation across the top that takes you to the various areas that control the different aspects of your site: Write, Manage, Design, Comments, Settings, Plugins, and Users.

Users is the area where you can change your password and add bio and contact information to your profile. If you are running a group blog, it is also where you, as the administrator would add other users and change their permissions to be able to post to the blog. The Settings area is where you can change things like your blog’s title and tag line, comment notification options, how many posts per page, etc. Plugins is where newly installed plugins can be activated (if you’re not sure what a plugin is, you don’t need to worry about this area).

I’m going to focus mainly on the other four areas for this little walk-through: Write, Manage, Design and Comments.

Write

Figure 2. The Write Area

The Write area deserves its own article (and I will probably post on this separately at a later date), but for now we’re just going to cover the basics. From this area, you can write new blog posts, new static pages, or new links to go in your blogroll or “favorite links” lists–just under the “Write” tab, you’ll see the links that let you change between the “Write Post” page, the “Write Page” page, and the “Write Link” page. Each of these pages displays clearly labeled fields for you to enter your data into, and on the right are the publishing options for your new post (or page, or link). For pages and posts, you can save a draft to work on later (find saved drafts in Manage > Posts (or Pages) > Drafts), preview your new post or page before it’s published, mark it as a private post, and finally, publish your new post or page so that it’s live on your site. The figure above shows the “Write Post” page, which also includes additional fields below the main post area where you can choose the category(s) you want to include your post in, as well as any tags you want. Below what is shown in this figure, there are also “Advanced Options” that I’ll cover in another post.

Manage

Figure 3. The Manage Area

The Manage area is the other area in the WordPress dashboard that deserves its own post, but here are the basics. Again, each of the areas that can be managed are listed below the Manage tab: Posts, Pages, Links, Categories, Tags, Link Categories, Media Library, Import, and Export.

Manage Posts and Pages is pretty self-explanatory; here you’ll find a list of all your posts (or pages), and to edit, you simply click on the title of the post (or page) you’d like to edit, change what needs to be changed, and then hit save. It’s the same with Links–click on the one you’d like to edit, and edit away! You can also add new links from the Manage Links page.

Categories, Tags and Link Categories allow you to create an organizational structure for the content you create in the Write area. In WordPress, Categories and Tags are virtually interchangeable. The two noticeable differences between the two are found in how they are displayed on the front side of your blog (categories appear in an ordered list with one per line, and tags are displayed in a “cloud”), and how you assign them to posts on the Write Post page (categories are listed below the post area with boxes you can check, to assign a tag you have to type the tag into the tag field on the Write Post page). In the Manage area, Categories and Tags are treated the same–you’ll see a list of your categories (or tags), and from there you can delete or edit them, and towards the bottom of the Manage Categories (or Tags) page you can add new ones. Create multiple Link Categories to separate your links into individual lists, and whatever you name the category, that is what the header of that list will be (i.e. Family Blogs, Art Blogs, etc.). The default link category is “Blogroll,” but if you don’t want to use this category, simply delete (or reassign) all the links in that category.

The Media Library is where you can find any “media” you have uploaded and included in your posts. All photos, music, videos, and podcasts that are found in your posts can be managed from here.

The Import and Export pages do just what they say. If you have a blog hosted elsewhere and you’d like to transfer all those posts to your new WordPress blog, the Import area is what you need. Simply select the blog platform you are importing old posts from, and follow the instructions provided. On the other hand, if you decide to move your blog to a new domain, or a new platform sometime down the road, Export will walk you through creating an XML file of your WordPress blog posts that can be imported to your new blog.

Design


Figure 4. The Design Area

This area, as you could guess, pertains to the Design of your blog. Available Themes (including WordPress Classic, and WordPress Default, which come with every WordPress installation) are found on the Designs Themes page. You switch between them simply by clicking the one you want to display. The selected theme will appear at the top under “Current Theme.”

The Design Widgets page allows you to widgetize your sidebar by dragging and dropping content widgets into the order you’d like them to appear in your sidebar. If you decide you’d like to switch back to the default sidebar, simply remove all the widgets from your sidebar and hit save. Widgets are a newer evolution in WordPress, so some older themes may not support widgetized sidebar.

You can edit the actual code and stylesheet of your them on the Design Theme Editor page. Unless you are familiar with CSS, HTML and/or PHP, I suggest leaving this area alone.

Comments


Figure 5. The Comments Area

Recent Comments are listed in the Comments section of the dashboard. This is particularly important for approving valid comments and getting rid of spam comments. It’s a good idea to set your comments settings (in the Settings > Discussion section of the Dashboard) to notify you when new comments are posted, and also to allow you to moderate comments made by first-time posters before they appear on your site. This helps to prevent spam from littering the comments of your posts. Once you approve a comment made by a poster, all future comments made by that person will show up immediately.

This concludes the walk-through of the WordPress Dashboard. I’ve only covered the very basics in this post in order to give new and potential WordPress users a sense of the major features of WordPress, and hopefully I’ve managed to do that without causing information overload. When I set up WordPress blogs, I always tell my clients to just explore for themselves everything the Dashboard has to offer. As long as you stay away from the Design Theme Editor area, there is nothing you can break.

In future posts, I hope to offer more specific ways you can use WordPress to effectively reach your audience and create a positive user experience for visitors to your blog. So, stay tuned for more!

Jul022008

Now Booking for August!

My schedule is all booked up for July, and I am now scheduling for August!  If you’d like to be added to my design queue for August, drop me a line!

Lilac Creative