Decisions, Decisions, Continue!

Since my last post I have been doing a few things with my digital project. First of all, I spent some time playing with the CSS on the university-hosted version of Sentimental Locks. The university-hosted site only has four potential themes to choose from. Some of the colors can be customized within each theme, but there are only a few color choices per element. So, I found a helpful video showing how to use the Firebug plug-in for Firefox to isolate various elements, see what they would look like in different colors, and then make the necessary additions to the style sheet. The results were minor in the grand scheme of things, but they felt like a victory none the less and I learned a thing or two along the way.

Still, the site was looking quite bland. On the other hand, my WordPress.com version was looking a little empty as well. I had already added several different social media widgets to my WordPress.com site, but I hadn’t set up the necessary accounts to connect it to. I went about doing that and the site started to look much more like I had imagined.

I want the project to serve as a central point connecting disparate resources and pieces of media from around the web, and these social media widgets are a necessary tool to achieve that end.

Unfortunately when I popped back over to the U-hosted version I realized that hardly any social media widgets were available.

Specifically, I wanted Twitter, Flickr, Pinterest, and GoodReads widgets. From browsing around the web I know that most people have a visual interest in hairwork; you can find many images on Pinterest and Flickr, and I wanted to tap into these resources to include plenty of visual elements. I wanted to include GoodReads as a way of connecting those who may have seen images of hairwork with traditional print media (both popular and academic) that they can learn more from. Twitter is used simply as a way of connecting with a wider audience; it is probably the least necessary of the social media widgets.

In the images below you can see that Twitter is the only social media widget available through the U-hosted version of the site. I was hoping that I would be able to add plug-ins and themes through the hosted version, but these functions seem limited to the upper level site administrators.

SideBySideWidget1

SideBySideWidget2

I have also highlighted the “Tag Cloud” widget, available in both versions, that I think is useful for organizational purposes. The one thing that was available and automatically included in the U-hosted version was the “Translate” widget which is handy, but not strictly necessary.

(A note on the “sort of” Pinterest widget: There is no Pinterest widget on the free WordPress.com version. I tried embedding the widget codes that Pinterest will generate for you, but, as they use java, they wouldn’t work. Luckily I found a site that tells you how to turn the Flickr widget into a Pinterest widget and a site that provided the html code to add a Pinterest follow button via a Text/Html widet.)

The other side of the decisions between the two versions of the site boiled down to mostly aesthetics. I prefer the themes available through WordPress.com, despite the lack of customization available for free, because they feature better fonts, neater layouts, and better integration of media.

In the images below I have highlighted some of the features that really sway me in the direct of the WordPress.com version. Pure aesthetics wise, the theme fonts are better, the layout feels like there is less wasted space on the tops and sides of the page, the tags on the WordPress.com version are stylized tags, rather than just text, etc.

SideBySideStyle1

SideBySide2Design

The images I attempted to add in the U-hosted version sometimes resized themselves very strangely and skewed the proportions. The image of the diadem in the first screen-cap above had to be resized through the html code because it wanted to be taller than it was wide, opposite of the original proportions of the image.

You can also see that while I was able to directly embed an archive.org book viewer on the WordPress.com version, the same would not work in the U-hosted version. I tried various workarounds, but eventually just settled on providing a link to the book.

The U-hosted version does list the categories each post is filed under at the top of each post, which is nice.[edit: I just noticed the categories are also on the WordPress.com posts so this is basically a moot point.] This isn’t really necessary anyway, because the menu on the WordPress.com version scrolls with the viewer to provide easy navigation to any of the same categories. Indeed, the menu overall in the WordPress.com is much more dynamic.

I’m sorry Zoidberg! It’s not my fault, cut me some slack…

So, that’s where I’m at now. I’ve mostly settled into the WordPress.com platform, but I do plan to cross-post on the university hosted version as well.

Now that I’ve added a few posts and set up all the social media accounts, feel free to stop by and take a look!

WordPress.com – http://hairworkhistory.wordpress.com

University Hosted – http://clas-pages.uncc.edu/hairworkhistory/

Twitter – @hairworkhistory

Pinterest – Sentimental Locks / hairworkhistory@gmail.com

Flickr – Sentimental Locks / hairworkhistory@yahoo.com

Please share your comments/thoughts/suggestions in the comments, I would love to hear them!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s