How to Create a Click to Call Button for Mobile Devices on WordPress

You need to install a few plugins:
wp mobile detect by Jesse Friedman
wp twitter bootstrap (be sure to activate and pick latest version of bootstrap)

In the video I mention adding Bootstrap Shortcodes.  THIS IS NOT NEEDED. I use them elsewhere.

Here is the code that is needed for your button to work.

CSS:

.floatingfooter {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

.btn-block {
font-size: 28px;
border-radius: 0 !important;
}

 

HTML: (version 1)

[phone]
<div class=”floatingfooter”>
<a href=”tel://+17755441112″
class=”btn btn-primary btn-lg btn-block btn-success”><span class=”glyphicon glyphicon-earphone” aria-hidden=”true”></span></a>
</div>
[/phone]

 

HTML: (version 2)

Put the code in a wrapper like this:

[phone]
<div class=”floatingfooter”>
<a href=”tel://++17755441112″
class=”btn btn-primary btn-lg btn-block btn-success”>CLICK-2-CALL <span class=”glyphicon glyphicon-earphone” aria-hidden=”true”></span></a>
</div>
[/phone]

 

HTML: (version 3)

OR Put it in the Main Settings code box at bottom of page.

[phone]<div class=”floatingfooter”><a href=”tel://+1+17755441112″class=”btn btn-primary btn-lg btn-block btn-success”>CLICK-2-CALL<span class=”glyphicon glyphicon-earphone”></span></a></div>[/phone]

Read More

I am NEVER using Divi WordPress theme again

I build a lot of web properties.  And many have been in Divi.  But after building a landing page in Divi that totally failed – I’m not using it again.  Here’s the back story…

Saturday, I thought I’d whip out a landing page for a home water damage cleanup company that’s a client of mine.  I figured because of the stackable nature of a good landing page, I’d use Divi and its famous Divi Page Builder.  What I thought would take me an hour actually took nine hours.  I was beat.

So, I checked my work, attached the landing pages to some Google Adwords advertisements and called it a day.

The next day, I showed a friend my work on a mobile phone.  It looked like shit. The paralax pictures dropped out.  The rest of the pictures were aligned weird and nothing seemed smooth or elegant with the landing page.

So, I spent 1/2 the day on Sunday trying to find out why and trying to find fixes without having to do a rebuild.  No luck.  I proceeded to rebuild everything with Kadence Virtue theme.  It took about 2 hours and the results were so much better that it was staggering.  Divi has a big name, but its crap.

I wish I had clipped some screenshots before I dumped Divi, but I did not see any reason to (at that time).

So, if you’re thinking about Divi theme – DON’T DO IT.  Your time is too valuable.  The picture in the post is a screen capture of my finished landing page.  You can see it live at http://eccwaterdamage.com/water-damage.

 

Read More

Playing with linking and how to rank businesses

Man!  It can be so tough to get websites to rank in the search engines.  Everyone seems to have some voodoo way to get things to rank and I have tried many.  I’d say that I’ve tried them all – but theres just way too many to count at this point.  My main goal is to get my Reno plumbers site to rank.  But geez.  It feels impossible some days.  I have so many high powered backlinks and yet, it still seems stuck. (more…)

Read More

Content Management for SEO

Did your WordPress site get un-indexed at Google? Here’s a fix

If you find that you’re website hase been un-indexed at Google, or de-indexed, as long as you have not been totally blocked because of an SEO issue, this might be the issue.

 

This is pretty amazing!  If you don’t block your archives from being indexed, it looks like the same content repeated many times.  And Google hates that!

So, if you have Yoast SEO on your website, follow the steps in the video so that you can clean it up.  If you don’t have Yoast SEO installed – you should do so, and then make the changes outlined in the video.

Thanks to the guys at Source Wave for pointing this out in their video.  It’s amazing how this can be biting us in the bottom regarding ranking at Google.

So, here’s the steps, just in case you have no desire to watch the video:

  • Go to taxonomies in Yoast SEO plugins.  Click on no-index under all the items listed there. This includes Categories, Tags, Format, etc.
  • Go to Archives and click on the settings for author archives and archives.

Pretty simple, right?  Give it a go.  I’m pretty sure it will help you to get re-indexed ad Google.

Read More

Heroku announces Dropbox to Heroku feature (beta)

So this is pretty cool.  Imagine you have an app on Heroku and you want someone ‘non-technical’ to be able to drop materials in.  This would make an awesome solution for that,

Heroku’s new Dropbox Sync, just released in beta, enables you to create a deployment workflow that works for multiple situations and for every member of your team.
Why is this useful?

  • ​Makes it easy for designers to deploy changes to stylesheets and images for your app
  • Hack your app in an emergency on the go from your mobile device
  • Add new content to your static app by just dropping in a new file

​Getting set up for Dropbox deploys is incredibly simple, and can be done from the comfort of a browser window. Just navigate to the Code tab in Dashboard for any given app and click Connect to Dropbox:

dropbox-to-heroku picture

Don’t have an app? Then try the following Heroku Button, which deploys a simple app built using Node and Harp:

Once it’s deployed, in one browser tab open the app by clicking “View,” and in another click “Make your first edit”, which opens the Code tab. Then just click the “Connect to Dropbox” button.
Now make a change. In this app you can change the slideshow by editing index.jade in the public directory, and then click “Deploy” from the Code tab.
Here are some resources to learn more:

Read More