Select Page
WordPress Tips and Tricks – How to Create Date Based Offers

WordPress Tips and Tricks – How to Create Date Based Offers



WordPress Tips and Tricks https://youtu.be/CrXNrXMWJl4 shows how to create date based offers https://www.rankya.com/wordpress-tips-and-tricks-2016/

Creating and testing different offers using this technique can reveal important insights for optimizing WordPress CMS built sites, use this method and see the results based on day of the week.

For more WordPress related to how-to videos visit:

Thank you for learning with RankYa

source

Create a Blog with the WordPress Divi Theme

Create a Blog with the WordPress Divi Theme



http://wpsculptor.com
In this step-by-step video tutorial, I walk you through the process of using the basic blogging features included with WordPress and the Divi theme. You will need to own the Divi theme and have a basic understanding of how it works to be able to follow along with everything in this tutorial.

Watch my comprehensive Divi theme WordPress tutorial:

Purchase the Divi theme through my affiliate link:
http://wpsculptor.com/divi

I will get a commission if you choose to support me by purchasing through the affiliate link, thank you so much for your support!

Table of Contents:

0:00:00 Overview of what you’ll learn in this tutorial

0:01:10 Setting up a blog page

0:02:43 Difference between static pages and a blog page

0:04:30 Deleting the sample blog post

0:05:14 Creating a blog post
-Using the Visual Editor
-Organizing your blog posts into categories
-Setting up a “featured image”

0:09:41 Using custom excerpts

0:11:14 Creating the second blog post

0:12:21 Adding a “video format” blog post with a YouTube video

0:14:11 Using widgets in the sidebar widget area

0:17:28 Controlling sidebar settings for individual blog posts

0:18:39 Permalink settings

0:20:34 Post info settings

0:22:31 Comment settings

0:25:53 A walkthrough of the comment process

0:26:45 Setting up a “gravatar” image that will show up on blog comments

0:29:04 Using the Divi Builder to create a grid of blog posts from specific categories

source

How to Create & Use Textured Backgrounds with Divi’s Design Options

How to Create & Use Textured Backgrounds with Divi’s Design Options


In today’s Divi tutorial, we’re going to show you how you can create simple textured backgrounds and use them as backgrounds for your sections to make your website look just a little bit more authentic. If you check out our recent free Learning Management Layout, you’ll see that we’ve used a textured background throughout all the pages as well.

Now, we’re going to start off by showing you two types of textures which we’ll recreate with Photoshop; textures made with shapes and textures made with brushes. Once you know how to do it, you can be as creative as you want and create authentic textured backgrounds. After that, we’ll show you how you can create stunning results by combining the textured backgrounds and Divi’s design options.

Image Result Made with Shapes

The first image we’ll show you how to create with Photoshop looks like this:

textured backgrounds

Result with Divi’s Design Options

And once integrated into Divi, you can obtain stunning results such as this:

textured backgrounds

Image Result Made with Brushes

The second image we’ll be making looks like this:

textured backgrounds

Result with Divi’s Design Options

And can deliver the following beautiful result when using it on your website:

textured backgrounds

How to Create & Use Textured Backgrounds with Divi’s Design Options

Subscribe To Our Youtube Channel

Create Textured Background with Photoshop

Made With Shapes

The first textured background we’ll show you how to recreate has mostly shapes on it that are created with the Polygonal Lasso Tool and Eraser Tool. We’ll guide you step by step on how to create the following result:

textured backgrounds

New File

Open Photoshop and start by adding a new file. This file will need a width of 1920px and a height of 847px.

textured backgrounds

Add Background Color

Then, add a background color to the file you’ve just created. Make sure you’re using slightly darker gray colors throughout the whole process. It’s essential to use a color that’s a bit darker since it’ll help you later on this post when adding Divi design options as well. In this example, we’ve used ‘#626262’ as the background color and we’ve used the Paint Bucket Tool to add the color to the layer.

textured backgrounds

Add Layer 2

Continue by adding a new layer right above the first layer.

textured backgrounds

Add the First Shape to Layer 2

Then, select the Polygonal Lasso Tool and start making a shape while having Layer 2 selected.

textured backgrounds

Once done, select the Paint Bucket Tool and use ‘#747474’ to color the selected part.

textured backgrounds

Add Layer 3

Then, add another layer right above Layer 2.

textured backgrounds

Add the Second Shape Layer 3

Continue by making another shape, like the one in the print screen below, by using the Polygonal Lasso Tool.

textured backgrounds

Select the Paint Bucket Tool and use ‘#6a6a6a’ this time.

textured backgrounds

So far, your image should be looking like this:

textured backgrounds

Use Eraser Tool on Layer 3

Moving on, select the Eraser Tool while having Layer 3 selected.

textured backgrounds

Use the Eraser Tool along with a brush that has 0% hardness and a size of 338px.

textured backgrounds

Then, go ahead and erase the area you want to be gone. We’ve deliberately only left a small part of Layer 3 where you can see a transition between Layer 2 and Layer 3.

textured backgrounds

Duplicate, Transform, Rotate & Place Layers on The Opposite Side

Now that we’ve created the left side, the other side will go a lot quicker. We want it to be the exact same, that’s why we’re going to select both Layer 2 and Layer 3. Then, we’re going to duplicate the layers.

textured backgrounds

Once duplicated, you’ll see them appear in your list of layers.

textured backgrounds

While having both duplicated layers selected, go to Edit > Transform > Rotate 180° and drag the layers to the other side of the image.

textured backgrounds

Save for Web

The only thing left to do is saving the image. To do that, click on File > Export > Save for Web.

textured backgrounds

Lastly, make sure the file is a JPG or PNG file and save it.

textured backgrounds

Made With Brushes

Next, we’re going to show you how to create textured backgrounds using brushes. The textured background which we’ll show you how to recreate looks in this case like this:

textured backgrounds

New File

Start again by creating a new document using a width of 1920px and a height of 847px.

textured backgrounds

Add Background Color

Once that’s done, add a background to the first layer with the ‘#8f8f8f’ color code.

textured backgrounds

Search for Matching Brush Online

The next step is finding a brush that matches the style of your hero section. There are plenty of free Photoshop brushes out there that are stunning and for free as well. You can find and download the one we’ll be using in this tutorial by going to the following page.

textured backgrounds

Upload Brush

Locate the ABR file on your computer and go to Photoshop to load the brushes. Select Edit > Presets > Preset Manager > Brushes > Load and select the ABR file you’ve saved on your computer.

textured backgrounds

Add Layer 2

Once done, add another layer right above Layer 1.

textured backgrounds

Use Brush with the Lightest Color

Then, you can start using your brush to create the textured background you wish by selecting the Brush Tool.

textured backgrounds

Choose the brush you want with a size of 600px and use an opacity of 60%.

textured backgrounds ‘

The first color we’ll be using is ‘#a0a0a0’. Go ahead and make the first brush layer on your image.

textured backgrounds

Use Same Brush with a Darker Color

Then, replace the previous color with ‘#ababab’ and do the same thing.

textured backgrounds

Use Same Brush with the Darkest Color

Lastly, you’ll need to use the ‘#686868’ color to finish your textured background.

textured backgrounds

Save for Web

Now that your textured background is done, the only thing that’s left to do is save the image. To do that, select File > Export > Save for Web.

textured backgrounds

Once again, choose if you want to save your image as a JPG or PNG file.

textured backgrounds

Add Textured Backgrounds to Sections

Textured Background Made with Shapes

You can play around with Divi’s background settings to achieve the exact result you want once you’ve created the images. For the textured background made with shapes, we’re going to choose a radial gradient type to have one of the gradient colors in the middle and the other one in harmony with our background image.

Gradient Background

Use the following gradient background for your section:

  • First Color: #474ab6
  • Second Color: #9271f6
  • Gradient Type: Radial
  • Radial Direction: Center
  • Start Position: 41%
  • End Position: 100%

textured backgrounds

Image Blend Options

Then, upload the image and use the following settings:

  • Background Image Size: Cover
  • Background Image Position: Center
  • Background Image Repeat: No Repeat
  • Background Image Blend: Overlay

textured backgrounds

Textured Background Made with Brushes

The gradient background that we’re going to use for the textured background made with brushes is linear. We’ll make a subtle transition that’ll still slightly separate the color that is being used in harmony with the background image.

Gradient Background

Open the section settings and use the following settings for the Background subcategory:

  • First Color: #474ab6
  • Second Color: #9271f6
  • Gradient Type: Linear
  • Gradient Direction: 270deg
  • Start Position: 70%
  • End Position: 100%

 textured backgrounds

Image Blend Options

Then, upload the background image and use the following settings along with it:

  • Background Image Position: Center
  • Background Image Repeat: No Repeat
  • Background Image Blend: Overlay

 textured backgrounds

Result

Now that we’ve gone through all the steps let’s, once again, take a look at the end result.

Image Result Made with Shapes

textured backgrounds

Result with Divi’s Design Options

textured backgrounds

Image Result Made with Brushes

textured backgrounds

Result with Divi’s Design Options

textured backgrounds

Final Thoughts

In this post, we’ve shown you how you can use textured backgrounds to make your website feel more authentic. We’ve shown you how you can create two types of textures with Photoshop and followed it up by showing you how you can use them within your sections along with Divi’s design options. If you have any questions or suggestions; make sure you leave a comment in the comment section below!

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

Featured Image by WEB-DESIGN / shutterstock.com

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

The post How to Create & Use Textured Backgrounds with Divi’s Design Options appeared first on Elegant Themes Blog.



Source link

10+ Best WordPress Themes For Conferences And Events 2016

10+ Best WordPress Themes For Conferences And Events 2016


This is a curated list of fantastic WordPress themes for both conferences and industry events. These themes have been selected based on their design, functionality, and user experience. While the themes have been specifically created for live conferences, they will also be ideal for other types of events where ticket sales are of the utter most importance.

Almost every occupation, and industry now hold regional conferences and trade shows, it is a great place to network, meet suppliers, and of course win new clients. Business conferences have therefore become large scale business operations themselves, and their success or failure depends on their ability to fill the venue with delegates.  Online marketing of these events has never been so powerful, but also never so competitive. A great WordPress theme can help you win this battle.

WordPress is by far the most popular content management system (CMS) and it is currently used by over 20% of all the websites currently on the web. A great design is never far away and can often be bought for less than $50. WordPress is easy to use, and it is for that reason that it is often the best choice for companies with limited technical knowledge.

Many of the WordPress templates curated below have specialist features that are unique to that particular theme, so it is important to choose the right theme for the job.


WordPress Themes Conferences & Events


Vertoh

A perfectly formed WordPress theme for both conferences and exhibitions. As you would expect from a professional theme of this level it is 100% responsive, has four different header options, and 15 awesome color combinations to choose from. The theme is also fully WooCommerce compatible.

This theme comes translated into eight different languages straight out of the box: English, Spanish, French, German, Dutch, Russian, Portuguese and Italian.

Vertoh Conference WordPress Theme

Download


Event Station

Event station is a brand new theme added to Themeforest on 18th July 2016.

The theme comes prepacked with the Visual Composer plugin that allows you to alter just about anything on the demo website. This template also allows you to offer 3D tours of the conference area, and can also be used to sell conference tickets using WooCommerce.

Event Station Conference Theme

Download


Event

A theme that touts itself as the ideal theme for conferences, events, meetups, and exhibitions. This fully responsive theme offers a video background to help grab your audiences attention, and offers a full 30 day money back guarantee.

Other notable features included are: unlimited color schemes, multilingual ready, ability to sell tickets on Eventbrite, and more advanced options in the options panel.

Event WordPress Template

Download


Conference

Another nice WordPress theme that provides all the information delegates will need to understand what your even is about, who is speaking, where it is to be held, and on what date. Also allows those wishing to purchase tickets to do so straight of the website.

As with all the other themes mentioned above the theme is 100% responsive, and allows unlimited color schemes. The template is also among the fastest loading themes in this collection with a Page Speed Grade of A97%.

Conference WP Theme

Download


Event Manager Theme

An event template that offers something a little different to the norm. A multi-page website with a clean customizable design. This theme has a very powerful (yet easy to use) event manager system to add program schedule, speakers, and create your registration form.

Event Manager Theme

Download


Expo 18 Conference Theme

A highly popular theme that has been built for professional conferences. The template is 100% responsive and offers numerous customization options; including 11 parallax animated backgrounds & color pallets. The theme colors can also be changed easily via a color picker. Over 500 Google fonts, 380 built in icons, custom login logo, and an advanced shortcodes generator (allowing you to add testimonials, agenda, speakers, sponsors, logos and bore besides).

When this template was originally released in 2012 I thought it was arguably the best conference WordPress theme ever released, and three years on I still feel the same. With over 2,700 sales and a rating of almost the full 5 stars this is the design to be beaten.

Expo18 Conference & Event Theme Image

Download


Meetup

A modern WordPress theme with 5 home page designs. This template touts itself as a “complete WordPress solution for events”.

The templates main layout is created using the visual composer plugin (that is included with the theme when purchased).

Other features include; 2 menu locations, 2 footer types, retina ready icons, countdown timer, and the fact that it is gravity form ready!

A great new template that provided the inspiration for this post.

Meetup Event Conference Theme

Download


IM Event

IM Event is exactly what it sounds like, a WordPress theme built for conferences and events on internet marketing – though it can obviously be used by anyone in the process of arranging any type of event.

The theme itself is offered as both a “light” version and a “dark” version to help cater to individual preferences.

This theme also makes use of the ever popular visual composer plugin that is the driving force behind so many of the best designed theme these days, allowing for easy customization without ever having to touch the code.

The theme offers the ability to purchase tickets with Paypal or offer free event registration.

IM Event WP template

Download


The Keynote

The ‘Keynote’ WordPress theme is a theme built primarily for conferences and events, but could also be used for exhibitions. You can sell tickets directly from your own website (using Paypal), or you can alternatively link this button directly to a third party (that is selling your events tickets on your behalf).

This theme has its very own page builder built right into the theme, has a landing page template, customizable skins for parallax sections, scalable container (so you can select the width of your websites content), and floating navigation. This theme has everything you could ever want built right in.

A modern events theme that offers you all the tools needed to create the ultimate promotional website.

The Keynote Template

Download


Event On

A retina ready conference & event theme that has been built on the Twitter Bootstrap 3 framework. This theme looks absolutely amazing on all devices and ensures you don’t miss out on any potential ticket sales.

A super flexible administration panel makes sure that you can customize colors, and the websites layout in minutes rather than having to mess around with code.

This theme as with so many on this list use the visual content builder plugin to help you create the layouts you want with ease, this plugin is included with your purchase.

Event On WordPress Theme Image

Download


Attend

A multi-page conference theme that screams professionalism. Choose between a static image or video background, and easily customize the theme using some of the very powerful template options available to you.

The themes developers claim to have contacted many of the leading conference organizers to get a feel of what they would like to see in a theme that has been built specifically for the organization of events, and they have added these suggestions. They have for the purpose of flexibility enables this theme to allow the embedding of virtually any ticket sales service to the pages seamlessly.

A modern take on how a conference theme should look, with a clean easy to navigate design. To be honest I am a little bit surprised that this template has not sold more than it currently has.

Attend Photography WordPress Theme

Download


Well that’s all the event & conference themes we will be sharing today, however we will be sure to add any new releases to our post as soon as they have been discovered by our team.

If you know of any fantastic conference themes that we have failed to include in our roundup please feel free to contact us in the comments section below, one of our editors will be sure to take a look and may decide to include the theme on the next update.

In the meantime I hope you have liked the themes we have chosen and will consider helping us to promote this post by any means you feel we deserve!

Thanks again and look forward to seeing you again very soon.


Post Views:
35,849



Source link

Prevent WordPress From Creating Duplicate Image Files – WordPress Tips

Prevent WordPress From Creating Duplicate Image Files – WordPress Tips



WordPress Tips and Tricks – Stop WordPress From Creating Duplicate Image Files Each Time You Upload an Image. http://www.nycwebdude.com/2015/11/10/wordpress-tip-say-goodbye-to-duplicate-image-files/ This simple fix will show you how to prevent WordPress from creating duplicate image files.
By default, WordPress creates additional sizes of the initial file whenever you upload an image – thumbnail, medium and large. This leads to unnecessary bloat and eats up your storage. Say goodbye to this problem and also find out how to delete the duplicate images already created.

source

Page 1 of 3412345...102030...Last »

Pin It on Pinterest