Affichage des articles dont le libellé est Page. Afficher tous les articles
Affichage des articles dont le libellé est Page. Afficher tous les articles

samedi 12 novembre 2016

How to Split Post or Page Title in WordPress



Do you want to split a WordPress post or page title into a new line? By default, your post title is just a single heading, and you cannot break it into a new line. In this article, we will show you how to split post or page title in WordPress.


Split post or page title in line breaks


Difference between Split Title and a Subtitle in WordPress


Splitting a post or page title allows you to break the title into a new line without changing formatting or style.


A long post title


On the other hand, a subtitle allows you to add two different headings for your WordPress post or page.


A WordPress page with a title and subtitle


See our tutorial on how to add subtitle for posts and pages in WordPress for detailed instructions.


Having said that, let’t see how to split post or page title in WordPress without writing any code.


Split Post or Page Title in WordPress


First thing you need to do is install and activate the Page Title Splitter plugin. For more details, see our step by step guide on how to install a WordPress plugin.


Upon activation, you need to edit a post or page where you want to split the title. On the post editor screen, you need to click on the little button below the title field.


Split button


Clicking on the button will add a pointer below the title field. You will need to click on the pointer to select it.


After that you can move the cursor inside text field to the point where you want to split the title.


Title splitter marker


You can also add multiple split points to break your title into more lines. Just click on the icon and then move the marker by selecting and putting the cursor at the right place.


Multiple splits


You can also delete a marker. Just click on a marker to select it, and you will notice that the title splitter button will turn into a close button. Clicking on it will remove the title splitting marker from your post title.


Once you are finished adding and adjusting the split marker, you can just save or publish your post.


You can now visit the post or page to see the split post title on your website.


A post title splitted into line breaks


We hope this article helped you learn how to split post or page title in WordPress. You may also want to see our guide on how to add a reading progress bar with your WordPress posts.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post How to Split Post or Page Title in WordPress appeared first on WPBeginner.







How to Create a Custom Login Page for WordPress



Do you want to create a custom login page for your WordPress site? A custom login page allows your users to login from a custom page on your site instead of the default WordPress login page. In this article, we will show you how to create a custom login page for WordPress without writing any code.


Creating a custom login page for WordPress


Why and When You Need a Custom Login Page for WordPress?


If you are running a membership site without using a WordPress membership plugin, then your users will register and login using the default WordPress login screen.


This may work fine for small websites. However, if you are running a business website or a busy online community, then you may want to show your own brand instead of WordPress.


One way to do that is by adding your own logo and white label the WordPress admin dashboard. But if you don’t want users to access the admin area when they login, then you will need to add a custom login page.


A custom login page works like any other page of your WordPress site. It uses the colors and styles of your WordPress theme, and users don’t even get to see the admin area of your WordPress site.


Having said that, let’s see how to easily create a custom login page in WordPress without writing any code.


Video Tutorial



If you don’t like the video or need more instructions, then continue reading.


Method 1: Create Custom Login Page in WordPress with Theme My Login


First thing you need to do is install and activate the Theme My Login plugin. For more details, see our step by step guide on how to install a WordPress plugin.


Upon activation, the plugin will enable custom login page that matches your WordPress theme. You can simply visit the login page, and you will see the custom login page.


Custom login page created with Theme My Login plugin


However, Theme My Login is a powerful plugin. It can also be used to create custom registration and profile pages, custom emails, and setting up custom redirects.


To enable these features you will need to click on the TML menu in the admin bar to configure plugin settings.


Theme My Login settings


Simply check the box next to the module that you want to enable. Enabling each module will also enable the module’s settings tab.


For example, enabling custom emails module will add the Email tab under TML menu item.


Theme My Login custom emails tab


Theme My Login also comes with a custom login widget. Visit Appearance » Widgets page and add Theme My Login widget to a sidebar.


Theme My Login widget


Metod 2: Creating a Custom Login Page for WordPress Using WPForms


WPForms is the most beginner friendly contact form plugin for WordPress. The premium version of WPForms allow you to create custom WordPress login and registration forms.


WPBeginner users can use the WPForms Coupon: WPB10 to get 10% off on their purchase.


First thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.


Upon activation, you need to visit WPForms » Settings page to enter your license key. You can get this license key from your account on WPForms website.


Adding WPForms license key


After verification, you need to head over to WPForms » Addons page. Scroll down to ‘User Registration Addon’ and click on the Install Addon button next to it.


User registration addon


WPForms will fetch and install the addon. You need to click on the activate button to start using this addon.


Once activated, you are ready to create a custom login form using WPForms. Visit WPForms » Add New page, enter a form name and then select ‘User Login Form’ template.


New login fom


This will launch WPForms’ Form Builder. You will see the login fields pre-loaded in your form. You can click on a field to edit it.


Editing your login form


Next, you need to click on the Settings tab and then select confirmation. This is where you define what to do upon successful login.


Login confirmation


You can show users a message, show them a page, or redirect them to any URL.


Click on the Save button to store your form settings and then click on the close button to exit form builder.


You are now ready to add this custom login form to a page in your WordPress site.


Simply create a new page or edit an existing one that you want to use as your custom login page. Click on the Add Form button above the post editor.


Add form


This will bring up a popup where need to select the custom login form you created earlier and click on the add form button.


The form shortcode will appear in the post editor. You can continue editing the page, or you can save or publish it.


That’s all, you can now visit your website to your custom login page in action.


Login page preview


You can also add the login form as a widget to the sidebar of your WordPress site. Visit Appearance » Widgets page and add WPForms widget to a sidebar.


Select your custom login form in the widget settings and click on the save button to store changes.


Add custom login form to a sidebar widget


WPForms can not only create a custom login page, it can also be used to create a custom user registration page with anti-spam features. See our guide on how to stop spam user registration on your WordPress membership site for detailed instructions.


That’s all, we hope this article helped you create a custom login page for your WordPress site. You may also want to see our list of 10 WordPress plugins that will quickly help you get more traffic.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post How to Create a Custom Login Page for WordPress appeared first on WPBeginner.







11 Best Sales Page WordPress Themes for Marketers



Are you looking for the best sales page WordPress theme for your marketing campaign? Sales page or landing page WordPress themes help marketers convert visitors into paying customers. In this article, we have hand-picked some of the best sales page WordPress themes for marketers.


Best sales page WordPress themes


Why and When You Need a Landing Page or Sales Page Theme?


Studies conducted by MarketingSherpa show that 48% marketers create new landing pages for each campaign and 68% of online businesses use multiple landing pages to generate leads.


If you are a business trying to sell products and services online, then you need a landing page designed to generate sales and leads.


A good landing page has a prominently displayed call to action, followed by a breakdown of features and unique selling points of your product or service.


It helps you avoid distracting web design elements such as sidebars, blog posts, etc. At the same time, it helps you add social proof like testimonials, social profiles, etc.


Combining a landing page WordPress theme with a lead generation software like OptinMonster can increase your leads multiple times.


Pro Tip: Not sure which theme to choose? See our guide on how to choose the best premium theme for your WordPress site.


Having said that, let’s take a look at some of the best sales page WordPress themes to boost your marketing campaigns.


1. Landing


Landing


As we mentioned earlier that successful marketers create new landing pages for each marketing campaign. Landing is a powerful WordPress landing page theme that comes with 25+ pre-designed layout.


It also comes with the Themify Builder which allows you to edit existing layouts using a drag and drop interface. You get multiple header types, so you can create countless landing pages with different styles and layout.


It has built-in features like a portfolio, testimonials, events, social media integration, and eCommerce support. All layouts are designed to be fully responsive and look equally great on retina devices as well.


2. Divi


Divi


Divi is a drag and drop theme and WordPress page builder. It is an extremely easy to use with 20+ layouts/templates for different kind of websites including landing pages.


You can create and save your own Divi layouts. You can also export a layout from one Divi installation into another. Divi also comes with tons of elements that you can drag and drop anywhere in your layout.


With this kind of flexibility, you can quickly create landing pages for your marketing campaigns. The best part about is that you can reuse your layouts on as many websites as you want and edit them just as easily.


3. Beaver Builder


Beaver Builder


Beaver Builder is the best drag and drop page builder plugin for WordPress.


It comes with ready to use modules and templates which allow you to create as many landing pages as you like. All templates are fully responsive and look great on any device.


The best part is that it works with any WordPress theme. If you have an existing website, then you don’t even need to change your theme to create awesome landing pages.


4. OnePage


OnePage


OnePage is a WordPress landing page theme with a drag and drop page builder. It features a fully responsive layout with beautiful ready to use layouts.


Apart from the usual features, it comes with Twitter feed, Pricing table, testimonials, portfolio, and clients sections. It also has parallax backgrounds, built-in slider, and CSS3 animations.


5. Moesia Pro


Moesia Pro


Moesia Pro is a landing page WordPress theme for business websites. It comes with a drag and drop page builder with different content blocks. You can add and arrange the blocks to easily build your homepage.


It features a fully responsive modern layout and comes with slider, Google fonts, contact page, etc.


It also allows you to easily add services, testimonials, clients, portfolio and social profiles. The page layout uses CSS3 animations which makes your landing page much more engaging.


6. Parallax


Parallax


Parallax is a modern landing page theme with 40+ ready to use layouts. All layouts are fully responsive and can be easily edited with a drag and drop builder.


Parallax features fly in elements, parallax backgrounds, portfolio, and team sections. It has easy to add animated progress bars, list and grid layouts, and infinite scroll. You can also add image filters like sepia, grayscale, and blur to your images without using Photoshop.


7. Sydney Pro


Sydney Pro


Sydney Pro is a modern WordPress landing page theme featuring full screen background and fully responsive layout. It comes with five extra templates each with different layout so that you can create as many landing pages as you need.


It comes with full screen video background support which allows you to create highly engaging page headers. Sydney has built-in slider, custom widgets, portfolio, clients, team, and testimonial sections.


8. Roxima


Roxima


Roxima is a beautiful landing page theme for business websites. It is fully responsive and comes with multiple custom widgets and layout choices.


Roxima comes with built-in about, services, portfolio, client, and team sections which can be easily added to homepage using drag and drop. Theme also features multiple layout choices with endless design possibilities.


9. OneEngine


OneEngine


OneEngine is a one page WordPress theme that can be used as a sales page or landing page. It allows you to easily build your page and add custom sections.


It has a modern design with sections to add your portfolio, testimonials, services, etc.


10. The Launcher


The Launcher


The launcher is a free landing theme for upcoming product launch. It can also be used as a regular landing page for your products or services.


It comes with easy customization options, call to action placement, sticky menu, clients section and pricing table. It is fully responsive, SEO friendly, and compatible with WooCommerce.


11. Illdy


Illdy


Illdy is a free responsive WordPress landing page theme that can also be used on a business website. It allows you to easily create your landing page using theme customizer.


It comes with about, services, testimonials, projects, and teams sections. Theme comes with its own free companion plugin which adds additional functionality to your theme.


That’s all for now. We hope this article helped you find the best sales page WordPress theme for your website.


Ready to Start Your WordPress Website?


You may also want to check out our guides on:



If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post 11 Best Sales Page WordPress Themes for Marketers appeared first on WPBeginner.







How to Create a Killer About Page



alt="How to Create a Killer About Page" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/writing-thumb-500x500_c.jpg" />

Whether you’re a solo-preneur or part of a thousand-strong team, your “About” page is one of the most important pages on your website.

Take a moment to think about your own browsing habits: when you find a new business that looks interesting, title="About WHSR" href="http://www.webhostingsecretrevealed.net/about-us/">the “About” page is usually one of the first places you go to find out more about the organization and its people. As one of the most visited pages on your website, you want to make your “About” page represent the best side of you and your business.

After all, it could mean the difference between an interested reader who eventually becomes a customer, and a bored browser who leaves your website, never to return.

Here are some tips to help you create an “About” page that will keep your visitors hooked.

Ask yourself why your “About” page exists

class="alignright wp-image-5737 border" alt="Article writing guide" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/01/0110-11.jpg" width="280" height="311" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/01/0110-11.jpg 350w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/01/0110-11-269x300.jpg 269w" sizes="(max-width: 280px) 100vw, 280px" />

For most businesses, the purpose of the “About” page is to provide more information about the people behind the scenes, revealing a little about who you are and what you do. Even though all readers know logically that real people with their own backgrounds and interests are behind a website or business, it still helps to have  an “About” page to confirm this fact. As with all pages on your web site, the “About” page is a great opportunity to convert readers to clients.

By providing more information about the people involved, readers feel like they know you a little better, which helps create trust and the beginnings of a positive rapport.

Picture your ideal audience

Think of the main readership or audience of your website, and tailor your “About” page with them in mind. It can help to image you’re writing the page especially for a real or fictional reader.

For example, if I’m writing a blog that offers money-saving tips and my target readership is single mothers with one or more children under ten, I might picture a 34-year old woman called Megan, who juggles two part-time jobs and is determined to save money for her son’s college fund. Even though I’ve created Megan out of thin air, picturing her while I’m creating my website’s “About” page will help me keep it relevant and interesting to the people who are most likely to be readers.

Get creative with the headline

This article might be called ‘How to create a killer “About” Page’, but that doesn’t mean it has to be called an “About” page.

title="Headline Writing Skills" href="http://www.webhostingsecretrevealed.net/blog/inbound-marketing/headlines-writing-guides/">Find a headline that’s relevant to your business and how it helps the reader. For example, “How I found happiness, love, and freedom by getting out of debt” is a lot more intriguing than plain “About”. There’s nothing necessarily wrong with using “About” if it fits with the tone and content on the rest of your website, however try exploring a few alternative options that more likely to grab readers’ attention.

Open with value

Writing the first paragraph of an “About” page is challenging, and many people jump straight in with something like “Born in 1978, Chris knew from the age of five that he wanted to be a web designer”.

While that information might be interesting to a handful or readers, you need to treat your “About” page like a newspaper article. Start with the most important information to draw people in, then go into more detail further down the page. The most important information for readers is always what value they can get out of your website or business, so open with this before addressing anything else.

Be personal

After you’ve explained the value readers can get from your site, reveal a little about your personal background, or that of your company. The information should be relevant to the website, including how you got to where you are, and, especially if you’re a solo-preneur, why you think it’s important to solve the particular problem or need that your business solves.

As well as information about who you are, include your picture – if you’re running the website alone – or a picture of your team. Being able to connect a name with a face will help readers feel like they know you a little better – just remember to choose a picture that fits with the rest of the website.

For your references, here are some well-personalized about page.

Joseph Payton

href="http://josephpayton.com/about/">class="border" alt="Sample of About Page" src="http://www.webhostingsecretrevealed.net/images/2012/0507-5.jpg" width="750" />

Bert Timmermans

href="http://www.berttimmermans.com/about-me/">class="border" alt="Sample of About Page" src="http://www.webhostingsecretrevealed.net/images/2012/0507-6.jpg" width="750" />

Molecube

href="http://molecube.ca/">class="border" alt="Sample of About Page" src="http://www.webhostingsecretrevealed.net/images/2012/0507-7.jpg" width="750" />

FT Designer

href="http://ftdesigner.net/">class="border" alt="Sample of About Page" src="http://www.webhostingsecretrevealed.net/images/2012/0507-8.jpg" width="750" />

Justin Delabar

href="http://www.justindelabar.com/about/">class="border" alt="Sample of About Page" src="http://www.webhostingsecretrevealed.net/images/2012/0507-9.jpg" width="750" />

Include contact details

You should include your contact information on your “About” page, and make it clear that customers can contact you. Whether this is an email address, a physical business address or an office phone number, making yourself available for readers to contact you will help build their trust of you or the business you’re writing about.

Include proof

Even if you have statistics, awards, and testimonials elsewhere on your website, it’s still relevant to include them on your “About” page. If you have a high number of subscribers, website visitors, or a large social networking following, sharing these figures can help improve the credibility of your site with new readers. Equally, a testimonial describing a previous customer’s experience with your flagship service or product helps establish the reputation and quality of your brand.

End with an ask

You’ve explained how your website can help readers, revealed information about your background and who you are, and demonstrated proof of your brand’s quality.

To finish, you need to tell readers what you want them to do with that information. Your call to action might involve asking readers to subscribe to your email list, to contact you directly, to share the site on a social network, or to visit other areas of the website, such as the store. Most readers won’t think to do any of these things unless you ask, so do all the thinking for them.

Rewrite, rewrite, rewrite

Just because you’ve finished your “About” page doesn’t mean it’s set in stone: you can change it as many times as you want. The first incarnation is unlikely to be perfect, and you can update it as and when you need to. If you find writing an “About” page challenging, you might be tempted to leave it untouched for months, even years. During that time, however, your business is undoubtedly shifting and changing, so use as many opportunities as you can to improve the copy, tighten up the focus, and create the “About” page your business deserves.


Page 24 – Web Hosting Secret Revealed




WordPress Tutorial: How To Create An Awesome Page Flip Plugin



alt="WordPress Tutorial: How To Create An Awesome Page Flip Plugin" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-3-500x402_c.jpg" />

Note: We no longer support this WP plugin as the author is not writing for us for now. 

Starting today, every week we’ll feature an awesome coding tutorial, teaching you how to do custom stuff using WordPress, from basic to advanced. Today we’ll create a plugin (so you’ll learn the basic steps on this) to generate a “page flip” gallery, using JS.

I bet you’ve seen one of those in your early web days, but those were mostly done using flash, which now is quite of deprecated (it still has its value, but it’s not the best option for this kind of thing anymore).

The basic functionality will be create a new href="http://www.turnjs.com/#samples/html5">type of gallery based on a few images and their sizes, via shortcode.

Let’s get started then!

Zip & Install

The best way to see it in action is installing it yourself. You can href="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/flipbook-gallery.zip">download it here. Install and activate the plugin, then all you need to do is to add the shortcode in a page, like this:

[flip_book ids = "78 79 78 79 79 78 78 79 79 78" width="300" height="225" display="double"]

Quick Preview

And this is the kind of result that you’ll get:

class="aligncenter size-full wp-image-1731" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2.jpg" alt="Flipbook Effect " width="600" height="223" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2.jpg 600w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2-300x111.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />

But what sort of black magic goes on there? Well, it’s quite simple actually. Let’s learn how to create something like this.

The Header

First of all you’ll need to create a new folder and a new .php file. At this point it would be awesome if you have a test environment, so you can break and test stuff.

The file and folder should have a simple and unique name, so you’ll avoid conflict with existing plugins. Then the basic content of our file is something like this:

/*
    Plugin Name: FlipBook Gallery
    Description: Create a shortcode for flipbook galleries.
    Version: 1.0
    Author: Web Revenue Blog
    License: GPL2
*/

Pretty simple, huh? Once you create this file you’ll see your plugin in the list under WP admin > Plugins, and you can activate it (but if you only have this content in your file it won’t change a lot your site).

Calling scripts

Now we need to include some important external assets here. The required external files for basic functionality are:

  • jQuery (1.9+)
  • Turn.js script
  • Turn basic styling

If you simply add the script and style tags there you’ll have some issues. For instance, the double jQuery call will probably break your site. Also WordPress itself won’t “know” that you’ve created those items, so if a different plugin calls turn.js again or a different styling it’ll break your site.

That’s why we should always use the wp_enqueue_script and wp_enqueue_style functions. Here is the basic usage:

function plugin_scripts( ) {
    wp_enqueue_script('jquery');
    wp_enqueue_script('turn', plugins_url( 'js/turn.js' , __FILE__ ), array('jquery'), '1.3', false);
    wp_enqueue_style('turnCSS', plugins_url( 'css/style.css' , __FILE__ ), false, '1.3', 'all' );
}

We are calling external items in 3 different ways, here they are:

  • Calling an existing item: jQuery – We don’t need to pass a lot of parameters if we know for sure that WordPress already load this script, we’re just telling him “Dude, this script MUST be here otherwise our code won’t work”
  • Creating a new script – you’ll need to pass some attributes like name, file location, required items (in this case it requires jQuery), version, and if it’s loaded in the footer or header (false = header, true = footer)
  • Creating a new style – Pretty much the same as the previous one, with a small difference in the last attribute, that says which media type this style if for

One of the important things you should consider when you’re calling external scripts is if there is more code that will depend on this plugin. That is basically what defines if your file will be called in the header or footer.

In our case, we have some additional scripts to set up the gallery only when its HTML is created, and that will be added in the body. This is why we MUST add this script in the head, otherwise when our code is called the “turn” function is not there yet.

After this nice code we need to tell WordPress to load those as scripts, the action “wp_enqueue_scripts” will do this:

add_action('wp_enqueue_scripts', 'plugin_scripts');

The Shortcode

Let’s start with the action to create the shortcode. It’s quite simple, you just need to add the shortcode trigger, and the function that will be executed:

add_shortcode("flip_book","create_flip_book");

Now we need to create our function and get our attributes. But some of the attributes can be optional, which means that we’ll need to create default values for them. We could create a lot of if’s there testing if the attribute is empty, but this is one of the cases where ternary operation is better than the regular if call.

Ternary operations are kind of if statements directly in variable’s value. If follows this structure:

$variable = ( CONDITION ) ? "VALUE IF CONDITION IS TRUE" : "VALUE IF CONDITION IS FALSE";

You can see them in action in the first part of our function:

function create_flip_book( $attr ) {

    //Preparing the IDs to be processed
    $array['ids'] = explode(" ",$attr['ids']);

    //display mode
    $array['display'] = empty( $attr['display'] ) ? "single" : $attr['display'];//standard value

    //width
    $array['width'] = empty( $attr['width'] ) ? 400 : $attr['width'];

    //height
    $array['height'] = empty( $attr['height'] ) ? 300 : $attr['height'];
    //HTML and the rest of the code goes here
}

Then we’ll need to create the HTML, and the basic call for our images. Another important point here is to adjust the size if we’re using magazine style (it should be 2x the width since we’ll have 2 images instead of one):

<?php
    if ( $array['display'] == "double" ) {
        $array['width'] = $array['width'] * 2;
    }
    // HTML, JS and Black Magic
?>
<div id="flipbook">
    <?php
        for( $i = 0; $i < sizeof( $array['ids'] ); $i++ ) {
    ?>
        <div>
            <?php
                echo wp_get_attachment_image( $array['ids'][$i], 'full' );
                if( $array['display'] == "single" ) {
            ?>
                <span><?="".($i+1)?>/<? echo "".sizeof($array['ids'])?></span>
            <?php
                } else {
            ?>
                <spanright" : "left");
                ?>">
                <?php
                    echo "".($i+1)?>/<? echo "".sizeof($array['ids']);
                ?>
                </span>
            <?php
                }
            ?>
        </div>
    <?php
        }
    ?>
</div>
<script type="text/javascript">
    jQuery("#flipbook").turn({
        width: <?php echo $array['width']; ?>,
        height: <?php echo $array['height']; ?>,
        autoCenter: true,
        display: '<?php echo $array['display']; ?>',//single page or double page
        acceleration: true,
        gradients: ! jQuery.isTouch,
    });
</script>

What do you think?

Now you can tweak and modify this as you want, adding more options (check out their awesome examples for more inspiration), adjusting what doesn’t work for you, or combining this with other plugins.

Do you have any WordPress concept you want to learn a little bit more? Maybe something you want to learn how to do? Let us know via comments and we’ll be glad to include this in a future post!


Page 20 – Web Hosting Secret Revealed




Custom Page Flip Effect



alt="Custom Page Flip Effect" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/07/wp-bookflip-500x148_c.jpg" />

style="text-align: center;">class="aligncenter wp-image-1731 border" alt="Flipbook Effect" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2.jpg" width="750" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2.jpg 600w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/0611-2-300x111.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />

class="row-fluid">class="span6">

class="meteor-icon circle" style="font-size:12px !important;">
class="rounded icon-desktop black1-bg" style="width: 12px; height: 12px; color:#fff !important; padding: 8px !important;">
Plugin Details

A light-weight WP plugin that generate a “page flip” gallery, using JS., plugin developed by Rochester Oliveira.

We bet you’ve seen one of those in your early web days, but those were mostly done using flash, which now is quite of deprecated (it still has its value, but it’s not the best option for this kind of thing anymore). The basic functionality will be create a new href="http://www.turnjs.com/#samples/html5">type of gallery based on a few images and their sizes, via shortcode.

class="meteor-icon" style="font-size:13px !important;">
class="icon-file-text-alt" style="color:inherit !important;">
Learn more: title="How to create a custom page flip plugin" href="http://www.webhostingsecretrevealed.net/blog/inbound-marketing/wordpress-development-creating-an-awesome-page-flip-plugin/">How to create a custom page flip plugin.

class="span6">

Take Action Now

Download and use this plugin on your WP blog.

style="text-align: center;">class="meteor-capsule" href="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/flipbook-gallery.zip">Download Plugin (.zip)


Page 19 – Web Hosting Secret Revealed




9 Strategies to Get Your First 1000 Page Views



alt="9 Strategies to Get Your First 1000 Page Views" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/format-500x166_c.jpg" />

title="Starting a blog" href="http://www.webhostingsecretrevealed.net/how-to-start-a-blog/">Starting a blog over 10 years ago had its advantages: there wasn’t much competition, and if you could find the right niche, you could land a sweet spot that would last. The way to build readership was easy – simply comment on other blogs. Since there weren’t as many, it was an easy way to gather followers.

Nowadays, the sailing isn’t as smooth. There are over 4 million mom blogs in the U.S. alone. Today’s bloggers have to be savvy and competent. The good news is that if you make your first 1,000 monthly page views, you’re way ahead of the pack. Here are list of resources that will help you take your blog from Day 1 to 1000 page views.

1. Share, share, share!

class="aligncenter size-full wp-image-8571" alt="social media share" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/social-media-share.jpg" width="750" height="250" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/social-media-share.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/social-media-share-300x100.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

“Shared and done” is no longer the name of the game.

You must continually share your posts, over and over. If you are invited to join a group Pinterest board that matches your niche, sign up and share and comment frequently. If you join a list of like-minded bloggers, odds are they will share each other’s content on a regular basis – weekly or daily. This will really help grow your readership and engagement. That said, pay attention to your social media stats. Don’t waste time where your efforts are not paying off. Instead, invest them where you see engagement.

For an excellent checklist on how to share daily, download  “href="http://www.thesitsgirls.com/blogging/how-to-grow-your-blog-business/">Growing Your Blog as a Business” on the SITS Girls website.

2. Research!

class="aligncenter size-full wp-image-8574" alt="research" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/research.jpg" width="750" height="250" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/research.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/research-300x100.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

You need to know the latest trends and tips for social media engagement, SEO, domain authority and page ranking. For example, it’s been getting more difficult to get proper engagement on Facebook fan pages but this social media outlet is not dead – yet. And if you want to participate in campaigns, you need to be active in this area. “href="http://www.spajonas.com/2014/01/16/increasing-facebook-page-engagements-the-one-two-punch/">Increasing Facebook Page Engagements – The One-Two Punch” by writer and web developer S.J. Pajonas, explains how you can make Facebook work for you while safeguarding your page against future algorithm changes. In addition, every social media outlet has tools to track engagement, and you should be using Google Analytics to gage how your blog is reaching growing. It’s not only important to understand these, but check out the latest trends.

For example, while Google’s Page Rank is not dead, Domain Authority, by MOZ.com, is becoming a fast-growing replacement. href="http://moz.com/learn/seo/domain-authority">Learn more about Domain Authority at Moz.com.

3. Set up content in a way that’s easy to read.

class="aligncenter size-full wp-image-8575" alt="format" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/format.jpg" width="750" height="250" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/format.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/format-300x100.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

I get really frustrated when I find a blog with a title I’m completely excited about only to find 1000 words, with few paragraphs, no headings or bullets and tiny fonts. This will drives readers away. In addition, don’t burden people with turns of click-throughs, link directly to your article. While popular for magazine articles, but can waste a reader’s time. Know your readers’ time constraints and what drives them stay on your site.

Set up your content in a way that addresses that: chunks of digestible info separated by images, bullets and headings.

4. Don’t forget about design.

class="aligncenter size-full wp-image-8573" alt="format and web design" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/forma.jpg" width="750" height="250" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/forma.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/01/forma-300x100.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

This goes hand in hand with the last bullet. Design is not the most important element but it’s important to tailor it so that the audience can read your content easily, find great stuff or income links quickly and share your content easily. You also want your site to be mobile-friendly so I recommend looking for responsive themes. Keep your site clean, legible and accessible. That means making sure your load times are fast too. href="http://developers.google.com/speed/pagespeed/">Google’s Page Speed tool can help you fix errors. href="http://www.webhostingsecretrevealed.net/choose-the-right-web-hosting/">If your host is slowing you down, it’s time for a change.

In addition, new visitors should instantly understand what your site’s theme and quickly find the most interesting content and how to subscribe. Make sure that you have both email and RSS feeds, as well as services like BlogLovin’. Put links to all your social media in a prominent position to make it a no brainer for readers to follow you.

5. Offer your readers something of value.

I’m starting up a new program to share with my readers regular coupons and other resources that speak to their lifestyle: discounts on gluten-free, organic and nontoxic foods and products. Since I already hunt for these deals for myself, this is a no-brainer for my community. I’m also working on an ebook to coordinate all my resources and get them together to share with my readers, just as a bonus for reading my site. And I do regular giveaways in my niche.

Go above and beyond to help your niche save money and time, or provide them data in a usable format.

6. Don’t just join a community; truly connect.

This may mean that you’ll need to be invited to private Facebook or other groups or invitation-only events. The key is not just to consistently seek out your tribe but to also reward other members in it and connect with them. Help out at Twitter parties. Share articles in your newsletters. Round up and reward blogs that you love by featuring one every week or month. Ask how you can help someone out with a guest post or by offering guest post spots. Sell their products, use their affiliates links, promote their links on your social media while tagging them. As opportunities to recruit bloggers come up, these bloggers will remember your help and invite you to participate.

style="line-height: 1.5em;">7. Don’t worry so much about comments.

I write a blog about parenting kids with special needs. While my numbers are good and I have a steady, sizable audience, I have very few comments, except from my comment groups. That’s because the parents who read my site just don’t have the time to engage. They need the bite-sized helpful content, and then they’re moving on. In fact, on my blog, those who want to reach out are more likely to email me personally and keep their information confident. In addition, less people are actually commenting on sites in general because they are more likely to share on social media. Are blog comments completely dead? I don’t think, but they are appearing less frequently (other than spam). You need to keep comments active, though, if you are applying for blog campaigns, because you’re more likely to get chosen if you have active comments. That is why joining a group that focuses on supporting each other’s comments is critical.

8. Don’t forget search engine optimization.

I recently heard that SEO might be dead – don’t believe it!

It has changed, though, and writing quality content with your keywords and integrating them your social media marketing is a must. In “href="http://www.entrepreneur.com/article/230937">5 SEO Trends Every Entrepreneur Needs to Know for 2014,” Entrepreneur.com contributor Jayson DeMers answers the question, “Is SEO dead?” with some very concrete tips on making your site search engine successful in this day and age.

9. A little controversy goes a long way.

A blogger on one of my networks this morning more than tripled her regular page views in one night by writing about a very hot topic that’s in the press nowadays. Now, it’s ok if controversy is not your thing. Personally, I don’t care for this for my own blog, it’s just not my style. However, if you write something that embraces one side of a controversial issue that is in the news you will draw comments – and possibly flamers! It’s one of the quicker ways to go viral, so consider it.

Bottom line

style="text-align: center;">class="aligncenter size-full wp-image-6572 border" alt="You can do it!" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/09/doers.jpg" width="750" height="300" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/09/doers.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/09/doers-300x120.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />

If you are new blogger, you have your work cut out for you! Social media engagement, live events attendance, comment/share groups membership, search engine optimization: there’s just no excuse to leave anything out anymore. Blogging is no longer a quick hobby, it’s an ongoing endeavor. If this sounds overwhelming to you, get in the game by blogging once a week or a few times a month. Work really hard on those posts, and then do the next thing: Tweet, pin, Facebook, instagram, G+. In 2014, you can’t afford to be stagnant.

Images credit: href="http://www.webhostingsecretrevealed.net/discount-freebies/free-icons/leaf-flat-social-media-icons-set/">WHSR Leaf Icon Set


Page 15 – Web Hosting Secret Revealed




Why Your 404 Page is Important and How to Make it Brilliant Instead of Boring



alt="Why Your 404 Page is Important and How to Make it Brilliant Instead of Boring" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/error-404-500x312_c.jpg" />

At some point in the life of your website, a visitor is going to stumble onto a 404 error page. Perhaps the visitor adds a strange extension to the end of the web address, or maybe she has bookmarked an old page and your organizational structure has changed. Whatever the reason, when the visitor hits that 404 page, you want it to be a funnel back into your site or you risk losing your visitor to your competition.

The Goal of the 404 Page

id="attachment_11065" style="width: 310px" class="wp-caption alignright">class="size-medium wp-image-11065" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error-300x182.jpg" alt="404 error" width="300" height="182" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error-300x182.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error.jpg 750w" sizes="(max-width: 300px) 100vw, 300px" />class="wp-caption-text">Photo Credit: href="https://www.flickr.com/photos/50235987@N00/2891898817/">CyboRoZ

The goal of the 404 page is to keep a visitor on your site even if she hits a page that doesn’t exist.

When done creatively and with purpose, a 404 page can not only retain the visitor but make her hang around and check out what else is going on around your dot com. Some things to keep in mind for your 404 page:

  • Should be free of advertising
  • Should let the user know she’s reached the page in error but how you let her know can reflect the personality of the site
  • Should funnel the visitor to other pages or the home page
  • Should be static HTML and not contain complex scripts that might create additional errors for some users
  • Should load as quickly as possible

What NOT to Do

Before we talk about some creative uses of the 404 error page, let’s look at some examples of generic 404 pages and why you shouldn’t use them. As a web savvy person, you automatically understand why a 404 error was returned. However, your site visitors might be new to the Internet or not fully understand how websites work. A generic 404 page can frustrate these newbies and make them leave your site never to return.

Let’s look at a common error message on a site without a customized 404.

class="border aligncenter wp-image-11058 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error.png" alt="404 error message" width="750" height="160" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/404-error-300x64.png 300w" sizes="(max-width: 750px) 100vw, 750px" />

In the above example, the site visitor may wonder why there is a 404 error and what the even is. This message also doesn’t give the visitor any options to stay on the site. More than likely, the unsavvy non-tech user will simply leave your site at this point. This is a shame as the only problem might be a mistyped word or misplaced letter.

Samples of Good 404 Pages

Take the time to customize your 404 message and you are less likely to lose those visitors who stumble across an error. Below is a screenshot of the 404 message from my own site. It funnels the site visitor to other choices on the site. Hopefully, the visitor will stay and check out other offerings.

Lori Soard (my site)

id="attachment_11059" style="width: 760px" class="wp-caption aligncenter">class="wp-image-11059 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/lori-soard-404.png" alt="lori soard 404 error page" width="750" height="359" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/lori-soard-404.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/lori-soard-404-300x143.png 300w" sizes="(max-width: 750px) 100vw, 750px" />class="wp-caption-text">404 error page at LoriSoard.com

 

In the example above, I’ve done a couple of things to funnel site visitors to the rest of my site. First, the look of the 404 page is just like the rest of my pages. My header is there and so is the navigational structure. If your site is extremely graphics heavy, you may want to use something a bit different to help this page load more quickly.

I have also changed the wording to let the visitor know that the page can’t be found on the site but offered them the ability to search for what they need. Finally, further down on the page is my most recent posts and under this (you can’t see it in the screenshot) is categories and popular topics.

This offers the site visitor a lot of options, but you can also narrow the choices to funnel them to a specific page. I do that on other sites where the purpose of the site is narrower.

Web Hosting Secret Revealed

id="attachment_11124" style="width: 760px" class="wp-caption aligncenter">class="border wp-image-11124 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/whsr-404-page.jpg" alt="" width="750" height="425" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/whsr-404-page.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/whsr-404-page-300x170.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />class="wp-caption-text">404 page at WHSR

It’s little surprise that WHSR does their 404 page well.

 

Here at WHSR, there is a 404 error page that offers the similar benefit of having the same navigational structure as the rest of the site. The grumpy cat image adds a whimsical touch and the text jokingly says “the cat ate our file”.

Adding a bit of humor can keep visitors on your site. The visitor assumes if the error page is funny and well written that the articles might be as well.

Blue Fountain Media

href="http://www.bluefountainmedia.com/error404" target="_blank">Blue Fountain Media is a site that does a 404 page really well. While it breaks the rule of no scripts, it is effective in getting the visitor to stay on the site for a bit. It is also original and thus memorable.

href="http://www.webhostingsecretrevealed.net/blog/web-design/why-your-404-page-is-important-and-how-to-make-it-brilliant-instead-of-boring/attachment/blue-fountain-media-404/" rel="attachment wp-att-11061">class="aligncenter size-full wp-image-11061" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/blue-fountain-media-404.png" alt="blue fountain media 404" width="750" height="355" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/blue-fountain-media-404.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/blue-fountain-media-404-300x142.png 300w" sizes="(max-width: 750px) 100vw, 750px" />

Blue Fountain Media invites the visitor who can’t find the page he is seeking to hang around and play a game of Pac Man. Who could resist? Of course, the navigational structure and contact info is located at the top of the page in case the visitor wants more info on Blue Fountain Media.

Since people love games, the visitor may even bookmark this 404 error page for future visits.

Wikipedia

Wikipedia is another site that breaks some of the basic rules of 404s, but does it so well that you have to offer a bit of applause at the brilliance.

href="http://www.webhostingsecretrevealed.net/blog/web-design/why-your-404-page-is-important-and-how-to-make-it-brilliant-instead-of-boring/attachment/wikipedia-404/" rel="attachment wp-att-11062">class="aligncenter size-full wp-image-11062" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/wikipedia-404.png" alt="wikipedia 404" width="750" height="322" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/wikipedia-404.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/wikipedia-404-300x128.png 300w" sizes="(max-width: 750px) 100vw, 750px" />

Wikipedia takes the 404 one step further and assumes that the site visitor is planning to go to a page with a similar extension name. Wikipedia then automatically redirects the site visitor to the page it thinks the visitor wanted.

While the assumption may or may not be correct, the visitor is still taken to an interesting page, which may keep him on the site or invite him to explore some more. There are also links provided to the main page.

Tips to Revamp Your Page

  • Throw out the techie terms. Your site visitors don’t care why the page isn’t there or what caused the error as much as they care about getting to the page they want.
  • Include a link to the home page.
  • Don’t point your finger at your visitors. No one likes being told he is wrong. Instead of saying “you typed a wrong url” simply state that the page can’t be found.
  • Creativity is good, but insanity is not. WHSR’s 404 page (screenshot above) is a good example because it offers humor, but doesn’t have flying monkeys zooming in and out.

Google also offers href="https://support.google.com/webmasters/answer/93641?hl=en" target="_blank">some specific tips for creating a useful 404 page.

How to Add a Custom 404 Page

Since most of our readers are likely on hosting platforms that offer cPanel, I’m going to provide directions and screenshots for uploading your custom 404 page via cPanel. You can also set up custom parameters in your .htaccess files. If you do not have access to the backend of your website, talk to your hosting provider about how you can upload a custom 404 error page.

1. Customize Errors via cPanel

Navigate to the control panel of your site. The address is probably something along these lines:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Once you’ve logged into your control panel, scroll down to the section titled “Advanced” and click on “Error Pages”.

href="http://www.webhostingsecretrevealed.net/blog/web-design/why-your-404-page-is-important-and-how-to-make-it-brilliant-instead-of-boring/attachment/controlpanel/" rel="attachment wp-att-11063">class="aligncenter size-full wp-image-11063" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/controlpanel.png" alt="control panel" width="750" height="361" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/controlpanel.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/controlpanel-300x144.png 300w" sizes="(max-width: 750px) 100vw, 750px" />3. Edit Error Pages

A list of error pages will pull up, such as in the image below. Click on 404 (Not found).

href="http://www.webhostingsecretrevealed.net/blog/web-design/why-your-404-page-is-important-and-how-to-make-it-brilliant-instead-of-boring/attachment/error-pages/" rel="attachment wp-att-11064">class="aligncenter size-full wp-image-11064" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/error-pages.png" alt="error pages" width="750" height="477" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/error-pages.png 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2014/10/error-pages-300x190.png 300w" sizes="(max-width: 750px) 100vw, 750px" />

The page that pulls up is a place where you can insert the codes you want for this page.

WordPress Custom 404s

WordPress probably offers the easiest way to customize your 404 page. Simply use a plugin such as:

  • Google 404
  • Useful 404s
  • Dunstan-style Error Page

If you are comfortable with coding, you can pull up your theme’s 404.php file and add some custom coding to force the page to do what you want. href="http://codex.wordpress.org/Creating_an_Error_404_Page" target="_blank">WordPress offers detailed instructions on how to accomplish this.

Now that you have some ideas for customizing your 404 errors and how to do so, you’ll want to take the time to check your site for broken links. The best 404 page, after all, is one that never happens. If you fix broken links, visitors are less likely to run into the dreaded 404 in the first place.


Page 11 – Web Hosting Secret Revealed