Wednesday, November 27, 2019

Facebook’s Android App Might be Getting a Dark Mode Soon

A lot of social media platforms and instant messaging services have started offering dark modes. A big part of the reason why this is the case has to do with the numerous health concerns that arose from people that used smartphones or stared at their screens all day, with the impact that this was...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World
Posted by at No comments:
Labels:

Button Style 95

The post Button Style 95 appeared first on Best jQuery.


by Admin via Best jQuery
Posted by at No comments:
Labels: , , ,

Bootstrap Vertical Tab 53

The post Bootstrap Vertical Tab 53 appeared first on Best jQuery.


by Admin via Best jQuery
Posted by at No comments:
Labels: , , ,

Study Shows How to Improve Your Social Media Posts: 9 Hints for Better Results in 2020

Brands, influencers and people post their ideas on social media, putting in their best effort to appeal to the public and to gain more recognition and ultimately to sell more. So here’s the question that arises: Is crafting the perfect post a utopian task? There are more KPIs than ever before...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World
Posted by at No comments:
Labels:

Create Multiple WordPress Event Calendars With the Calendarize it! Plugin

Calendarize it! is one of the most feature-rich WordPress calendar plugins that you can find in the market. You can use it to create different types of events like those with a fixed start and end time of a couple of hours, or events that span multiple days. You can also use it to create recurring events. The plugin comes with a lot of add-ons that add even more functionality to the core plugin.

In this tutorial, we will create an event calendar for a school which is organizing a sports month. All the sports event organized by the school will be listed on the event calendar. This example will help you quickly figure out how to use the plugin to create your own event calendars.

Getting Started

The first step would be to download the Calendarize it! plugin from CodeCanyon. Every plugin that you download from CodeCanyon comes with free lifetime updates and six months of support. This should help you get up and running in no time.

After downloading the plugin, you can install it on your WordPress website. Once the plugin has been installed, make sure that you enter your valid license key by going to Calendarize it! > Options > License. Adding a license key will allow you to download the free add-ons offered with the plugin.

When you install the plugin, you will see a dashboard notification that asks if you want to automatically set up the plugin. If you click on Confirm, the plugin will automatically create a couple of page for you like the event and venue templates. It will also create a calendar page with the Calendarize it! shortcode to display the calendar.

Automatic Setup

Adding Venues

Every sports event that you plan to organize will have to take place somewhere. So, it is a nice idea to start by adding some venues to the plugin. This way you will be able to quickly attach any venue to a particular event.

You can add a venue by going to Calendarize it! > Venues. The only information that is actually required to add a venue is its name. For example, if you plan to add a soccer game to the sports calendar, its venue could simply be school playground. This would be fine for events mentioned in a sports month calendar of a school.

Venue Name

However, if you are a big organization and your events can take place in different cities, states or countries, you will definitely want to provide more details. Luckily, the plugin allows you to add more information about a venue.

You can provide an address for the venue that includes the street name, city, state and even country. You can also add the latitude and longitude of the location where event is taking place. The plugin will make it easy for visitors to locate the event by showing it in an embedded Google map.

Venue Address

I should point out that you will have to provide an API key to show the map properly. You can add an API key by going to Options > General Settings.

The plugin also gives you the option to add contact information about each venue. This is particularly helpful for people who want to know more about the event located at the venue by contacting someone on site.

Venue Contact

Once you have provided all the details, simply click on the Add Venue button at the button to save it. Every venue that you add using the plugin will have its own dedicated page.

Adding Organizers and Calendars

Just like details about a venue, you can also add details about the organizers of an event. For example, in our case we could provide contact information of the sports teacher. If the events are being organized on a larger scale, the plugin provides a great way to allow people to contact the team responsible for organizing the event.

Generally, you would like to show different types of events on different calendars. In our example, the school might want to display all the sports related events on a calendar dedicated for sports events while the academic events are displayed on a different calendar.

Add Calendar

You can add your own calendars to display the events by going to Calendarize it! > Calendars. After that, just provide a title and an optional description for the calendar. Clicking on the Add Calendar button will now add the calendar to the plugin database.

Creating Events

The first thing that you will notice when adding your own events to the calendar is that the process is incredibly easy. This is the most-user friendly WordPress event calendar plugin that I have ever used.

You can add a new event by going to Calendarize it! > Add new event. You will be able to add all details related to the event on this page now.

Begin by adding the title of the event, which in this case would be Soccer Match.

Scroll down a little and you will see a calendar for the current month. The current date will be highlighted with a light yellow color. You can click on any date in this calendar and it will show a tooltip where you can provide more details about the event. The arrows in the top-left corner of the calendar are used to move to past or future dates one month or year at a time.

Add Event

Since a soccer match will have a specific time, uncheck All-day from the tooltip and provide your own start and end times. You will notice that the Date tab of the tooltip also contains a dropdown menu to select the frequency of repeating events. You can set repeating event options from the dropdown like Every day, Every week and so on. This will instantly highlight the corresponding dates in the calendar.

All events will have a light blue color when you create them. You can go to the Colors tab in the tooltip to select a different color for the background or the event as well as the text. This will help people easily identify different events.

Most of the times, people will click on different events mentioned in the event calendar in order to find more information about them. You can set up the plugin in a way that it either opens a tooltip or a dedicated page when users click on an event. A tooltip is ideal if you don't have to provide a lot of details for the event. However, it might be better to take users to the event detail page if you want to provide a lot of extra information. These options are available in the Calendar tab of the tooltip.

You can now click on the Accept button to show the event in the calendar.

More Complicated Repeating Event Schedules

Events might not always repeat after same intervals of time. In our case, the initial soccer matches between different teams might take place everyday. However, there could breaks for a day or two between matches when the tournament reaches final stages. The Calendarize it! plugin is very good at handling this kind of event repetition.

After adding the initial event to the calendar, you can click on any date and the plugin will show you a tooltip to schedule the event for that date. The tooltip will only show the fields for the start and end time of the event for any repeating events. All other details like the venue and organizers will stay the same.

Add More Events

The plugin adds an event to the calendar as soon as you click on a date. This way it become incredibly easy to add events to the calendar.

Removing an already added event is also easy. You just have to click on the event that you want to remove and then click on the Remove button in the tooltip.

Removing Events

Displaying the Events in a Calendar

None of the events that we have created so far will show up on the front-end, because we have not attached them to a calendar yet.

We started this tutorial by adding some venues, calendars and organizers to our plugin. The sidebar on the Add New Event page contains three different sections which can be used to assign each event to one or more venues, calendars or organizers.

Under the Calendars section, you should see a calendar called Sports Month. Checking this box will include our soccer and other game events into the Sports Month calendar. You can check multiple calendars here to include the same event in multiple calendars.

Similarly, you should select the organizers as Outdoor Sports Association and the venue as School Playground for soccer events. This will populate the event detail tooltip that appears upon clicking on an event with its venue and organizers etc.

Event Sidebar

After adding these details to the event, you should now go to Calendarize it! > Calendars and view the Sports Month calendar. It will show all the sports events that you added like the image below.

All Sports Events in Sports Calendar

Try clicking on one of the events and you will see a tooltip that provides information about the event. This includes the timing, venue and organizer etc. Users who want more information about the venue or the organizer can click on respective links in the tooltip.

Event Detail Tooltips

Final Thoughts

The Calendarize it! WordPress plugin is one of the best event calendar plugins that I have used so far. It comes with a lot of features and flexibility. Adding, deleting and modifying events only takes a couple of seconds once you have set up the initial event.

All events can be displayed on one or more calendars completely independent of other events. This allows you to create multiple calendars to only show relevant events to different groups of users.

The plugin also comes with a lot of useful add-ons that provide additional features like themes and a CSS editor. If you are looking for a WordPress event calendar for your website, you should give the Calenderize it! plugin a serious thought.


by Monty Shokeen via Envato Tuts+ Code
Posted by at No comments:
Labels: , , , , , , , , , , ,

Organize Your Media in Folders With the FileBird WordPress Plugin

Websites today are media-driven. Images, videos, and audio files help connect your audience with your website.  Whether you are selling a product, providing information through a tutorial, or getting someone to sign up for your monthly membership, related media content can help you achieve the goals of your website. 

Unfortunately, the WordPress dashboard does not allow for the most user-friendly organization of your media files. The media section in your WordPress dashboard lacks a folder structure that gives the ability to easily categorize and sort through all the media files on your website. 

This creates a much more difficult post and page creation experience and makes updating your website a much more time-consuming process than it needs to be. The FileBird WordPress Media Library Folder plugin lets you take control of your media library and let you focus on building and updating your website in a hassle-free way. Through the use of a folder system, this powerful WordPress plugin will let you create a nested folder system that can be organized based on how you run your website. 

In this article, I am going to show you how to organize your media library and create an eye-catching food blog in no time!


 

What We Will Be Building

No matter what type of WordPress website you are running, you will need a way to organize your media files in the back-end of the site. In this article, we will be the owners of a food blog that puts together recipes for different types of food. The default media library currently does not allow us to organize our food photos to allow us to easily put together these recipes on different pages of our website. 

With the FileBird WordPress plugin, we will create three dedicated folders for the types of recipes we will have on our food blog, pasta, seafood, and meat. To further organize our media library, we will then add subfolders to these three categories of food. Once we have this organization system in place, we will then begin constructing our blog pages with all our recipes and our organized media library. 

Here is a photo of one of the blog pages with our recipes will look like once we organize our images and build out the recipe page. 

File Bird WordPress Plugin Building a Food Blog

Organizing the Media Library 

Once you have installed the File Bird WordPress plugin, head on over to WP Dashboard > Media > Library. This will open up the default media library. Already, you will notice a new section has appeared to the left of the media library called folders. This is where will create our organization system. 

The first action we are going to take to build our food blog is to upload all the photos of the different categories of food. We will click on Add New > Select Files and select six food images to be uploaded.

Once these images are uploaded it is time to start categorizing them. As mentioned we have three types of food categories that we want to create. Next to the Folders header on the top left of the media library dashboard, click the New Folder button. A new folder will appear in the FileBird folder column and we will type in Pasta. Repeat this process two more times for the Seafood and Meat categories. 

FileBird Categories and Subcategories

Since we want an even greater level of organization to be able to quickly navigate our media library, we are going to create a subfolder for each of our parent categories. To add these subfolders, we will click on the first folder labeled Pasta. Then we will click the new folder button and this will add a subfolder under Pasta. We will add two subfolders here labeled White Sauce and Red Sauce. We will repeat this process for the other two parent categories as well. For the meat category, we will add Chicken and Beef subfolders. For the seafood category, we will add Shrimp and Salmon subfolders.

As far as the organization that we will need for our food blog, these are as many subfolders as we need. Depending on the needs of your website even more subcategories can be created. You can create up to 7 different subcategories if you require this. 

Also, the folders that you create in the media library are drag and drop. So if you need to rearrange your folder system at any time, just drag and drop them into the desired location. 

To complete the organization of our media we are going to drag and drop each image into its respective folder in the media library dashboard. 

FileBird Organized Images

Creating the Food Blog Recipe Pages

Now it is time to create the actual pages that will contain the recipes and the images that we organized. Choose Pages > Add New from the WordPress admin sidebar. The first set of recipes we will add to our blog will be pasta. In the header type in Pasta. From there, we will type in Red Sauce Pasta in an H4 heading. Below the header, we will then add our pasta image. In the default WordPress page builder we will click on the image icon to add our pasta image. Click on the Media Library button next and a pop up will appear with the media library grid along with the FileBird folder system on the left-hand side. We will now select our pasta image in the Red Sauce subfolder. 

FileBird Adding images to page

Now it is time to add our instructions and ingredients to the recipe page so our blog viewers can copy our recipes at home. We will insert this right below the image that we just added. 

While we don't have a large number of images in our media library at the moment, you can still see that this organization really helps you create your posts and pages as quickly as possible. 

We will rinse and repeat this process for every recipe that we have. We will create two more pages titled Seafood and Meat and add the titles, images, and ingredients, and instructions. 

There you have it! We were successfully able to add images to our media library, organize them in a folder system, and quickly create our recipe blog posts. 

To watch the media organization and creation of the food blog, check out the video below. 

 

Getting the Most Out of the Plugin

The FileBird WordPress plugin is a basic utility plugin that is a must-have if you are adding media to your website. The functionality of the plugin is rather straight forward. As outlined above, it gives the ability to create a folder system to create an organization system that does not exist by default on WordPress.

In our example, we added images to our media library and organized them by food type to be featured on our food blog. However, there are other ways that you could organize your media library with the folder system. Here are some helpful tips to consider when organizing your library. 

1. Think About What Categories of Media You Will Have 

If you are running an eCommerce clothing website, you will want to have multiple subcategories. For example, you could be selling shirts and have this as a parent category. Under this parent category, you could have size, color, and brand. Taking it a step further you could have a second and third subcategory. Under shirts, you could have a subcategory that has folders for Adult and Children sizes and then another subcategory under Adult with small, medium, and large folders.

FileBird Subcategories

2. Organize by Page or Post Title

If you are adding media that you know will go on a certain page or post, you can always create folders that have the title of this page or post so you can quickly navigate to them when you are creating your pages. 

3. Organize by Date

WordPress allows you to view media that was added in a specific month but not by year or day. You could create folders for media taken on certain days, for example for photos of events. 

Conclusion

The FileBird WordPress plugin may not be the most feature-rich and exciting plugin, but it is an absolute necessity for WordPress website owners. Modern websites require you to have images, videos, and audio displayed on your website for a more visually pleasing experience. The FileBird WordPress plugin gives the ability to organize all the media on your website so you save time and focus on the more important tasks of running your business and website. 

To give this plugin a try, head over to CodeCanyon and check it out! And while you're here, check out some of the other great WordPress plugins available from CodeCanyon.


by Daniel Strongin via Envato Tuts+ Code
Posted by at No comments:
Labels: , , , , , , , , , , ,
Subscribe to: Posts (Atom)