Snapchat Filters

Snapchat Community GeoFilterAfter the first of this year, I decided to try to make a Snapchat Geofilter.  To create a filter, you have to visit the Snapchat website via your desktop and click the Create link at the top of the page.  Snapchat has three choices:

Community Filters
Filters
Lenses

The Geofilter option is listed under Community Filters. The Geofilter’s minimum area has to be 50,000 sf in size in order to qualify. It has to be original artwork as I learned when I added the National Register of Historic Places plaque on my filter. It was rejected within a few days. Snapchat gives you an easy template you can use online, or to download for Photoshop or Illustrator to make it easy.

On Feb. 2nd, 2018, I resubmitted my Geofilter for the Hampton-Pinckney Historic District.  Three months later, it was approved.  I don’t know if it takes this long for a moments filter or others to be approved, but you may want to plan way ahead if you need the filter by a certain event.

This is a free filter so you if you need one fairly quickly, you can pay for an OnDemand filter.

If you are interested in a filter for Snapchat and need help, contact me on my website for more information!

Posted in Coding | Comments Off on Snapchat Filters

Genesis Search Pop Up

Here’s how to make the Genesis child theme search into a pop up instead of embedding on your page.  Backup your child theme functions.php file – I usually just open Appearance->Editor->functions.php then copy and paste the entire functions.php file into Notepad, or I ftp into the site and download it.

  1. Create an icon, or add text for your search action.  The search icon below is just a graphic in a header widget.
  2. Enable WordPress to allow shortcodes in widgets by adding the below to your child theme’s function.php:
    // Enable shortcodes in widgets
    add_filter( 'widget_text', 'shortcode_unautop' );
    add_filter('widget_text', 'do_shortcode');
    add_action( 'init', 'gw_register_shortcode' );
    
    
  3. Create the Genesis Search shortcode
    function gw_register_shortcode() {
     add_shortcode( '404-search', 'gw_search_shortcode' );
    }
    
    /**
    * Search Shortcode Excerpt
    */
    function gw_search_shortcode() {
     return '<div class="404-search">' . get_search_form( false ) . '</div>';
    }
  4. Edit your child theme CSS and add:
    .search-form {
    	position: relative;
    }
    
    .search-form > input {
        padding-left: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .search-form input[type="submit"] {
        background: none !important;
        position: absolute;
       }
    
  5. To enable the popup function, install the Easy FancyBox plugin which is a lightweight plugin that includes all the jquery you need. At some point, I hope to update this post with the jquery to add directly to your site but this should work fine for now. Once installed, add the following code surrounding your search icon shown in #1 above:
    <a class="fancybox" href="#search-pop"><img src="url to image icon" /></a>
    
    <div class="fancybox-hidden" style="display: none;">
    
    <div id="search-pop">[404-search]</div>
    
    </div>

…When you click on the search icon, here is what it looks like:

Note – if you do not have dashicons enabled, you will need to add the following to your functions.php:

//* Enqueue Dashicons
add_action( 'wp_enqueue_scripts', 'gw_enqueue_dashicons' );
function gw_enqueue_dashicons() { 
 wp_enqueue_style( 'dashicons' ); 
}
add_filter( 'genesis_search_button_text', 'gw_search_button_dashicon' );
function gw_search_button_dashicon( $text ) { 
return esc_attr( '&#xf179;' ); 
}

and use the below for you CSS instead:

.search-form {
	position: relative;
}

.search-form > input {
    padding-left: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.search-form input[type="submit"] {
    background: none !important;
    border: none;
    clip: inherit;
    color: #4a545a;
    display: inline-block;
    font: 28px/1 'dashicons';
    height: 38px;
    padding: 0 10px 0px 12px;
    position: absolute;
    left: 2px;
    top: -10px;
    vertical-align: top;
    width: 38px;
}
Posted in Coding, Custom WordPress, Genesis | Comments Off on Genesis Search Pop Up

Advanced Water Engineering

AWE New Custom WordPress website.

The owner of Advanced Water Engineering created and updated the site for years on his own.  Finally, after several years of badgering, he relented and let Giraffe Web update the site. Being an engineer, the linking made sense to him, but it was a bit disorganized and only the home page had the total navigation menu.  We moved the site to WordPress, and slowly converted all the old html pages, organizing all the links into a logical format.  Only one old section remains, the for sale equipment, which we are planning to push into a Woocommerce catalog for him.  However, the bulk of the website has been completed and we cannot wait to share it! http://www.advancedwater.com

AWE Old site.

Posted in Custom WordPress, Recent 'Sightings' (Website Portfolio), SEO | Comments Off on Advanced Water Engineering

After Five Years – Haynsworth Private School Gets Another Fresh Look!

New site, circa 2017

Our post back in 2012 that shows a fresh new look for Haynsworth Private School, now shows an old, dated look. So, we updated the website, converting it to WordPress, added more definitive copy written by Valerie Bickley of Bickley Creative,  new photography and more intensive SEO.  After the website launch, the school experienced the highest pre-enrollment for camps and the Fall 2017 school year.

The Haynsworth School, Greenville SC

The Haynsworth School, Greenville SC circa 2012 update

Posted in Custom WordPress, Recent 'Sightings' (Website Portfolio), SEO | Comments Off on After Five Years – Haynsworth Private School Gets Another Fresh Look!

Educational Directions

I’ve known Bill Dingledine for several years, first meeting him when I became a committee member on the Greenville County College Fair.  Bill’s breadth of knowledge regarding all the latest information about preparing your teens for college is surpassed by no one!  Bill is quite tech-savvy, but as any business owner knows, “the cobbler’s kids have no shoes!” so Bill contracted with Giraffe Web to help him redesign his website and place it into WordPress to make it easier for him to update the site.  We love his new website, and we think you will too! http://www.educdir.com

 

Posted in Custom WordPress, Recent 'Sightings' (Website Portfolio) | Comments Off on Educational Directions

Happy Anniversary from the City of Greenville

Back in June of 1998, I starting working on my first website. However, the birth of Giraffe Web (the name) began in 1999. It wasn’t until 2002 that I formally created the LLC that would become Giraffe Web Design Services, LLC.  Frankly, my logo was a clip art giraffe, as I had the Macromedia design suite that included Photoshop, but had no idea how to use it.

Around this time period, LLCs were still a relatively new concept. Another friend of mine suggested I look into setting up an LLC so I called the IRS and acquired a tax ID and filled out the paperwork that I sent to the South Carolina Secretary of State, and Giraffe Web Design Services became Giraffe Web Design Services, LLC.  I had already obtained a business license from the City of Greenville, but today I opened up the mail and 17 years later (not 15, but who’s counting?) I received the below. I am very grateful for the acknowledgement from the City (and the rebate check)!

Happy Anniversary to Giraffe Web from the City of Greenville

Several years later, I asked my friend, Ted Durham, who at the time had his own graphic design firm, to design a giraffe that resembled my personality.  So, my new giraffe logo was born!

And, here we are today, actually 19 years after I worked on my first website! I am grateful to all the people – locally and online, who have helped to grow Giraffe Web and for pushing me personally to keep up with the times.  Every day is a learning experience in this business.

 

Posted in Business Related | Comments Off on Happy Anniversary from the City of Greenville

Eastern Design Services

Alas, Eastern Design Services website was well over 10 years old.  We were able to clean up their logo and create a new, updated look, placing the new website in WordPress.  We added the ability to update current job openings and interested candidates to be able to send their resume.  We also added information for employers to contact Eastern Design.  As a consequence, without even working on any SEO for this website, it has moved from not showing up at all in search to the 2nd page within a few weeks.

Eastern Design Services Old Website

Eastern Design Services Technical Contractor Staffing Greenville SC

Posted in Business Related, Custom WordPress, Recent 'Sightings' (Website Portfolio) | Comments Off on Eastern Design Services

The Palmettos Mauldin

The Palmettos Mauldin website was over seven years old and time for a facelift, as well as some rebranding by DNA Creative Communications.

The Palmettos Mauldin old website

The Palmettos Mauldin New WordPress Website

Posted in Business Related, Custom WordPress, Recent 'Sightings' (Website Portfolio) | Comments Off on The Palmettos Mauldin

ABA Autism Services of South Carolina

ABA Autism Services of South Carolina’s previous website was built on the GoDaddy website builder. The website did not show up anywhere in the top 100 searches. We recoded the site into WordPress and started organic search engine optimization and the site started to show up for several main keywords within the first 10 days. We continue to work on the SEO for this website going forward.

Posted in Custom WordPress, Recent 'Sightings' (Website Portfolio), SEO | Comments Off on ABA Autism Services of South Carolina

Commercial Photography: Reel Video & Stills

Recent re-launch: Reel Video & Stills at http://www.rvstills.com.  After eight years, it was more than overdue to redesign the Reel Video & Stills website.  This time, it was rebuilt in WordPress and is responsive design.

The content has been expanded to include more about the team, the media conversion, and other services that Reel Video has been offering for years but not publicizing.  View sample photography slideshows: aerials, architectural interiors & exteriors, portraits, events, products and stock photography of the upstate of South Carolina; current photography work; and sample videos.

Posted in Recent 'Sightings' (Website Portfolio), SEO | Comments Off on Commercial Photography: Reel Video & Stills