Welcome to ManageWP.org

Register to share, discuss and vote for the best WordPress stories every day, find new ideas and inspiration for your business and network with other members of the WordPress community. Join the #1 WordPress news community!

×

5 min read John Locke
Tutorials | premium.wpmudev.org | 10 hours ago

How to Properly Add jQuery Scripts to WordPress

Something I was looking up for show notes on the podcast: how to reference jQuery in WordPress without using the straight dollar sign, to avoid conflicts or your code not working. Exactly what I was looking to share.

How to Properly Add jQuery Scripts to WordPress

Tutorials | premium.wpmudev.org | 10 hours ago

Despite the fact WordPress has been around for a while, and the method of adding scripts to themes and plugins has been the same for years, there is still some confusion around how exactly you’re supposed to add scripts. So let’s clear it up. Since jQuery is still the most commonly used Javascript framework, let’s take a look at how you can add a simple script to your theme or plugin.
jQuery’s Compatibility Mode
Before we start attaching scripts to WordPress, let’s look at jQuery’s compatibility mode. WordPress comes pre-packaged with a copy of jQuery, which you should use with your code. When WordPress’ jQuery is loaded, it uses compatibility mode, which is a mechanism for avoiding conflicts with other language libraries.
What this boils down to is that you can’t use the dollar sign directly as you would in other projects. When writing jQuery for WordPress you need to use jQuery instead. Take a look at the code below to see what I mean:
/* Regular jQuery */
$('.hideable').on('click', function() {
$(this).hide();
})
/* Compatibility Mode */
jQuery('.hideable').on('click', function() {
jQuery(this).hide();
})
The good news is that with

Tutorials | magicpress.net | 2 days ago

How to debug a WordPress theme

We all had some trouble debugging a WordPress theme. Today we share a tutorial on viewing which files are used on the current page. It's a good place to start!

How to debug a WordPress theme

Tutorials | magicpress.net | 2 days ago

In WordPress theme development, or when editing an existing theme, it is often handy to know which template is used to display the current page. It is very easy to display the template within the page, by adding a small piece of code in your theme’s functions.php file. In this example, we will edit the functions.php file of a site using the Hellomouse theme. The current template is stored in the $template variable. Let’s create a function which loads and displays that variable.
function show_template() {
global $template;
print_r($template);
}
The vast majority of WordPress themes include the wp_head action hook, so in most cases we can safely call our function there. Let’s add the following right after our function:
add_action('wp_head', 'show_template');
There!
function show_template() {
global $template;
echo '<div style="position: fixed; bottom: 10px; left: 10px; background-color: rgba(0,0,0,0.5); padding: 10px; z-index: 99999999; color: #fff;">';
print_r($template);
echo '</div>';
}
add_action('wp_head', 'show_template');
Much better. The problem is that everyone visiting the website will be able to see the current

Tutorials | zao.is | 2 days ago

How to Use wp.template, WordPress' Underscore.js Template Method

Justin Sternberg wrote up a nifty little tutorial on how to use WordPress' Underscore.js Template Method, wp.template.

zao.is |

How to Use wp.template, WordPress' Underscore.js Template Method

Tutorials | zao.is | 2 days ago

Like many developer agencies, we have a few different audiences, including clients (current and prospective) and other developers. Our aim is to serve all of our audiences, who fall on a broad spectrum of technical knowledge. Even if you’re not a professional developer, we know that many of you still educate yourselves on the technology used on your site–and we want to help! If there’s anything we cover that you don’t understand (or anything you’d like to see us cover that’s WordPress related, even 101!), please let us know. There are no stupid questions. That said, let’s dive into something fun: WordPress’ Underscore.js Template Method, wp.template.
If you’re not yet familiar, wp.template() is a cool little JavaScript utility method that is provided with the WordPress core ‘wp-util’ script. At its core, it uses the Underscorejs .template() method.
WordPress uses this utility to load templates for all of the backbone views, but backbone is not required to use it. First, I’ll demonstrate using wp.template() with a little jQuery in order to output some JavaScript data into an HTML template, then later as a bonus,

1 min read Matt Medeiros
Tutorials | youtube.com | 15 days ago

What are Custom Post Types?

I outline examples on when to use custom post types.

What are Custom Post Types?

Tutorials | youtube.com | 15 days ago

What are Custom Post Types and how can we use them on our WordPress website? In this video, I'll explain how I use CPT's in my WordPress projects, and the differences between posts & pages. Learn more about managing and creating custom post types in these videos:
How to create custom post types w/ Easy Content Types https://www.youtube.com/watch?v=A2gMO...
Interview w/ CPT UI Extendedhttps://www.youtube.com/watch?v=M4hhN...
Learn more: https://plugintut.com
Subscribe! https://plugintut.com/subscribe
Follow us! http://twitter.com/plugintut
Like us! http://facebook.com/plugintut

8 min read Tom Zsomborgi
Tutorials | responsivedesign.is | 19 days ago

Configuring HTTP2 Push with Wordpress

Some useful tips about HTTP2 Server Push by developer Justin Avery.

Configuring HTTP2 Push with Wordpress

Tutorials | responsivedesign.is | 19 days ago

Server Push allows you to push a set of files down to the browser along with the request for the HTML even before the HTML is parsed. This means sending things like logos and CSS before the browser knows to request them, and thus speeding up the perceived load time of your page. Let’s say that you had a site that runs on PHP, which of course your WordPress instance does, and you wanted to use HTTP2 Server Push to push down two CSS files and your logo.
You can use the following code which will do just that for you…
<?php
header("Link: </css/vendor.css>; rel=preload; as=style", false);
header("Link: </css/styles.css>; rel=preload; as=style", false);
header("Link: </images/site/logo--red.svg>; rel=preload; as=image", false);
?>
This has to be at the very very top of the page being requested, so if you’re working with WordPress then you’re going to want to put it into your themes header.php file. The URL of the asset you want needs to go within the brackets and you need to define the type of file you’re pushing as well.
The last argument, false, comes from a PHP header replace function part of the

Tutorials | youtu.be | 12 days ago

"WordPress Let's Me Do It!" - The Movie

Today I'll be speaking on how to import a Joomla website over to WordPress. This is a 25'ish minute presentation. I'll be covering: • How to import a website from Joomla into WordPress. • Choosing theme and plugins specific for the project. • Developing and working with a staging website using a hosts file manager. • Website social media integration. • The love of WordPress! • And more... * Turn up the volume! Original real-time video found here: https://www.facebook.com/hackrepair/videos/380427322355844/ This video was presented at the San Diego Advanced WordPress Meetup presentation, March 9, 2017, seen at https://www.meetup.com/Advanced-WordPress/events/237185332/

6 min read Andy Forsberg
Tutorials | penguinwp.com | 15 days ago

7 Common UTM (Campaign URL) Tracking Mistakes To Avoid

How to avoid common mistakes when utilizing UTMs to track your campaign results in Google Analytics.

7 Common UTM (Campaign URL) Tracking Mistakes To Avoid

Tutorials | penguinwp.com | 15 days ago

What is a UTM, A.K.A. a Campaign URL? UTM parameters are tracking markers that you can add to a URL pointed at your website to track where visitors come from in granular detail in Google Analytics. UTM stands for Urchin Tracking Module. Urchin was the original name of the analytics software acquired by Google that once acquired was then integrated into Google Analytics. UTMs are particularly helpful for tracking visitors from social media posts, emails, PDFs, etc. For more information on what UTMs are and how they’re used in social media check out Buffer’s excellent UTM Guide. For more information and examples for each UTM parameter check out Google’s Campaign URL Builder.
As long as the website you are linking to with UTM parameters has Google Analytics tracking code installed on it, it will record the UTM parameters when a visitor visits the website using the URL with UTM parameters included in the link they use to access the website. The only required parameter is the campaign source (utm_source), the rest of the UTM parameters are optional, although in almost all cases I would recommend using all of them except the campaign term (utm_term) parameter.
Common UTM

5 min read M Asif Rahman
Tutorials | wedevs.com | 16 days ago

[Tutorial] How-To Save Google Docs Drafts as WordPress Posts

This tutorial describes how the newly released add-on by Automattic works in self-hosted WordPress site with Jetpack, to save Google Docs as WordPress post, and update in seconds. It also includes a easy to understand video.

[Tutorial] How-To Save Google Docs Drafts as WordPress Posts

Tutorials | wedevs.com | 16 days ago

Wouldn’t it be great if you could just draft your content from Google Docs and save it to WordPress site with a simple click? This is a largely helpful because when you want to collaborate with people quickly who do not have access to your website. You could just tell them to share it via Google Docs and then you can import it into your WordPress site in a second.
WordPress.com for Google Docs Add-on
Thanks to Automattic, they released an add-on for Google Docs that allows you to compose and update any blog post for WordPress sites. We all know Google Docs is cool to use and the best thing about this extension is that you will not lose the markup styling you have done in docs.
The benefits and capabilities of this tool
Not only you can connect your WordPress.com site but also your self-hosted website if you have Jetpack installed. Most importantly, you can get rid of copy pasting for images and formatting too. This extension carries over inserted images and formatting to your draft blog post.
Tell me how I can do it!
Here is a video tutorial so that you can easily understand the whole process.
https://wedevs.com/wp-content/uploads/2017/03/wordpress.com-google-doc.mp4
Now, let’s

5 min read Tang Rufus
Tutorials | typist.tech | 12 days ago

Running WordPress Plugin Acceptance Tests on TravisCI - Typist Tech

Tutorial: How to run WordPress plugin acceptance tests on TravisCI

Running WordPress Plugin Acceptance Tests on TravisCI - Typist Tech

Tutorials | typist.tech | 12 days ago

We have written come acceptance tests in the last tutorial. Time to run them on the cloud. No way I would spend 10 minutes to wait for my tests ran for multiple PHP and WordPress versions. Continue from the last tutorial, I’ve removed some unused pieces and added PHP_CodeSniffer to the project. Nothing related to acceptance testing. Head over to the GitHub repo if you are interested.
A problem I found is that the tests failed randomly. The reason is that our tests tries to click some links before they show up on the screen. Adding $I->waitForElement('some element', 10); solves the problem.
Secondly, when changing the screen size, the link
Acceptance Test for rmcl fails out of the screen. Adding
$I->click('Acceptance Test for rmcl'); solves it.
$I->amOnpage('/');
$I->waitForElement('p.site-description', 10);
$I->scrollTo(['css' => 'h2.entry-title']);
You can run the tests on real browsers on TravisCI with Sauce Labs. But it’s too slow for me. I opt for PhantomJS instead.
The Selenium server I used the last tutorial becomes buggy. I switched to use PhantomJS lately.
$ composer require --dev  jakoch/phantomjs-installer neronmoon/scriptsdev site5/phantoman

Tutorials | cssigniter.com | 16 days ago

How to late enqueue inline CSS in WordPress

Here's a mini tutorial on how to late enqueue inline CSS in WordPress

How to late enqueue inline CSS in WordPress

Tutorials | cssigniter.com | 16 days ago

So you are building a super duper cool plugin™ that, say, does something with widgets or shortcodes and you need to apply some CSS conditionally. No worries, that’s what wp_add_inline_style() is there for. But can you actually use it? The problem
There are a few problems however. For starters, wp_add_inline_style() requires the handle of a registered style (via wp_register_style() or wp_enqueue_style()) as its first parameter. And that handle’s stylesheet, must not have been already printed. Now, assuming you are enqueuing your styles properly, the printing takes place during the wp_head action hook, which is a lot earlier than that place in the widgets that you hooked in.
You could perhaps force your style to print on the footer, but there is no such parameter in wp_register_style(). The only way you can do it is enqueuing after the during or after the wp_head action, but that means you are not properly enqueuing your stylesheets.
Or even worse, you might now have a stylesheet to load in the first place. Perhaps all your CSS is dynamic in nature, and a .css file just won’t cut it. Depending on the theme’s main stylesheet file (i.e. style.css) isn’t

8 min read Tom Zsomborgi
Tutorials | kinsta.com | Feb. 22, 2017

Some Handy WordPress Media Library Hacks

Would you like to give more power to the Media Library? Check this handy tips.

Some Handy WordPress Media Library Hacks

Tutorials | kinsta.com | Feb. 22, 2017

The WordPress Media Library is a powerful tool that makes it easy to upload, edit and delete images and other media. Moreover, it allows to filter, select, include media into posts and pages, with caption, description and alternative text, generating the necessary HTML code. Most of times, the WordPress Media Library covers the most common requirements of a site administrator, and we don’t have to add new functionalities. Anyway, in case we’d need to enhance specific features, WordPress provides a number of functions and hooks that enable us to give more powers to the Media Library without the use of 3rd party plugins. So, in this post we will dive into these functions and hooks with four practical examples.
WordPress Media Library Hacks
Here is our table of contents:
Attachment Post Type and Metadata
Anytime we upload a media file, WordPress generates an attachment post type. Just like any other post type, attachments are registered into the wp_posts table, and the respective metadata into the wp_postmeta table.
The wp_posts table stores data like post_content (attachment description), post_excerpt (attachment caption), post_author, post_title, post_status, post_mime_type.

9 min read Rhys Wynne
Tutorials | winwar.co.uk | 16 days ago

How To Prepare for A Black Friday Sale of your WordPress Product

Last year I had a Black Friday sale on a few of my products. I've since gathered the data and it appeared to work pretty well. Black Friday (or any campaign) is a long term process, I've written a guide on when you should start things, as well as a download to my cheat sheet!

How To Prepare for A Black Friday Sale of your WordPress Product

Tutorials | winwar.co.uk | 16 days ago

Yeah, I know. It’s March. We’re about 4 months out from Black Friday 2016, so why am I writing a Black Friday article now? Well, over the festive break I looked at the stats from the Black Friday sale I had both here as well as on WP Email Capture, and I think my strategy for 2016’s Black Friday, worked. It took 2 years to refine it, so without further ado, here’s what I made sure I did for my Black Friday sale, and rough timescales for each.
Right Now – Get Your Tracking Set Up
If you’re selling WordPress products, and you haven’t got any form of tracking set up, what are you waiting for? You are missing out on valuable insights if you don’t.
At the very least, you should set up the following:-
Google Analytics (Monster Insights, preferably the Pro Version).
Email Capturing (such as WP Email Capture)
This can give you a great idea where people are coming from, and – most importantly – which convert. If you are armed with this data you can make informed decisions.
Also, from my 5 years of plugin development and marketing, having an email list is probably the best converting method of marketing I have, so make sure you’re

Tutorials | lockedowndesign.com | 18 days ago

Dates and Times In WordPress

A handy guide for setting and outputting the correct dates and times in WordPress using PHP values for dates.

7 min read OceanWP Theme
Tutorials | oceanwp.org | 10 days ago

How to Build an Architecture Site with OceanWP

Architecture websites belong to a specific type of business site category. They need to showcase your best work and encourage a potential client to purchase a project from you.

How to Build an Architecture Site with OceanWP

Tutorials | oceanwp.org | 10 days ago

Architecture websites belong to a specific type of business site category. They need to showcase your best work and encourage a potential client to purchase a project from you or at least contact you for a consultation. If you’re building your architecture site with WordPress, you need a theme capable of allowing you to showcase your portfolio in a beautiful manner and get a potential client to take action.
OceanWP comes with several sections designed for that purpose, and it allows you to build an architecture site with ease. Let’s learn how.
Installing the OceanWP Parent Theme
First thing’s first, you need a theme capable of building an architecture website. Our OceanWP theme comes with 12 demos, one of them being an Architect demo designed and optimized for architects.
Download the theme, and save it to your computer. Sign into the admin area of your WordPress site, and go to Appearance → Themes. Click Add New, and then click Upload Theme. Click Choose File, choose the OceanWP ZIP folder you downloaded, and click Install Now.
Click Activate once the theme installs successfully. After you activate it, you’ll be prompted to install the Ocean Extra plugin.

6 min read Joshua Strebel
Tutorials | devrix.com | Feb. 10, 2017

How to Ensure MailChimp Emails Actually Reach Your Users - WordPress Development Agency

"Did you get my email? Check your spam folder.. I sent it from my company account. No, nothing huh?"

How to Ensure MailChimp Emails Actually Reach Your Users - WordPress Development Agency

Tutorials | devrix.com | Feb. 10, 2017

If your emails are not reaching the inbox of your subscribers then there is nothing that can help you. The most crucial thing to ensure about your MailChimp newsletter and emails is its successful delivery. In order to do that all you got to do is authenticating your emails. In simpler words, you have to prove to the servers and subscribers that it is really you who is sending out the emails. Why is authenticating necessary? Email as you know is a playground of spammers who use someone else’s email addresses to push out their own emails. MailChimp has its own authentication methods that you can use to achieve this purpose. It provides a trackable identifier that tells that you are a genuine sender. More and more people are doing this and authentication by email marketers has increased to 67% in the current year.
Here is everything you need to know in this matter:
Things You Will Need For the Authentication
You will need the following for carrying out this incredibly important process:
• Access of domain registrar
• Information regarding DNS to add records like TXT and CNAME to the domain
• A custom domain
• At least a day as that is what this process might

7 min read David McCan
Tutorials | sitepoint.com | 20 days ago

Adding Meta Boxes to Post Types in WordPress

This is a tutorial on creating meta boxes to add custom fields for use with custom post types. The tutorial covers creating meta boxes, specifying which post type edit screens to show them on, saving the data and displaying the data on the front-end.

Adding Meta Boxes to Post Types in WordPress

Tutorials | sitepoint.com | 20 days ago

If you’ve ever used WordPress to build a website for yourself or a client, or you work for a company whose website is powered by WordPress, you would have seen and used meta boxes. In the past, we’ve covered adding custom meta boxes to WordPress. In this article, we’ll go two steps further explaining their relationship and integration with post types, including how to use the data saved in a meta box in the WordPress front-end.
Win 1 of 5 Netlify PRO annual accounts - worth $490 each!
Win A Netlify PRO Account!
Adding Meta Boxes to Post Types Screen
Most (if not all) of the PHP functions, their parameters and Action hooks that are handy in creating meta boxes have been covered by Narayan Prusty.
To add a meta box to the any post type editing screen, the add_meta_box() is used and subsequently hooked to the add_meta_boxes action.
The code below adds a metabox to the post edit screen. Take note of global_notice_meta_box_callback, the function that is called to display the form field(s) in the meta box. We’ll come to that later.
function global_notice_meta_box() {

add_meta_box(
'global-notice',
__( 'Global Notice', 'sitepoint' ),
'global_notice_meta_box_callback',

4 min read Tim Nash
Tutorials | 34sp.com | 21 day ago

Impressive features of WordPress galleries - 34SP.com Blog

Introduction to one of the most overlooked features in WordPress, its built in galleries.

Impressive features of WordPress galleries - 34SP.com Blog

Tutorials | 34sp.com | 21 day ago

This feature is often overlooked because of the wide range of impressive gallery plugins that are available. However, I wanted to talk about some of the features offered by the built in gallery tool. There are benefits to creating WordPress galleries without any additional plugins. How to create a WordPress gallery
First let’s talk about how they work. Creating a gallery in WordPress is as simple as can be. You just upload media as you normally would when creating a post. When your images are uploaded you can multi-select the images you want to make a gallery from and click the ‘Create Gallery’ button.
This will take you to a page where you can edit the appearance of the images in your WordPress gallery. You can set custom thumbnails and change the thumbnail sizes. It allows you to add captions and re-order the images if needed.
The features are fairly basic compared to some of the plugins available, however the appearance of your gallery will be very clean and professional with minimal effort:
The galleries are easy to edit within your post and page editor, and this allows you to manage galleries and display images in a professional way without needing to download

8 min read Josh Pollock
Tutorials | calderaforms.com | 19 days ago

Styling a Transparent Caldera Form on Your Genesis Site

Leslie Bernal shares some awesome CSS tips for styling Caldera Forms on a Genesis site.

Styling a Transparent Caldera Form on Your Genesis Site

Tutorials | calderaforms.com | 19 days ago

Caldera Forms is one of the most intuitive and easy-to-use form builder plugins for WordPress available. Because of its ease it is a great option for users of all levels, beginner to advanced, DIY-er to professional. Styling the forms may not be something everyone knows how to do, so we’re going to be adding a few tutorials to our blog that show the steps for adding some styling via CSS and the WordPress customizer. In today’s tutorial we’ll be using a Genesis site in our example, but the code snippets used in all of our styling tutorials really could be used on any WordPress website using any theme. The way we can ensure this is we’ll be using our own Caldera Forms classes, so anywhere you install the Caldera Forms plugin our classes will already be on your site.
Transparent Form with Font Awesome Radio & Checkbox Icons
This is the look we’ll end up with today after applying our CSS. It’s a transparent form with our selected background image showing through, and with a bit of radio button and checkbox styling using Font Awesome icons.
Inspiration
This has been a widely popular look for contact forms on websites for at least a year or so. I don’t

2 min read Matt Cromwell
Tutorials | tomjn.com | Jan. 23, 2017

Writing a WP REST API endpoint in 2 minutes

It's rare to get such a quick and easy tutorial on something that seems complicated but really isn't. Good read!

Writing a WP REST API endpoint in 2 minutes

Tutorials | tomjn.com | Jan. 23, 2017

I need to write a REST API endpoint, but lets assume we know nothing about REST APIs. The Task
My homepage has a box that contains a magical word, and I’m going to use the REST API to grab this word and display it on my site:
<div id="tomsword">... word goes here ...</div>
I’m going to need:
A word to use, I’ve chosen “moomins”
A REST API endpoint on my site to send the word from
Some Javascript to ask the API for the magic word
The Endpoint
This parts easy. REST API endpoints live at /wp-json, and they have a namespace so your endpoints don’t clash with those of other plugins. My endpoint is going to live at tomjn.com/wp-json/tomjn/v1/test.
When my endpoint is called, I want to return the word “moomins”, so I’ve prepared a function to do just that:
function tomjn_rest_test() {
return "moomins";
}
and I’ll register my endpoint, and tell WordPress what to do when it’s called like this:
add_action( 'rest_api_init', function () {
register_rest_route( 'tomjn/v1', '/test/', array(
'methods' => 'GET',
'callback' => 'tomjn_rest_test'

13 min read Tom Zsomborgi
Tutorials | kinsta.com | 25 days ago

Crowdfunding Options for Your WordPress Website

Did you know you can create a crowdfunding website with WordPress?

Crowdfunding Options for Your WordPress Website

Tutorials | kinsta.com | 25 days ago

Crowdfunding can be described as the process of raising funds with the help of friends, family, customers, and investors. This is typically done online via a website or through social media to reach a large audience. If you’re planning to do any crowdfunding of any kind on WordPress, you’re in the right place. You don’t have to use KickStarter or Go Fund Me, you can do it right from your own site! Here’s a list of some of the top crowdfunding options, fundraising solutions and ways to accept donations, a selection including plugins & themes for WordPress. Crowdfunding Options – WordPress Plugins
To help you weed through all the options available, here are 6 WordPress crowdfunding plugins worth looking into (in no particular order). Some of these can also be used for fundraising or to accept donations.
1. IgnitionDeck Crowdfunding & Commerce
IgnitionDeck is probably one of the most well known crowdfunding solutions and plugins in the WordPress space. It currently has over 3,000 active installs with a 3.5 out of 5 star rating.
Ignition Deck has worked alongside AppThemer in the past to build crowdfunding WordPress themes. The plugin works with any

Tutorials | w3guy.com | 8 days ago

WordPress Customizer: Using Multiple Customize Settings in Single Control

If you've worked with the WordPress Customizer, you know for every customize control you want to create, a corresponding customize setting has to be created. Do you know multiple customize settings can be tied to a single control? Here is what i found.

WordPress Customizer: Using Multiple Customize Settings in Single Control

Tutorials | w3guy.com | 8 days ago

In a recent WordPress project i worked on, i needed to have an input field and a select dropdown close to each other. Below is a screenshot of what i was looking to achieve. I had two ideas of how i would pull this off but none of them quite frankly pleased me. Here are the ideas and why i used neither.
* Create customize setting and control for the input and select fields since core already has support for input and select fields.
Going this route would have meant not being able add inline style to set the width property of the select dropdown to auto so it doesn’t have an 100% value added by Customizer to virtually every of its core controls.
Adding inline style is possible for input fields using the input_attrs argument.
* Create custom controls for the input and select fields to allow for the flexibility i craved for.
Going this route would have meant writing lots of code (register the customize settings and coding the PHP classes for the custom control for each fields) to achieve something this simple.
Reading the WordPress Customizer documentation, one would think that the standard is: for every customize settings, there can only be one corresponding customize control.
Controls

6 min read Igor Benić
Tutorials | 3.7designs.co | Feb. 16, 2017

Restricting Access to Custom Post Types Using Roles in WordPress

A simple tutorial on how to restrict access to a custom post type using roles in WordPress. It shows how to use custom capabilities and add those capabilities to specific roles. It is a bit older, but I found it pretty helpful today.

Restricting Access to Custom Post Types Using Roles in WordPress

Tutorials | 3.7designs.co | Feb. 16, 2017

Custom post types extend the capabilities of WordPress in terms of what types of content can be published and managed, but these days at 3.7 we find ourselves working on projects that need more granular permissions related to custom post types. The most common situation I’ve run into is a particular user (or group of users) needs the ability to manage specific custom post types but shouldn’t have the ability to alter the rest of the site. For example, you may have someone in an organization that needs to manage job listings (a custom post type) but shouldn’t be allowed to edit posts or pages.
For this example, I’ll base the situation off our project management plugin Panorama. Many of our customers need users to manage projects, but don’t want them to have access to any other types of content. There are some good tutorials out there, but many of them are a few years dated and I found a slightly updated approach was necessary to make this work.
What We’re Aiming For
In the case of Panorama, we wanted our “projects” custom post type to be managed by Editors, Administrators and a new role of “Project Managers.” Project Managers

17 min read Tom Zsomborgi
Tutorials | kinsta.com | 28 days ago

In-Depth Guide on Hosting Local Fonts in WordPress

Some advanced tips on how to host premium fonts locally.

In-Depth Guide on Hosting Local Fonts in WordPress

Tutorials | kinsta.com | 28 days ago

When it comes to hosting and using fonts on your WordPress site there are a lot of different options. You can host them locally, you can use Google fonts (most themes nowadays have Google fonts integrated), or utilize another 3rd party service like Adobe Typekit. Today we want to dive into a few reasons why hosting local fonts in WordPress can be advantageous. Not only can you have a larger selection of fonts, but there are sometimes performance benefits to this as well. Check out our in-depth tutorial below on how to host your premium fonts locally as well as any font family from Google fonts. Web Fonts
When you browse to someone’s WordPress site you see two types of basic fonts, web safe fonts or web fonts. Or they could also be using a mixture of both.
Web safe fonts are fonts that are pre-installed on a device or OS. Some examples of web safe fonts include Arial, Times New Roman, and Courier New as well as generic font families like serif, sans-serif, and monospace. These are fonts you have seen for many years. See a full list of web safe fonts.
Web fonts are fonts that are not pre-installed on a device and must be downloaded by the user’s browser before being displayed.

9 min read Renee Klein
Tutorials | wpdiscounts.com | 16 days ago

How to install favicons and mobile icons on your WordPress site

A tutorial which learns you how to install favicons and mobile icons on your WordPress site, manually or using free WordPress plugins.

How to install favicons and mobile icons on your WordPress site

Tutorials | wpdiscounts.com | 16 days ago

Favicons are those cute 16 x 16 pixels images that make your site easily identifiable when multiple browser tabs are open. More and more WordPress sites are using favicons are as a tool to establish visual identity at first glance. It’s definitely one great way to enforce brand consistency and make sure that your pages or posts stand out from the crowd. Getting favicons set up should be a priority for every WordPress site owner. The good news is that it takes just a few minutes of your time (sometimes even less), and you don’t even need to hire a graphic designer or spend money to get it done. This post not only points out the importance of favicons for your burgeoning brand, but also lays out elaborate steps that you can follow to get pretty favicons and beautiful mobile icons set up for your site.
Favicons – a little background check
Favicons were first introduced with Microsoft’s Internet Explorer 5 browser back in 1999. To make it work, website owners were required to strictly save the file as favicon.ico, and then put it in the root folder of their domain (e.g. wpdiscounts.com/favicon.ico). Fast forward to today and all major browsers (including Safari,