The ways to customize default avatar in WordPress

Customize default avatar in WordPress has never been easy than now. Let’s us show you how to change the boring WordPress default avatars.

There are 2 extremely simple solutions: using a plugin or code.

1. Add Custom Default Avatar using WP Avatar plugin

– Install the WP Avatar plugin

– Visit Settings » Discussion, click on Choose an Image to upload or select avatar.

– Select your custom default avatar image then click on Save Changes button.
Customize Default Avatar

2. Use code to customize default avatar in WordPress

– Add the following code to functions.php file of your theme (or child theme) or a site-specific plugin.

add_filter( 'avatar_defaults', 'tomiup_add_new_avatar_default' );
function tomiup_add_new_avatar_default($avatar_defaults) {
$newavatar = 'http://example.com/wp-content/uploads/2017/11/avatar.png';
$avatar_defaults[$newavatar] = "Custom Avatar";
return $avatar_defaults;
}

Note: You have to replace $newavatar value to the URL of the custom avatar image you uploaded.

– Visit Settings » Discussion and you will notice your custom default avatar added to default avatar choices.

Hope this article help you learn how to add custom default avatar for WordPress website. Good luck and don’t forget to show us your avatar 🙂

Add Custom Fonts to Kirki customizer

You want to add Custom Fonts to Kirki Customizer ? This article, I will guide you how to do that. Very simple and fast.

You can add the fonts to the parents theme directly or child theme. I recommend that you should deploy in child theme. Let’s try steps by steps:

1. Add custom fonts to Kirki Customizer

You can add custom fonts to the Typography dropdown in the WordPress customizer by adding this filter to functions.php file of the parents theme (or child theme).

function tmu_custom_fonts( $standard_fonts ){

	$my_custom_fonts = array();

	$my_custom_fonts['kitten'] = array(
		'label' => 'kitten',
		'variants' => array('regular'),
		'stack' => 'kitten, sans-serif',
	);

	$my_custom_fonts['font2'] = array(
		'label' => 'Another Font',
		'variants' => array('regular','italic','700','700italic'),
		'stack' => 'anotherfont, sans-serif',
	);
	
	return array_merge_recursive( $my_custom_fonts, $standard_fonts );

}
add_filter( 'kirki/fonts/standard_fonts', 'tmu_custom_fonts', 20 );
  • label: name that gets displayed in the typography dropdown
  • variations: all font weights you want to include as an array
  • stack: css font-family attribute

Available variations

‘100’
‘100italic’
‘200’
‘200italic’
‘300’
‘300italic’
‘regular’
‘italic’
‘500’
‘500italic’
‘600’
‘600italic’
‘700’
‘700italic’
‘800’
‘800italic’
‘900’
‘900italic’

2. Adding custom fonts to your website

You’ve already added your own fonts to WordPress Typography dropdown. Now you also need to add the fonts to your website.

If your font is not ready for web use, you can use a webfont generator like font squirrel.

Note: The fonts you’re creating must be legally eligible for web embedding!

Step 1. Create a folder “fonts” in the parents theme (or child theme) and upload your font files (.woff, .woff2, etc.) to the folder “fonts” via FTP.

Add custom fonts to Kirki Customizer
Add custom fonts for WordPress Customizer using Kirki

Step 2. Load your fonts from style.css file of your theme (child theme) file, using the @font-face method.

@font-face {
	font-family: 'kitten';
	src: url('fonts/kitten_light-webfont.woff2') format('woff2'),
	url('fonts/kitten_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

Done!

You have successfully added the custom font to your website and now select it from the Typography in the WordPress customizer.

Have any questions? Please comment below.

Install & update WordPress plugins without FTP [Quick Tip]

Sometimes, when you install & update a WordPress plugin, WordPress will only prompt you for your FTP connection if it cannot write to /wp-content directly.  In this post, we’re writing about how to install & update WordPress plugins without FTP.

install & update WordPress plugins without ftp

If your web server has write access to the necessary files, it will take care of the updates and installation automatically. This method does not require you to have FTP/SFTP or SSH access, but it does require your to have specific file permissions set up on your webserver.

It will try various methods in order, and fall back on FTP if Direct and SSH methods are unavailable.

Read: https://github.com/WordPress/WordPress/blob/4.2.2/wp-admin/includes/file.php#L912

WordPress will try to write a temporary file to your /wp-content directory. If this succeeds, it compares the ownership of the file with its own uid, and if there is a match it will allow you to use the ‘direct’ method of installing plugins, themes, or updates.

Now, if for some reasons, you do not want to rely on the automatic check for which filesystem method to use, you can define a constant, 'FS_METHOD' in your wp-config.php file, that is either 'direct', 'ssh', 'ftpext' or 'ftpsockets' and it will use that method. Keep in mind that if you set this to ‘direct’, but your web user (the username under which your web server runs) does not have proper write permissions, you will receive an error.

Solution to install & update WordPress plugins without FTP

If you do not want to (or you cannot) change permissions on wp-content so your web server has write permissions, then make the changes following the instruction:

  • Edit wp-config.php
  • Add the code below to the wp-config.php:

define('FS_METHOD', 'direct');

For more details, refer here.

Don’t hesitate to give the comments below if you have any questions 🙂

Import & Export Visual Composer Templates

Ever wanted to Import & export Visual Composer templates to another site? Now you can. in few clicks with built in import/export function of VC Templates Import & Export.

Features

  • Export Templates.
  • Import Templates

Installation Instructions

  1. Upload the plugin files to the “/wp-content/plugins/vc-templates-import-export/” directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Visual Composer -> Templates Import & Export screen to use the plugin.

 

VC Templates Import & Export

How to import & export visual composer templates ?

1: Export templates

Export visual composer templates

2: Import your templates to any site

Step 1: select template file has name vc_template.json
Step 2: Click to button Import Templates

And Done!!!

import & export visual composer templates

After import your templates to site, you can use it in Visual Composer Page Builder.

Easy!!!

Download free: https://wordpress.org/plugins/vc-templates-import-export/