Category Archives: EnvatoTutsCode

How to Add an Audio Player to Your WordPress Site With a Free Plugin

Today, we’ll explore the HTML5 Audio Player plugin which allows you to embed and play audio files on your WordPress site. In this post, we’ll go through the different aspects of this plugin and we’ll also explore how to use this plugin to embed audio players in your WordPress site.

WordPress 15 Best WordPress Audio Player and Video Player Plugins Jane Baker

There are several reasons you may want to integrate an audio player on your website which can play different audio formats for your visitors—of course, if you are building a music website, it’s a must-have requirement. Also, you would like to choose easy-to-use and lightweight audio player which does the job for you.

read more

How to Code a Landing Page in Your WordPress Theme

Final product image
What You’ll Be Creating

If you’ve bought anything on the internet, you’ve probably come across a landing page. They’re a highly effective way of maximizing conversions from a website.

But just what is a landing page, and how do you create one for your WordPress site? 

In this tutorial, I’ll demonstrate what makes a landing page different from a normal page on your site, and show you how to create a landing page template file so you can have your own landing pages.

What is a Landing Page?

A landing page is a page on your site which is designed to sell something. 

You might direct people to it using SEO or via paid ads, or maybe from a call to action or widget on the other pages in your site. It’s a destination: somewhere you want people to do something.

Your landing page has just one job. That job will vary depending on the nature of your business, but it will normally be one of two things: to sell something, or to get a visitor’s email address.

So if you’re selling a subscription, a service or a product, your landing page will be designed to encourage people to buy that thing. The content will be designed to overcome objections, demonstrate how the product, service or subscription will meet the buyer’s needs, and get them to buy.

If your landing page is designed to get email addresses, it’ll normally offer something in return. That may be a sample, a coupon, or a freebie people can download.

Either way, when someone lands on that page (which is why it’s called a landing page), you don’t want them to go anywhere else until they’ve either bought from you or given you their contact details.

Which is why the most effective landing pages have no links apart from those directly related to the goal of the page. Your landing page should have no navigation menu to tempt people to other parts of the site, no clickable logo to take them to your homepage, and no sidebars or footer widgets to distract people.

This is why you need a dedicated page template that strips out all of these things.

Here’s the landing page on one of my sites:

my landing page with a button to sign up to my newsletter and no other links

It’s really simple. It has no links, no navigation menu and just one button, which takes you through to a signup form. 

You don’t want to give people the option to do anything else on your landing page, which is why you need a dedicated template file for it. The page will have no links taking the visitor away from the sales or subscription process. The only links on that page (and they should be big obvious buttons) will represent the top of your sales funnel.

If you use a standard page template to create a landing page, you’ll increase the chances of a visitor getting distracted and moving away from the sales process. 

So let’s start creating a custom page template instead.

What You’ll Need

To do this, you’ll need the following:

  • a development installation of your site
  • your own theme, or a child theme of a third-party theme (don’t edit third-party themes directly)
  • a code editor

I’ll show you the code from my own site’s landing page template as we go along.

WordPress How to Create a WordPress Child Theme Rachel McCollin

Creating the Page Template

In your theme (or your child theme), create a new page template. You can either do this by duplicating the page.php template or by creating a blank file and copying the contents of page.php into it. I’m calling mine landing-page.php.

Here’s my existing page.php file:

 * The template for displaying all pages.
get_header(); ?>

	if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>	
		<?php if ( has_post_thumbnail() ) { ?>
			<h2 class="entry-title desktop"><?php the_title(); ?></h2>
			<div class="quarter right"> 
				<?php the_post_thumbnail( 'large' ); ?>
			<section class="entry-content three-quarters left">
				<h2 class="entry-title mobile"><?php the_title(); ?></h2>
				<?php the_content(); ?>
			</section><!-- .entry-content -->
		<?php }
		else { ?>
			<h2 class="entry-title desktop"><?php the_title(); ?></h2>
			<section class="entry-content">
				<?php the_content(); ?>
			</section><!-- .entry-content -->	
		<?php } ?>
	</article><!-- #post-## -->

<?php endwhile; ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

read more

Best Free WordPress Calendar Plugins

Have you ever wanted to add event booking and appointment functionality to your WordPress based website for free? Luckily, there are many WordPress calendar plugins available for you to use. In this post, we will cover six different free to use WordPress calendar plugins to help you get started with booking events and appointments.

All these plugins offer a common set of features which is expected because they perform similar functions but some features and the UI of these plugins set them apart from each other.

read more

15 Best Templates for Mobile App Monetization

Imagine that you’re ready to kick-start your own mobile app development business. Chances are you’d like to use the best development practices for your first app, and also code it as quickly as possible. You’ll probably want to monetize your app as well! 

This post will show you some easy ways to launch your next ad-supported app project.

In this article I’ll look at what app monetization is, list different ways of monetizing your app, and take a brief look at in-app advertising as a way to monetize your app. 

read more

Best Free WordPress Plugins for Optimizing Website Performance

Did you know that search engines like Google give preference to fast-loading websites in their rankings? Visitors are also less likely to abandon your site if it loads quickly. Everyone expects a website to load as quickly as possible—if it doesn’t, they will likely abandon it and visit the competitor instead.

This means that a slow website with good content will still have a harder time bringing in visitors and potential business. On the other hand, a fast-loading website will help increase your business even further.

read more