Showing posts with label web-design. Show all posts
Showing posts with label web-design. Show all posts

Friday, April 12, 2019

Dreamhost plan costs

Why Dreamhost?
Their company offers U.S. based support, their pricing is straightforward, they don't do dumb up-sells like GoDaddy and other bottom of the barrel web hosts.  And if you view their website from a desktop browser, their pricing is straight forward and easy to navigate.  It's a little bit of a sales hook for their cheapest per month pricing, which requires a 3-year payment upfront.  However, if someone has started a new business (or is moving an established domain) and does not want to be bothered by monthly hosting, a 3 year plan could be a fantastic value for a great service.

"No hidden fees! We offer free server setup when you sign up for any DreamHost Shared Hosting plan."

24/7 real tech support (U.S. based)
97 day money back guarantee
WHOIS Privacy included free

Shared Hosting Plans 

(perfect for an average user)

Starter

Only one domain
* Free domain included if registered within the first month
Unlimited bandwidth
SSD storage
** Email not included

$5.95/mo paid monthly
$3.95/mo paid yearly ($47.40 due at sign-up)

Shared Unlimited

Unlimited domains
* Free domain included if registered within the first month
Email included


$10/95/mo paid monthly
$6.95/mo paid yearly ($83.40 due at sign-up)



Thursday, January 18, 2018

Update Wordpress Site URLs for images and links with a plugin



Velvet Blues Update URLs — WordPress Plugins

As of 1/18/18, the plugin has a five star rating from Wordpress users, has 300,000+ active installations, and was last updated 4 days ago.

It's tested to be compatible up to Wordrpess 4.9.1

The plugin requires version 4.5 or newer, so some really old Wordpress installations may need to have the site URLs replaced en masse with PHPMyAdmin or another plugin.

Saturday, October 18, 2014

Preventing Spam Comments in Wordpress Before They Happen

Rather than using an after-the-fact solution like Akismet to stop comment spam, I prefer to use a Captcha or other human verification technique to stop all spam from ever being saved to my Wordpress database.  Some Captchas are difficult to read, so I prefer something that is either a math addition problem or an interactive one that only requires one click or drag.  Some interactive Captcha plugins may not work on mobile devices.


Here are few of the top rated options to block Wordpress comment spam at the form level.


Math Captcha
Customizable math Captcha prevents comment spam, bot registration, and integrates with Contact Form 7.
4.5 out of 5 stars
Last Updated: 2014-9-5
Compatible up to: 4.0



Sweet Captcha 
Uses an interactive, fun, and illustrated widget to prevent comment and registration spam.
4.2 out of 5 stars
Last Updated: 2014-9-3



Captcha
Uses a math equation Captcha to stop comment spam, also integrates with Contact Form 7 and BuddyPress registration forms.
4.6 out of 5 stars
Last Updated: 2014-10-15

Wednesday, September 24, 2014

Best Web Hosting Services

Web clients often ask which web hosts I recommend.  These are my top two web hosts that have good relability and features for the price.  Both are excellent for running a basic website with Wordpress.

BlueHost
Creating an account and website hosting is very fast.  Fast enough that I registered a domain name on behalf of a client while they were sitting next to me.

Dreamhost
Good support for Wordpress installations.  Basic tech support usually responds within a day.

Five Best Web Hosting Companies [LifeHacker]
Dreamhost
Host Gator
BlueHost
Linode
A Small Orange

Friday, August 9, 2013

Plugins and Features for a Professional Wordpress Website

After building over 20 websites with Wordpress, I realized the need to compile a list of must-have plugins for every website and which plugins to keep in my toolbox for the occasional project.

Plugins are important for marketing, search engine optimization, and improving the performance of your site when it's heavy with content or numerous plugins.  But most of all, plugins enhance the capabilities of your site (usually for free) and straight out of the box, no advanced coding required.

Every wordpress website should have:
  1. Search Engine Optimization: Wordpress SEO [formerly Yoast].
    This is the most widely used SEO plugin for Wordpress today, with over 5.6 million downloads [as of early August 2013].  I first came across this plugin when looking at a site designed by a professional e-commerce consultant.   He used this plugin on several sites and after using it on a few of my own websites, I was hooked.  It's easier and more intuitive than any other SEO plugin for Wordpress I have used. It also offers XML Sitemaps, which can be activated by checking one box.  XML sitemaps are very important for google search engine ranking and help google to show more links into the key pages of your site.
  2. A good contact form: Contact Form 7 or Easy Contact Forms
    A clean, professional looking contact form is essential to connect with customers and increase leads.  The best contact form plugins for Wordpress support spam filtering or CAPTCHA, so you're not wasting time checking spam emails that you thought were customers contacting you.  I endorse these two plugins because they are simple and completely customizable.  Some contact forms require you to use their default fields, which means they lack flexibility and adaptability.  Contact Form 7 is very simple to use, but does not have a drag and drop interface, so you have to move around code to change the field ordering.  Easy Contact Forms has an awesome drag and drop interface, but the dizzying array of options can be intimidating for the first few minutes while you acclimate to all the choices.
  3. Easy database backup: Online Backup for Wordpress
    No matter what web host you use, it's smart to make your own backups of your Wordpress Database.  A Wordpress database contains all the content of posts and pages, and all settings you have changed in your Wordpress dashboard.  It does not include your images, uploads, and any file modifications--these need to be backed up separately.  Online Backup for Wordpress is simple, intuitive, and very fast.  On an E-commerce website with over 400 products and many posts, the plugin created a backup of a 37.5 MB SQL file in about 1 minute.  It compressed this SQL file into a downloadable 2.5 MB ZIP file that makes it easy to store weekly backups without wasting hard drive space.  Regular backups are critical because some plugin or theme updates can break a Wordpress website that was previously rock solid.  This plugin can schedule weekly or monthly ZIP backups to be emailed automatically, ensuring that your website's content is protected.
  4. Caching:  WP Super Cache
    Any Wordpress site can be improved with a caching plugin.  Caching is critical if you are running a large blog, a site with many plugins, or if you have a content heavy site. WP Super Cache speeds the loading of pages by reducing the requests for information from the database.  Visitors are served a static HTML page that will load faster.  Wordpress site owners previously had to accept that their page load times would be slowed if their site made use of several plugins.  Caching takes the bottleneck of the equation,  allowing your site to retain visitors and remain up if there's a spike in visitor traffic.

Plugins and features to meet client needs:



Woo Sidebars (free)
http://wordpress.org/plugins/woosidebars/
Create new sidebars for a Wordpress site and assign them to specific pages, without touching a line of code.

Webtreats Column Shortcodes (plugin download at the page bottom)
Create multi-column layouts on your site with shortcodes.

Easy Fancybox
Display more videos (or content overlays).  Reduce the page load times when embedding youtube videos.

Slideshow (free)
Slideshow provides an easy way to integrate a slideshow for any WordPress installation.  After using this plugin on just one client website, I'll be adding it to my photography website instead of using a coded Javascript slideshow.

The options are very intuitive and the only thing that takes a bit longer is that images need to be added in the Media Library before they can be inserted into a slideshow.  Several slide transition options are provided, and this plugin has so many custom options to choose from.

Each slideshow's height, width, navigation options, and image ordering can be customized.  The theme authors were smart to provide both the shortcode and the PHP code needed to insert a slideshow into Theme Template files.

This plugin has saved me a lot of work and I plan to donate to the developers.



Google Analytics
Some themes offer a box to add your Google Analytics tracking code.  If your theme does not, there are several plugins available to insert the code so that template header files do not have to be edited manually.
Google Analytics for WordPress [Created by Yoost de Valk, the author of Wordpress SEO]
Track your WordPress site easily and with lots of metadata: views per author & category, automatic tracking of outbound clicks and pageviews.

Google Analyticator - adds a dashboard widget to show Analytics reports
Easy installation of Google Analytics code on your site and a dashboard widget to show performance

Friday, June 21, 2013

Wordpress 2012 child theme modifications reference

The 2012 theme out-of-the-box is a great place to start for theme development because you have an editable navigation bar, good typography, and a clean layout to start with.

These are my go-to child theme modifications to 2012 when setting up a static website for a client.

Disable automatic word hyphenation
Requires: CSS / style.css
WordPress › Support » How does one stop auto text hyphenation completely

Move the header image above the navigation bar.
Requires: PHP / header.php
Cut the PHP block of code (pictured below) that outputs the header image and paste it above the NAV element that creates the main navigation.



Remove the space above the header image
Requires: CSS / style.css
Add these two CSS styles to your custom stylesheet to remove the spacing above the header image and make it flush with the top of the browser window.



Change the default "Leave a comment" link text
Requires: HTML/PHP | content.php
Go to line 28 on content.php.  Find the leave a reply text on this line and replace it with your wording of choice.
Hide the H1 page title only on pages
Requires: CSS /  style.css
Add the following CSS to hide the page title heading only on pages.  We use this because we want to still have automatic titles display on our single blog posts.


Sunday, May 26, 2013

Add sidebar creation option to the 2011 theme

How to Use Custom Sidebars on Posts and Pages | Wptuts+
This tutorial shows step by step how to add a theme option setting to add your own sidebars to a theme and then be able to apply them from the Page editor.  This is much more streamlined than having to a create a separate page template every time you want a page to have a different sidebar.




Thursday, February 21, 2013

The Most Popular Contact Form Plugins for Wordpress


** Download numbers recorded from the associated Wordpress plugin page on 2/21/13

Contact Form 7
9,911,000 downloads
Updated on 1/21/13
Still generates the HTML for tags, but shows the code, not a visual preview
Pros: supports Akismet, captcha, and Ajax submitting

Fast Secure Contact Form
3,432,000 downloads
Updated on 2/4/13
Interface is a bit klunky, but you don't have to mess with any HTML

Contact Form
575,000 downloads
Updated on 2/19/13
Appears to be written by a coder whose native language is not English
Might not support adding a variety of different fields

Custom Contact Forms
516,000 downloads
Updated on 1/10/13
compatible up to 3.4.2
"Rearrange fields with a drag-and-drop interface"
"Export form submissions to .CSV"
** Might not support radio buttons
"Manage options for your dropdowns and radio fields in an easy to use manager"
"Import and export forms/fields/styles/etc. with ease!"
-- Was planning to pick this plugin because of it's export and import features, but it is not listed as being compatible with 3.5.1 and there are no screenshots to be found.

Formidable Forms
302,000 downloads
Updated on 12/12/12
compatible up to 3.5.1
"Quickly and easily build forms with a simple drag-and-drop interface and in-place editing."
** Supports radio buttons

Easy Contact Forms
207,000 downloads
Updated on 6/27/12
appears to have a clean visual interface

Rising stars

Visual Form Builder
146,000 downloads
Updated on 2/8/13
"Build beautiful, fully functional forms in only a few minutes without writing PHP, CSS, or HTML."
** Supports radio buttons
One-click form duplication. Copy a form you've already built to save time
Use your own CSS (if you want)
*** Multiple field layout options. Arrange your fields in two, three, or a mixture of columns.

Form Maker
71,000 downlads
Updated on 2/20/13
Very visual interface that probably allows quick form creation.



Monday, February 11, 2013

Resources to convert an HTML website to Wordpress

After converting several static HTML websites to Wordpress and XHTML, it's about time that I have some saved resources.  Code snippets are fantastic, working examples are even better.

WordPress Shortcodes: Why You Need Them and How to Create Them
This example shows the basic code needed to create a "wrapper" shortcode that will wrap HTML tags around your content.  After a shortcode has been created, it can be reused at will throughout a website.  Providing shortcodes to clients will make editing their site easier and allow them to integrate design elements without trudging through HTML.

Wordpress does not support shortcodes in widgets by default.  Add the one-line filter code at the bottom of the same tutorial to enable shortcodes in widgets.

CSS Styling Lists
Styled lists with CSS may help you clean up HTML that was left behind from a previous coder. The website I'm converting this month from static HTML to Wordpress had a bloated table layout to achieve links with "bulleted" images.  CSS list styles helped me to clear out all the unnecessary code and replace it with clean, beautiful markup.

Rounded corner layouts with DIVs.

CSS Image Rollover - Stack Overflow
This helped me convert javascript rollovers to pure CSS rollovers, which not only cleaned up the code, but will make it easier to edit in the future.

Box-shadow, one of CSS3′s best new features - CSS3 . Info
After combining the box shadow with a CSS border, I was able to replace a rounded corner box's nested HTML tables with some clean CSS.



Wednesday, November 14, 2012

Allow Paypal users to Pay by Credit Card in WP E-Commerce

To allow Paypal Express Checkout customers to pay by credit card, one line of  code that passes the "sole" variable needs to be added to tell Paypal to enable the credit card payment

Open this file
/wp-content/plugins/wp-e-commerce/wpsc-merchants/paypal-express.merchant.php

Find this line of code (approximately line 221):

$nvpstr = $nvpstr . "&RETURNURL=" . $returnURL;


Immediately below that line, add this line of code:

$nvpstr = $nvpstr . "&SOLUTIONTYPE=Sole";


Thanks to the guys over at Websightdesigns.com who posted the above tutorial in April 2012.

Wednesday, October 31, 2012

Display an automatically updating copyright year with PHP

PHP snippet to output the current year:

<?php print date("Y")?>


PHP/HTML working Example
© <?php print date("Y")?>  My Business Name 

Monday, June 13, 2011

Wordpress themes for media websites

In a June 2009 post, I listed some other themes, some of which are still very popular on Wordpress.org

Platform



WPFolio




Yoko




WordPress › desire




Blissful Blog
(designed for wedding photography blogs.) Used on montana-photo-workshops.com




John Ricard, a big wig hip-hop photographer from New York City used a bare bones Thesis look for his blog.




BirdSITE




Clean Home


Monday, March 28, 2011

Custom Wordpress Themes: Fix the Comment Box Width

When coding several custom Wordpress themes, the default width of the comments box in comments.php was breaking my table layout. To fix this, I simply changed the width of the textarea tag.

Here is the original code from comments.php (Wordpress 2.7)


<textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4">



Here are two options to fix the width issue.

Change the "cols" value:


<textarea name="comment" id="comment" cols="40" rows="10" tabindex="4"></textarea>



Or, remove the "cols" value and add a specific width:


<textarea name="comment" id="comment" style="width: 400px;" rows="10" tabindex="4">

Wednesday, February 16, 2011

Removing specific HTML tags with Regular Expressions

matches start tag of specific tag including attributes

<\s*span.*?>



The above expression can be very helpful to strip out unwanted <span> tags.

via: Regular Expressions to strip HTML tags - www.pagecolumn.com

Sunday, January 23, 2011

Potentially Awesome Wordpress Plugins

WordPress Reusables
By allowing content to be stored and edited in a single location on WordPress it is possible to update a single piece of content that will update retroactively anywhere that the reusable is being used.

Why?
This could save an enormous amount of time when coding multiple sidebars where some content is repeated and other content is not, thereby saving the time of going through and copying and pasting changes to areas (widgets) that need to be duplicated. This could be a great plugin for anyone using Wordpress to power a static website where the sidebar content changes on different pages.

How to repeat (duplicate) widget content in multiple sidebars.







(Screenshots above are from the official Wordpress plugin page.)

Thursday, December 9, 2010

CSS Reference: Underline Links on Hover

This code will remove all the underlines from links in their normal state and then underline links on hover. Don't forget to change the hex color code to be the custom color for your links.


a {
color: #d63721;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

Wednesday, July 14, 2010

Checklist for creating a basic Wordpress theme

Here's a quick checklist of the things to do before finalizing a Wordpress theme when uploading it to a site:

  • Add the Header API action hook
  • Add the Footer API action hook
  • Image paths in the header and footer file should use the 'template_directory' template tag.
  • Link the stylesheet with the 'stylesheet_url' template tag
  • Change the template name and details in style.css
  • Ensure the sidebar names in fuctions.php match the sidebar names specified in index.php, single.php, and page.php
  • Edit out unnecessary bits in single.php

Thursday, May 20, 2010

CSS blockquote with image slices for rounded corners

CSS tips & tricks

Rounded corners and shadowed boxes
Uses a blockquote with multiple image slices to create a rounded, shadowed box.

CSS: font families
shows examples of the major font families and visual comparisons

Tuesday, May 11, 2010

Use variable headers in Wordpress with conditional tags




Conditional Tags (snippet 2) « WordPress Codex
>> See snippet #3 for instructions.
"This is useful for setting variables specific to different sections of a web site, so a different banner image, or a different heading."

Conditional Tags « WordPress Codex