Category: Web Design

  • How to Add an Additional Color Scheme Option to Shopify Debut Theme

    How to Add an Additional Color Scheme Option to Shopify Debut Theme

    In order to add a new color to the color scheme in the Debut Shopify theme, there are at least 5 files that need to be updated:

    • settings_schema.json
    • settings_data.json
    • base.css
    • image.banner.liquid (or whatever section you’re updating)
    • theme.liquid

    The basic process is this:

    • Add settings in settings_schema.json for the new color picker in theme configuration settings. This is what allows the visual web interface to ask for the data. Specify the color ID.
    • Add properties in the settings_data.json file for the data values to be stored in both current and default forms. Use same ID as in settings_schema.json.
    • Add the new color ID to the theme.liquid file to translate the hex code into RGB numbers and assign it to a variable.
    • In the base.css file, create and assign the CSS class to the same variable used in theme.liquid AND add the CSS class to EVERY instance where you see other examples of other colors.
    • Update the schema and CSS code in the image.banner.liquid (or whatever section you’re updating).

    Here’s a visual:

  • WordPress Home Page Blank or White Due to Default HTML File after Migrating to New Web Host

    I had a problem where WordPress had a blank or white home page after migrating from another host. The answer turned out to be that there was a “default.html” copied over that the old web host used, but the new one didn’t. And it was that file that was making the home page of WordPress blank or white, while the other pages worked just fine.

    Answer/Solution: delete the default.html file in your root website’s directory that was copied over from the other host.

    From AndreJ at WordPress Development at Stack Exchange, on the topic of “Migration issue – blog home page is blank“:

    Sometimes when you are migrating your page you can get blank home page.
    I found the problem with the home page not displaying from the base URL. it was because there was a default.html file in the root directory. The old hosting server must had set the order to look for start files to PHP extension as the first default so it ignored the default.html file in the root directory and loaded index.php.
    The new hosting server must have the default extension it looks for as an .HTM or .HTML file and was loading the blank default.html file first. Once I deleted the blank default.html file the hosting server started loading the index.php file and displayed the WordPress home page.

    Thanks, AndreJ!

  • How to Install WordPress on Root Folder & Sub Folder on a Windows IIS Server at Godaddy

    One of my clients uses Windows hosting on Godaddy. They wanted to host a new WordPress website on a new subdomain when a WordPress website was already installed on the their primary domain. I wasn’t familiar with Windows IIS hosting at the time (WordPress is normally hosted on Linux servers), and so gathering this information took several days and a call to Godaddy Support before I figured it all out.

    Here are the 4 steps to install WordPress on a subdomain in Windows IIS in Godaddy when a WordPress installation already exists on the primary domain:

    1. Upgrade to Deluxe or Ultimate Hosting
    2. Setup the Subdomain and Subfolder
    3. Create the web.config file in the Subdirectory
    4. Install WordPress Like Normal

    Godaddy Hosting Control Panel

    1. Upgrade to Deluxe or Ultimate Hosting

    Because they used Godaddy, they first had to upgrade to a deluxe hosting package as the base, “Economy” hosting plan does not allow you to host websites on subdomains. An upgrade was an extra $2 a month. Thanks to Chip O’Toole for this tip.

    2. Setup the Subdomain and Subfolder

    In Godaddy, this is done in the hosting control panel under “Manage Domains”. Click the domain you want to manage, and then create a new subdomain. It will prompt you to create a folder with the same or different name after that. Once a folder is created, go back to the control panel and setup a new FTP user account to access that folder if needed.

    3. Create the web.config file in the Subdirectory

    Once the hosting was upgraded, the subdomain still did not ‘show up’, but simply redirected to the primary domain’s website. To fix that, you have to create a web.config file in the subdirectory you created in step 2. To do that, go back to the hosting control panel and click on “File Manager”. Browse to the subfolder and then click new. Copy and paste the following code:

    [xml]




















    [/xml]

    Thanks to Samrat Saha on the WordPress Forums for this solution, which is based on this “Install WordPress on IIS” tutorial from Microsoft.

    Note:Be sure to change the “www” to your subdomain name, “youranotherdomain.com” to your primary domain name, and “\your\sub…” directory path to the actual path.

    PS. The “R:0” are “back-references to condition patterns“.

    4. Install WordPress Like Normal

    You may not be able to use the one-click install application in Godaddy for a subdomain, but you can still manually install WordPress. First create a MySQL database. Record all of the info from setup such as database name, username, password, and host name. You’ll need all of that to configure WordPress. Next, download the latest installation files from WordPress.org. Unzip the file and upload to your sub-folder using FTP. Once the files have been uploaded, go to [subdomain.primarydomain] and follow the prompts to create a configuration file.

  • How I Almost Lost Everything

    Well, not everything, but my entire blog.

    I went to create a blog post yesterday and instead of a publish button, there was a “Submit for Review”. Not really thinking, I just clicked it anyway, the page refreshed, and the post was gone.
    After doing some research it appeared that the database was full. I was using 150.6 MB out of an allotted 100 MB.
    While modern databases now come in 1000MB chunks, this database was started back when the standard was 100 MB and they had graciously let me go over by 50% until cutting me off (without notice).
    What else happened because of this?
    Backups had stopped running. Since there was no way for the plugin to add more data to the database, a new backup could not be created.
    One option was to clean up the database with a plugin, but I couldn’t add any new plugins because again, the database was so full, it couldn’t make an entry.
    How did I fix it?
    I created a new 1000 MB database, did an export, then attempted to import into the new database using WordPress’ import tool, but the file was too big (6 MB). The max size is 2 MB.
    So instead I went into the web host and used PHPMyAdmin to manually export and attempt to import the data. This also didn’t work because it exceeded the “max packet size”.
    Now I was starting to get a little panicked.
    I went back to the website and deleted all spam messages (~3000), which freed up enough space to install a plugin called WP-Optimize. I ran that, which deleted all revisions, freeing up almost half of the database, but the export file was still just as big.
    Another thing I noticed was that the theme I recently installed (Jupiter) had created several new tables and may have been what put me over the top in space so I removed it.
    Finally I remembered that posts can be exported by category, author, or date range so I exported them individually by category, which kept each file under 2 MB.
    I imported them into the new WordPress database 1 by 1, semi-automatically restoring the data to the new database. This worked.
    All 619 posts and all 5 pages have been restored.
    This is just another example of The White Album Problem. As databases outgrow their restraints they will need moved to larger databases over time and knowing how to manage this data transfer process is critical to preventing data loss.
    In addition, this process highlighted the need to monitor database usage at least on an annual scale.
    It would be nice if the web host would provide a function to expand out an existing database, but maybe this is an option they or some enterprising young entrepreneur will do in the future.
  • How I Use Google Analytics for Business

    There are 6 main areas that I check in Google Analytics to get a feel for how a site is performing, where the traffic is coming from, and what the people are interested in.

    Audience Overview

    2014-04-08 09_29_03-Audience Overview - Google Analytics

    While some may view these as “vanity metrics”, they give you a baseline comparison month over month and year over year for how your site is trending over time.

    To give you some context, a starter site should aim for 200 visitors a month, then 200 a day. A good bounce rate (user visits one page and then leaves) is less than 60%.

    Acquisition Referrals

    2014-04-08 09_32_38-Referral Traffic - Google Analytics

    There are multiple views under Acquisition (overview, channels, traffic), but I focus on “All Referrals” as it is the most specific category. It lists specific referring sites.

    Organic Keywords

    The other category under Acquisition I review often is “Keywords > Organic”. It can give some insight into what search terms people are using to find the site.

    If your top keywords are your brand name, don’t fret. Congratulate yourself. That’s a sign of success. It means people are searching for your brand name specifically.

    Search Engine Optimization Queries

    If your top Organic Keyword is “(not provided)” you can still get the keyword information as long as your site is connected to Google Webmaster Tools.

    Under Acquisition > Search Engine Optimization > Queries will tell you the keyword, impressions, clicks, and average position for each search query.

    Site Content

    Under Behavior > Site Content > All Pages, Google Analytics lists the top pages on the site by pageview, time on page, and bounce rate.

    I use this in combination with the keyword data for content marketing to determine what to write about when creating new blog posts and pages.

    Advanced Analytics

    There is much more that Google Analytics can do from A/B testing to automatic reports to goal and conversion tracking to automatic alerts.

    If you are interested in learning more about the insights Google Analytics can give your business, contact me or leave a comment below.

  • Too Much Content – Advice I Love to Ignore

    If I had a dollar for every time I’ve been told there is too much content I’d have, like $5.

    The thing I see right away in the content is that there is far too much content. MORE PICTURES!!” -Sam, Web Designer, 11/16/2012

    I agree! We need more pictures. Who’s going to take them?

    When people say that a website needs less text, what they are really describing is a graphic design problem. They want a zero-entry, spoon-fed, baby-stepped introduction to the content. “Start me off with two-to-three words and a picture. If I like what I see, I’ll keep going.”

    Too Much ContentType text layout is just as important as the pictures used on a website. Large fonts, small fonts, bold fonts, and font spacing can all play towards the readability of a site. A web site can be filled with text and still be readable as long as the text is organized correctly.

    Okay, I get websites, but what about Social Media?

    This morning one of my managers emailed me a link to Mashable’s Sorry, Marketers, You’re Doing Facebook Wrong. In it the author goes over a recent report that states, “When it comes to posts, less is more,” and “suggests a self-imposed 80-character wall for Facebook posts.” People are so “bombarded” with posts that we need to limit what we’re saying down to 80-character posts in order to get people to like us.

    How about we make the posts as long as is appropriate for the material and the medium? For longer posts, consider writing an ebook, white paper, or a long blog post. Longer social posts are socially acceptable on Google+, but not as much on Tumblr or Facebook (Google+ tends to have a more intellectual crowd).

    So is a ton of content good or bad? I’m confused.

    Imagine if Google had the choice between serving up your 80-character post or your 10,000 word essay. Which one would it choose? The one that answers the question. Google wants to deliver the best results so that people keep using it and so they can keep selling ads. Aim to answer people’s questions (ie. add value) and it doesn’t matter how long your content is.

    I didn’t have time to write a short letter, so I wrote a long one instead.” ― Mark Twain

    Neil Patel, a content marketing expert, recently wrote How Long Should Each Blog Post Be? In short, he found that the more established a brand is, the less they have to write. Conversely, the less established a brand, the more they have to write. This is how Nike can get away with short taglines in their advertisements, but newcomers have to use long sales letters to convince buyers.

    One other aspect to consider is market sophistication levels. At sophistication level 1, no one knows what your product is or what it does. It’s totally unique and so it needs a lot more information written about it. At level 2 there are competitors so you’re only talking about what makes your product different. Each of the 5 levels states less and less about what the product actually does.

    Content Length is Contextual

    A good content marketer will take into account the medium he’s writing for, the target audience, and the market sophistication level of the product when determining how much content is too much content. Blanket statements like “there’s too much text” or “people don’t like to read” are simply not true without context. There is a time and place for all types of content length.

  • Content Management Systems vs. Managing Content

    If I were tweeting today I would have wrote: WordPress is not so much a content management system as much as a content display system.

    Content Management Systems vs. Managing Content

    A content management system (CMS) designed by Erich Stauffer would allow content to be platform-agnostic. In DRY (don’t repeat yourself) terms, the content would be an object who’s repurposing could be tracked. Essentially, the content management system would not store the content, but report on the status and whereabouts of the content. Let me explain with an example.

    Example: A blog post is written in WordPress. The dashboard in the CMS sees this new post via RSS and prompts the viewer to describe (via checkboxes) whether or not the material has been repurposed as a video, soundcloud, podcast, slideshare presentation, or as part of an email has been backlinked from Twitter, Facebook, and Google+.

    In essence, the CMS would work more as a marketing automation workflow tool – guiding you through the process of wringing out as much value from each initial post as possible. This same process could be accomplished via any sort of trusted system: pencil and paper, Word worksheets, Excel spreadsheets, Trello, or even WordPress itself via custom code.

    I have yet to do it manually even once, yet I have recommended it to others many times. I’m not sure a tool would make me want to do it more, but ‘doing’ is not what I do. ‘Changing’ is what I do. That’s how I’m wired and I’m fine with that, but it doesn’t mean the ideas aren’t good or helpful for production workers who are more comfortable creating content in a structured environment.

    It’s not that I don’t do stuff. I do practically whatever anyone tells me to do. I guess it would make more sense to put that line in context. I once worked in a corporate department where my boss used an analogy about us being the rudder and ‘ops’ being the engine. I had very little ‘corporate’ experience prior to working there and had never worked as a business analyst before. (I am very thankful for the opportunity as I feel it was one of the best jobs I ever had.)

    As a result of my intial ignorance of how to be a business analyst, I wasn’t aware that other people had a similar or different opinion on the subject of how organizations should be organized. I only knew of it as ‘how my boss thought’. It wasn’t until after I visited the “Indianapolis Leadership Circle” (formerly known as the Leadership Mastery Group) put on by Tony Piazza that I heard something similar from the speaker, Scotty Bevill. He said (paraphrased for convenience):

    [Project managers] don’t like to run things – we like to build, change, and refine things. That’s just who we are as people.

    I use that word “people” specifically as Scotty was very adamant about business being “people dealing with people” and that we shouldn’t try to take the “human” out of who we are. The people in the room at the leadership meeting were mostly project managers who were mostly former IT workers. The other people in the room were current IT workers (such as myself, who is currently an IT Specialist in my day job). This is more of a belief about who we are as workers, not as much about the willingness to do or not do work. People like us (project managers and business analysts) prefer to be change agents, not production workers.

    Content Management Systems vs. Managing Content

    Permission to speak freely? Okay, for a second here I’m going to throw out all preconceived notions of what I should or should not do, what I am or am not capable of, and what does or does not make business sense. I’m just going to say what I think I want to do and then step back to see what sticks. As Scotty Bevill says, “Start with what is known.” Here’s what I know: I have found a way to add a sales funnel dimension to keyword research. Let’s call these “buyer keywords”.

    • Once you have identified ‘buyer keywords” you can start to write content that attracts those searchers.
    • Once content is created it can be both backlinked from social media and repurposed into other content.
    • Once visitors start coming to the content, the content can be optimized to increase conversions.

    Compendium, a business blogging platform which recently got purchased by Oracle, has 3 steps to create content which are 1) Research 2) Organize and 3) Create. I’d like to create a service that does 1) SEO Keyword and Competition Research 2) Creates and Manages Content and 3) does A/B Optimization.

    Content Repositories

    Update: Since writing this I’ve since discovered something called a “Content Repository“. There are several types, but what they all have in common is a clear separation between the content and the presentation of the content. What I’m still looking out for (and willing to provide as a service until software can be built around it) is a way to track all content like a database and know when and/or how often it’s been linked out via social media or to certain social bookmarking sites and whether or not it’s been repurposed to a pre-defined selection such as Youtube, Soundcloud, or Podcast.

    So when you take what I consider to be my ‘flux capacitor moment’ where I realized I had this ‘super power’ to attract customers to me by writing what matters to the customer and add in what I’ve since learned about content marketing, customer acquisition systems, and customer development I’ve got a knowledge base that is poised to be leveraged with the right content management system. By system I mean the methods (processes + tools) that can multiply the efforts of a content marketer by first finding out who is already seeking their product and writing directly to that person.

    I’m not sure how to do this, but those are my collection of ideas.

  • The Future of RSS

    On July 2, 2013, Google killed Google Reader.
    Google Reader

    Thank you for stopping by.

    Google Reader has been discontinued. We want to thank all our loyal fans. We understand you may not agree with this decision, but we hope you’ll come to love these alternatives as much as you loved Reader.

    Sincerely,

    The Google Reader team

    While I have used Google Reader on and off for years, I don’t use it now. However, I still know and care about the value of RSS as a publishing syndication platform and feel that Google has hurt that by creating a monopoly of sorts by buying up RSS apps then killing them.

    ZDNet wrote a piece on this entitled, Embrace, extend, extinguish: How Google crushed and abandoned the RSS industry in which Ed Bott writes, “The entire RSS industry is being rolled back to about 2006 and asked to start over.”

    Hacker News (HN) chimed in when bambax said, “The killing of Reader looks like a desperate move to help Google+: since Google can’t kill Facebook, they’re willing to hurt themselves instead — to cut their left arm so that their right arm can grow stronger. If this is indeed the case, it’s very shortsighted.”

    In another HN thread about the economics of “Evil Google“, RockyMcNuts said:

    It’s not the RSS reader. It’s the open publishing ecosystem. Most clients point to Reader as the central feed aggregator. Most publishers point to Feedburner as the central publisher. Google seized the commanding heights with Feedburner and Google Reader and captured all the publishers and the clients, and now they’re killing the ecosystem. I don’t see why they couldn’t have integrated Reader into Plus without killing the ecosystem. Twitter, Facebook, LinkedIn are moving into news aggregation, and Google is killing a successful news aggregation system. I don’t understand their strategy, but it’s seems sort of like, we want everyone on G+ and we don’t care how heavy-handed we look or how early adopters feel, and we don’t want an open ecosystem that people can use to pipe content into Twitter and Facebook.

    What other platform has such ease of opt-in as RSS? There are email newsletters and Twitter. Both require that the publisher does some sort of action. With RSS it was/is automatic. That is/was the beauty of it. I keep talking about it like it’s dead. It’s not dead. Google Reader is dead. I asked a friend if he still used Google Reader and this is what he said:

    I definitely still use it. I probably will wait until the last week of June to commit to a new solution. I’ll probably go with Feedly, but I’m not sure if they let you pick any website, etc. Also, I don’t know how they accommodate custom searches [like Google Alerts]. I’m going to wait until there is an opportunity for a mature alternative. I also have questions about how the web will attempt to syndicate in the absence of Google reader. I know people are saying that the shuttering of reader is a pronouncement of Twitter winning vs. RSS. But, Twitter isn’t an adequate replacement for RSS and leaning on newsletters is a step in the wrong direction. I’m all questions and all ears.

    RSS Reader Alternatives

    And if that list isn’t good enough for you, NPR suggested Digg. Microsoft Outlook also has a RSS reader and some Internet browsers have RSS readers built-in. Did you know Internet Explorer 9 had an RSS reader? Firefox requires an add-in like Simple RSS Reader, Feedly, or Sage. Same for Chrome. AOL also has a RSS reader aptly named AOL Reader.

    RSS: Curation VS. Aggregation

    I remember the first time I saw Google Reader. A coworker had invited me over to his house and while there he told me he wanted to show me something cool. When I walked over to his computer he proudly showed me how he had collected all of his favorite information into one place. He was able to sort through article after article with the spin of his mouse wheel. It was glorious. I signed up for my own account and quickly began adding RSS feeds from sites I wanted to follow. I quickly became inundated with more articles than I could read in a day. I started to get discouraged and eventually I quit.

    Marco Arment wrote in The Power of the RSS Reader, “The most common complaint I hear about inbox-style RSS readers such as Google Reader, NetNewsWire, and Reeder: that people gave up on them because they were constantly filled with more unread items than they could handle. If you’ve had that problem, you weren’t using inbox-style RSS readers properly…If a site posts many items each day and you barely read any of them, delete that feed. If you find yourself hitting ‘Mark all as read’ more than a couple of times for any feed, delete that feed…The true power of the RSS inbox is keeping you informed of new posts that you probably won’t see linked elsewhere.”

    RSS is not a curator of content, it’s an aggregator of content, but sites like Reddit and Hacker News are kind of both. Articles are collected there and self-curated by the community. Compare this to Fark, which is a news aggregator curated by Drew Curtis. What RSS doesn’t do is filter out all of the mediocre or non-relevant articles that inevitably appear over time no matter how targeted the blog. Far better to find a community around a subject you like and have articles aggregate and share there. This is the difference between Twitter proper and Twitter lists. The former is mostly noise and the latter is much more concentrated. Apps like Hootsuite can also help curate with search lists for keywords.

    RIP Google Reader. Long live RSS.

  • Amazon Webstore Review

    I signed up to test Amazon’s eCommerce Software, Amazon Webstore, mostly because of these two factors:

    • List Amazon.com items on your own Webstore to augment your product selection
    • Take advantage of additional services such as Selling on Amazon, Fulfillment by Amazon, and Amazon Prime on Your Site to grow your business and improve customer satisfaction while reducing your Webstore fees

    I liked the idea of being able to just pull in Amazon products to your store and having Amazon fulfill them for you. It all sounded so easy. It wasn’t.

    amazon-webstore

    Contrary to other parts of Amazon, I found the site incredibly hard to use and very slow. It takes up to 15 minutes for an item you’ve posted to appear on your site. When I went to figure out how to cancel, I couldn’t figure that out either so I did a Google search and ran across this Amazon Seller forum post, which cracked me up.

    redknight781 wrote: It’s built for techies by techies and not for those that are more interested in sourcing and selling. It’s the worst sitebuilder on the internet. mpowell624 wrote: I will go farther and say that it is the very worst experience I have ever had with anything technological. I have basic knowledge of coding and I would rather try to make a website out of twigs and berries.

    You used to have to call Amazon to cancel, but now to cancel your Amazon Webstore, simply make your way to your Amazon Webstore Subscription page and click, “Cancel Webstore”. You can do this as long as you don’t have any outstanding orders.