FB Share Issue with WordPress Cache Plugin

Solution A: create a different cache for Facebook

  1. Go to W3 Total Cache settings (Performance) > User Agent Groups page.
  2. While you are at it, tick Enabled for the predefined groups there. This solves the Mobile specific settings have no effect problem too.
  3. Click the Create a group button at the top.
  4. Enter Facebook as the group name.
  5. Add this to the User agents field:
facebookexternalhit
facebookexternalhit/1.1
facebookexternalhit/1.0
  1. Click the Save all settings button.

Solution B: reject caching for Facebook

  1. Find the W3 Total Cache settings (Performance) > Page cache > Advanced section > Rejected user agents setting.
  2. Add this as value:
facebookexternalhit
facebookexternalhit/1.1
facebookexternalhit/1.0
  1. Click the Save all settings button.

The Facebook Crawler

facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
facebookexternalhit/1.1

WordPress Permissions for MacOS Local Environment

Are you receiving the dreaded “Connection Information” permission issue on your local Mac OS X environment? You’re not alone – and thankfully there is a simple solution to this issue.

You are receiving this error because the default webserver user which runs httpd is known as _www, which is not the user in your local account. If you’re the only person that uses your machine, you can change the user to fix the permission issue.

In the terminal, type the following and hit enter:
id

This will return a string of information, however the only information you need is the primary user uid and group gid names.
uid=501(admin) gid=20(staff)

Once you have this information, you will need to edit your httpd.conf file. Type the following:
sudo nano /etc/apache2/httpd.conf You’ll likely need to type your admin password to edit his file.

Hit Ctrl+W to search the file for “User “. This will take you directly to the place in the file where you need to edit information.

You can see in this file that I commented out the existing user and group with the # sign.  Below that I entered the User and Group from the information I found in step 2.

You need to restart apache for the change to take effect.
sudo apachectl restart

Congratulations, you are now running httpd as your local account.

Add Page Template from Plugin

/**
 * Add page templates.
 *
 * @param array $templates The list of page templates
 *
 * @return array  $templates  The modified list of page templates
 */
function sf_add_page_template_to_dropdown( $templates ) {
	$templates[ plugin_dir_path( __FILE__ ) . 'templates/page-template.php' ] = __( 'Page Template From Plugin', 'text-domain' );
	
	return $templates;
}

add_filter( 'theme_page_templates', 'pt_add_page_template_to_dropdown' );

How to deploy a create react app to Github pages

1. Add homepage

Open your package.json file present inside your react app and add homepage property.

"homepage":"https://yourusername.github.io/repository-name"

replace the above url with your github username and repository name.

2. Install gh-pages

Next, we need to install a package called gh-pages.

npm install --save-dev gh-pages

3. Deploy script

It’s time to add a deploy script commands in our package.json file.

"scripts":{
 "predeploy": "npm run build",
 "deploy": "gh-pages -d build",
}

Now in your terminal run npm run deploy

4. Setup source to gh-pages branch.

Once you successfully deployed open your GitHub code repository and click on settings tab if you scroll down you can see a GitHub Pages then choose a branch to gh-pages.

That’s it now you can see your react app URL like in the above image.