Blog Content Organization : Labels and Categories

Content organization is something you want to start thinking about early on in your blogging journey. The sooner you start, the easier it is to maintain, the more likely you are to get started and keep it going. No one wants to organize 100+ posts worth of content in one shot; ok maybe some people who love to organize (I started when I had about 40 posts because that's when I started to have enough stuff to organize into categories). If you want to just dab your toes in it to start, I recommend a Project Gallery type of page. You don't need to categorize yet, but all your projects are in one place and easy to navigate. But after a while, you'll want to start separating your content a bit more.

If you are on Wordpress, you're very lucky to have Categories and Labels. Oh how my organizer self would love that! But alas, I'm still on Blogger, so it's all one jumbled thing: Labels.

The way I use labels is I have category labels (craft, DIY, org, tips, blogging, personnal, and the like), sub-category labels(season/holiday craft, sewing, office org, kitchen org, food tips, tech tips, etc), material labels (paper crafts, wood crafts, paint crafts, etc), room labels (kitchen, bedroom, bathroom), and I think that's pretty much it for now. If at some point I see that there are a few posts that have something in common, I can easily just add a label to group them together.

Having them organized, or knowing how you want to organize them, is one part, the first line of defense if you will. The other part is knowing how to display that. I'm doing a navigation bar in the header section of the blog for sure, separate from the pages navigation. I'm probably gonna scatter some other organization in the sidebar and footer, but I haven't quite decided what will be where yet. One step at a time!

Blogger also provides a couple ways to display your organized content, Archives that organizes by date, and Labels that simply displays all your labels. That's probably what I'm going to use in the sidebar and/or footer. But honestly, not many people search with labels, which I'm not surprised, it can really be overwhelming!

Which is why I want to use the header navigation efficiently as the main way for readers to browse my content.

You can display whichever categories you want in the navigation bar, but personally less is more and I want it to be concise. I thought the best way to do it would be to have the big categories displayed outright, which then leads to the sub categories (either a drop-down menu or on the page that is linked). If I put the sub categories up there, then I think there would be too many and it would just be overwhelming; again personal preference, as I really love hierarchical categories (categories within categories, and so on...), it just makes sense in my mind.

But I'd prefer not to rearrange my whole hierarchy of categories and sub-categories every few months. This has been rather hard for me, coming up with categories that are broad enough, but also distinct and intuitive enough that someone else would be able to find what they are looking for.

I haven't yet decided if I'm just doing one single page (like the project gallery), and then those links in the navigation would be anchors to sections on that one page, or different pages for the main categories and then anchor links to the sub-categories sections. I just don't have too much content, but I'd like to plan for the future at the same time. Decisions, decisions.

Here's where I'm at so far: 3 main categories, with their sub-categories in parentheses:

1. Craft and DIY (seasonal and holiday crafts individually or together, sewing, crochetting, decor, wall art, built it)
2. Homemaking (organization, cleaning, recipes, tips for the home, green living, thoughts in general)
3. Technology (tips, blogging, apps, social media, etc)

Here's where I go back and forth. Do I split the main categories more? Crafts could be one, DIY an other, it's just hard sometimes to seperate the 2 (like my sunburst mirror, is it a craft or a DIY? it's definetely decor though). Basically, to me Crafts and DIY, covers everything handcrafted.

Then there's Green Living that could be an indivudual category, but I also think it fits well with the homemaking global category. This is more things you DO to make a home, rather than MAKE, you know? But there could be some overlap, say if I make reusable ziplock bags, which is sewing and green living, but I think that's ok, too. It's just because of my green series I did in October, I have a lot of green posts! Though they are mostly round-ups.

The Technology category is basically a main category because I didn't think it fits anywhere else, but it's still something that I like to cover, just not as heavy as the other categories. Technology just englobes everything we do, not just homemaking, hence why it's its own category.

I dunno. Some I'd like to take out of sub categories and make main categories, but they ARE sub-categories, and then if I make THEM main categories the other sub categories will feel unloved :( lol Am I putting too much thought into this? Probably...

TBC...

Continue Reading...

Blog Content Organization: Project Gallery

Blog navigation, to me, is one of the most useful, and essential part of a blog. You want any readers coming to your blog to be able to find more stuff to read, which means more pageviews for you! So you have to help them find what they want, and more importantly, what they didn't even know they wanted!

At the beginning of your blog journey, you're gonna dab in a bit of this, and a bit of that. You may not know what your categories are, and you may not want to commit yourself right away. That's ok. I suggest you start a Project Gallery as soon as you can, though! You don't need to categorize, but as long as readers can easily find all your blog posts, that's what you want. Have a thumbnail of your most descriptive image, and your post title with it, that will suffice.

My Project Gallery was one of my 4 navigation buttons in my first blog design, and I think it really helped readers to find more content they might be interested in.



I've been using InLinkz Project Manager (formely Link Manager)(which is now unfortunately no longer free, but for 12$ a year I paid for it) to manage my Project Gallery. It does it all for me without me needing to code anything, just need to enter the information. Only thing is that I don't know how it will work with my responsive design, so I might need to change that out.

It doesn't matter how you do it, but as long as you have all your projects on one page, with a descriptive image and title, your readers will be happy. I say have both the image and title because I'm visual and I decide what I want to read most of the time based on the image, but sometimes I need to read the title to know what it's about, and sometimes it's the title not the image that intrigues me. Give your readers choices, not everyone browses the same way, and there's nothing wrong with that!

After some time blogging and x number of posts, you'll start seeing a pattern and categories will start to form themselves. That's when you want to further categorizes and sub categorize your posts. I'll talk about that next post.

Continue Reading...

Choosing a Color Palette

I mentioned a while ago now that I wanted to write about choosing a color palette, but have been putting it off because I wanted to code more. Now I want to get it out of the way.

Now, all time I designed my blog I chose a scrapbook kit and that pretty much dictated what my color palette was going to be. This time around, all the elements I found that I liked were just plain overlays, doodles, etc that were just borders without a predefined color.

Also, maybe I didn't find a scrapbook kit I liked this time around because the color palette was off. Anyway, I had to choose my own colors to design with. Where to start??

I looked through Design Seeds to find a scheme I liked. I copy pasted the ones I liked into OneNote. I quickly realized that the other I liked were very colorful, and not shades of the same color, or couple of colors. Not surprising, I LOVE color. The more the better.

The thing was that I wasn't satisfied with any one image and color scheme. I wanted to mix and match. But that doesn't always fit together. I picked one image that I liked best and that I wanted to use the most of its colors, it was this one:



I started an image in photoshop a made circles of the colors. Then I went and found more images, that already had at least one of the colors I was looking for, and others that weren't in the first image, and copied their colors into the same photoshop major collage, as I'll call it. I must have used about 10 different images, and in the end I had this collage of colors:



Naturally, that was way too much! I had a hard time finding the right green and blue. So I picked the ones that were my favorite, then crossed out the colors that didn't match well, or were slightly off, and in the end I ended up with this smaller collage for a color scheme:



Still, 9 colors is a lot!! But there are 5 (or is it 6?) major colors, and some tones of the main/favorite 3. I plan to/have been doing my design mostly around the 3 main colors: the pink (my very favorite color in the scheme, thought it would be the orange, but no!), the blue, and the orangey yellow. The pruple and the green are more for when I want more colors instead of more tones (I'll use them when I need to make a list of similar elements, like the follows buttons). They are the colors that are featured prominently in the logo, which was the first piece of graphic design I made up, and what's setting this tone for the rest of the graphics.



I'm still debating whether I do a rough tutorial for how I made the header graphic. I played around with photoshop until I was happy, mostly, but maybe there are some tricks one might find helpful if they are doing their own graphic elements (FYI, I am not that great with photoshop, or graphic design...). At the same time, I don't want anyone copying my effect, so yeah... If you got any questions as to how I did it with photoshop (I think if you look at the graphic long enough you can see what I did) just ask in the comments :)

So with that, the theme I'm going for is: doodly, swirly, colorful, fun, whimsical. At first I thought I'd be outlining everything in black, but as I go along I find myself removing that aspect more and more- it's just too harsh. I'm still using it for some elements, but dulling the blackness down a bit, either by using a more charcoal color, or just simply decreasing the opacity of the black layer.

Continue Reading...

Header Layout

When I started thinking about this new blog design, I knew I wanted to make better use of my header. The space above the fold is very precious real estate, it's the first bit of your blog a reader sees, it sets the tone and feel of a blog.

As much as I loved my old header, it was just an image, and it was not very useful in any other way. Ok, I did have a menu below it, that was useful, but that's it.

It's become more and more of a trend to put different elements right within the header, for ease of use to the reader. Social media icons, email subscription, search bar are all a common part of the header nowadays.

But I also find that everyone does it the same way. I wanted to incorporate more into the header, but make it different than what we're used to seeing on other blogs. I needed take it up a notch, and make it just a little more fun.

I also gave a lot of thought to how the various elements in the header would rearrange based on the screen size; for big screen PCs, tablets, and smartphones. I might just be really complicating things! We'll see. I've been putting off tackling the header because of this; I just don't know if and how it will work.

But enough procrastination, I had to start somewhere.

First things first, allow more gadgets into the header part of the blog layout. This tutorial will explain how to do that, and a little more. Easy peasy. Then you have to tweak the sizes and play with floats as you add new gadgets to make it go where you want it to.

What I decided to add to my header are the following: logo, pages menu, tagline, social media buttons (including follow buttons RSS and email), search bar, and navigation bar (for content, as oppose to the pages menu).

Don't get me started on knowing to do a pages/menu bar, vs/and a navigation bar. I've thought a LOT about how to organize the blog, and I might still change things around; I'll probably write about that at one point. Navigation and blog organization is a HUGE thing for me!! And it gets all the more trickier with responsive design.

So, after a lot of thinking, at non appropriate times... (it really gets all consuming this blog design thing!), I've come up with the following layout for the blog, at desktop resolution:



I know it's busy. But hopefully I will be able to make it really pretty, functional, and... flowy, for lack of a better term. There's gonna be lots of trial and error!!

Now that that's done, I gotta do the graphic elements for the different parts. I'm a real big fan of hover effects, but I'd like the hover effects to be achieved with CCS(3), so I don't have to have 2 different images, and so it saves on load times. I've got a lot of great ideas, especially from this article: . It. will. be. AWESOME! I'll also probably be using effects like opacity, background color (with transparent elements in the image so the background shows through), make an image bigger.

BUT, and this is the sad part, I recently realized that tablets won't be able to see all my cool hover effects. sniff sniff. I'll probably try out the :pressed pseudo class (pseudo element? can't remember which is which right now), at least there will be the hover effect for the split second someone touches the button on a touchscreen. And probably :active too. Same effect at active as hover and pressed. That is the plan!

Now the thing will be not to overdue it. I think there's gonna be a fine line, and I'll probably be walking RIGHT on it's edge. I REALLY LOVE hover effects!!

TBC...

Continue Reading...