The third assignment in the Blogging: Branding and Growth course called for me to look at my website’s compatibility with mobile devices. It turns out my website is mobile-friendly!
Of course, I already knew this. This site can be viewed with mobile devices and I saw that on my own. Also the Lovecraft theme’s preview site also boasted the theme’s mobile compatibility. But it was still important for me to take part in this exercise to be more acquainted with the Customize features.
My Website on Desktops
As I said in posts for my Intermediate Customization course, I chose the Lovecraft theme and played with the widgets until I got a look I wanted. The most important thing to me was the arrangement of widgets.
The sidebar has a lot of activity. So, the elements need to be arranged by a hierarchy. Everything that is included is important, but I have to balance what viewers might want to see with what I want them to see first.
I wanted my footer to have limited activity, but I included elements I thought were important for visitors, like the last 5 posts published and the latest comments. Now, the calendar might not be important in the scheme of things, but I like calendars and there might be visitors who like them, two. Also, it has an aesthetic quality to it and I found a way to balance it with other elements in the footer.
The View on Tablets and Smartphones
Naturally, the posts stack on top of the widgets for both views.
The posts look great on tablet view, and alright on the mobile-phone view.
Overall, the view is great for mobile when you consider the limited space.
However, on the tablet view has some issues with the widgets. The thing that bothered me a little was how the images for the blogs I follow were arranged. Since I only allowed 10 to be used, this was the view:
But there was only a small fix I needed to make. I changed the number to 12 (a multiple of 3).
When dealing with the screen sizes of tablets, keep in mind that the widgets will sit a certain way in order to accommodate it. Also, depending on the size and number of the images you hotlink, two may sit next to each other on a line. So make sure the images you use in text widgets have the same width and height. I did that with the images I used, with the exception of my Gravatar.