Wordpress Tutorials Archives - Page 20 of 20

March 23, 2019May 9, 2019

Easy Guide to Add the Official Twitter Follow Button in WordPress

In this article we will cover what is the twitter follow button, and how you can add it in your WordPress site.

What is the Twitter Follow Button

Twitter follow button is a small widget which allows users to easily follow your twitter account (or any twitter account) from any website. The follow button uses the same implementation model as the official tweet button, and it is really simple to integrate. You can see the demo of the follow button on the top left corner of the image below. When you click on the follow button, a window opens with more information about the user.

You are probably wondering how it is different from the Smart Follow button below?

Well the smart follow button requires you to do the whole Twitter Anywhere integration. It also doesn’t allow you to show your follower count or do any customization. Whereas the Twitter follow button lets you show the count, and it is very easy to integrate. Check out the live example below (don’t forget to click follow to see what it does):

How to Add the Official Twitter Follow Button in WordPress

You can go to the Follow Button page and generate a code for you. Or you can simply copy the code below:

1 2	`<a href="http://twitter.com/wpbeginner"` `class="twitter-follow-button"` `data-show-count="true">Follow @wpbeginner</a>` `/code`

P.S. Make sure to change the username with your own.

If you are using the official tweet button, then you do not need to paste the script twice. So your code will look like this:

<a href="http://twitter.com/wpcademy" class="twitter-follow-button" data-show-count="true">Follow @wpcademy</a>

Now you can paste the code anywhere you like in your WordPress theme. Most folks will put such code in their sidebar.php file. However, if you don’t feel comfortable editing a theme file, then you can utilize WordPress theme widgets as well. All good themes come with widget-ready sidebars. So all you would have to do is go to Appearence » Widgets tab. Then add a text widget to your appropriate sidebar. Lastly, paste the code above, and you are done. Look in the screenshot below for the example:

There is really no need to add a plugin to do something as simple as this.

Advanced Customization

This section is for designers and developers who want to customize this button further to match their site’s color scheme etc. Twitter lets you customize the button color, text color, link color, language, widget, and alignment of the plugin.

Available variables in the JavaScript version that we are using:

data-show-count (true or false)
data-button (blue or grey)
data-text-color (hex code)
data-link-color (hex code)
data-lang (en, fr, de, es) – uses the two letter ISO-639-1 language code
data-width – (300px)
data-align – (right)

If you want to specify it in the a code it would look something like this:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#ffa24f" data-show-count="true">Follow @wpbeginner</a>

Resources:

Follow Button Documentation
Follow Button Generator

March 13, 2019May 15, 2019

Easy Guide to Change WordPress Theme via phpMyAdmin

In this tutorial we are going to learn how to change WordPress theme from the database. WordPress makes it extremely easy to manage themes from the admin area. However, if you are unable to access your WordPress admin area, then you will need to find other ways to change your WordPress theme.

Why and When You Need to Use phpMyAdmin?

Normally, the easiest way to change your WordPress theme is by visiting the Appearance » Themes page in WordPress admin area. However, sometimes a WordPress error can make your website admin area inaccessible.

In that case, the safest way to recover your website is by restoring it from backup. Another way is to troubleshoot the WordPress error causing the problem. In troubleshooting, the easiest way to switch themes is to make a backup of your existing theme via FTP, and then remove all theme folders from /wp-content/themes/ except for the default theme. WordPress will automatically revert to the default theme.

Both of the above methods will give you access to the WordPress admin area, and you will be able to change the theme.

However if you don’t have a backup, and you don’t want to revert to a default theme, then you can change to a custom WordPress theme from your database by using phpMyAdmin.

That being said, let’s take a look at how to change your WordPress theme via phpMyAdmin.

Changing Your WordPress Theme via phpMyAdmin

This method allows you to tell WordPress which theme to use by changing the information in the database. For this method to work, the theme you want to switch to must already be installed on your website.

You will need to connect to your website using a FTP client and go to the /wp-content/themes/ folder. There you will be able to see all the themes that are currently installed on your website.

Note: Write down the theme folder name that you want to switch to. You will need it in the next step.

If the theme you want to switch to isn’t installed on your website, then you can manually install a WordPress theme via FTP.

After making sure that theme you want is installed on your website, you can now go ahead and change the theme via phpMyAdmin.

Step 01. you need to go to cPanel dashboard of your WordPress hosting account. Next, scroll down to the databases section and then click on phpMyAdmin.

Once you are in phpMyAdmin, you’ll see a list of databases on the left side of the screen. Simply click on the database that you are using for your WordPress site.

If you are not using cPanel but using phpMyadmin, go to yourdomain.com/phpmyadmin or yourip/phpmyadmin.

Step 02. it will show you the list of tables in this database. You need to click on the ‘wp_options’ table to open it.

Note: By default, WordPress database tables use wp_ as the prefix for table names. However, it is possible to see a different database prefix if you or an administrator on your site had changed the WordPress database prefix.

Step 03. Upon opening the table, you need to scroll down and locate ‘template’ and ‘stylesheet’ rows. Next, click on the Edit button next to the template row.

Step 04. This will open the row editor where you need to change the value for the option_value field to the theme you want to use. It is usually the same as the folder name in /wp-content/themes/ folder.

Step 05. After that click on the ‘Go’ button below to save your changes. Now, repeat the process for stylesheet row as well.

Once you have saved your changes, you can go to your website to see the new theme in action.

Congratulations! You have changed your WordPress theme via phpMyAdmin successfully. You may also want to see how to install phpMyAdmin.

May 9, 2018October 17, 2019

How to fix WordPress Login issues

Objective of this tutorial is to fix WordPress login issue.
If you are having trouble logging in to your WordPress Administration Panels, here are some possible solutions for wordpress admin login.

Do not forget to Enable Cookies

In order to make sure that cookies are enabled for your browser, you need to:

Clear your browser cookies.
Clear your browser cache.

To see how to clear cookies and caches on various browsers, visit Clearing Cache and Cookies.

Disable Plugins

Some WordPress Plugins may interfere with the login process. Disable all of your WordPress Plugins, either through the admin panel or by removing them from the /wp-content/plugins/ folder, so they will not be recognized by the program. Try to disable one plugin and check the issue fixed, this way you can find the plugin cause the trouble.

Alternatively, you can rename the plugins folder to something else temporarily to something like /wp-content/pluginsXX/ and they will not be recognized. Rename the folder back to /wp-content/plugins/ once the base WordPress installation has been recovered.

Check the WordPress Login File

Follow the steps:

Step-01: Sometimes the wp-login.php file may have been corrupted or uploaded incorrectly.

Step-02: Delete wp-login.php off of your server and upload a new copy from a fresh WordPress download. Remember, overwriting file via FTP can lead to incomplete transfers.

Step-03: Edit wp-login.php as follows:
Go to the case retrievepassword section, found under this comment:

// redefining user_login ensures we return the right case in the email

Replace:

$user_login = $user_data["user_login"];

With:

$user_login = $user_data->user_login;

Password Problems

For information on problems logging in due to a wrong or lost password, see Resetting Your Password. Remember: the Username and Password fields are case sensitive.

Site URL Redirecting

In certain cases your WordPress address URI may have been reset.

- - Check the siteurl value in the wp-options table of your WordPress database. A guide to doing this is available here.
  - Is it set as http:/?
  - If it is, change siteurl to the correct value.
  - Open wp-login.php in a text-editor and comment or delete the following lines:

// If someone has moved WordPress let's try to detect it
// if ( dirname('http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']) != get_settings('siteurl') )
// update_option('siteurl', dirname('http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']) );

Changed your WordPress address URI and cannot login nor access the database (but still can access the login page) ?

wp-login.php can be used to reset the address:

//FIXME: do comment/remove these hack lines. (once the database is updated)
update_option('siteurl', 'http://your.domain.name/the/path' );
update_option('home', 'http://your.domain.name/the/path' );

Subdomains or Subdirectories Problem

In your wp-config.php try changing from:

define( 'SUBDOMAIN_INSTALL', true);

To:

define( 'SUBDOMAIN_INSTALL', false);

Check Your URL Options from wp-options

In some situations, your blog can be seen from inside your domain, but not outside. Following the instruction above about changing the wp-options MySQL table might still result in login failure.

In this event, double-check your wp-options table siteurl (WordPress address URL) and home (Blog Address URL) values to make sure they reference the same base externally available address; i.e., http://blog.yourdomain.com. The standard install may set them to your local (internal) host name, such as http://servername

Check and configure your Firewall or whitelist your IP

Some firewalls (e.g., eTrust Personal Firewall) block you from logging in to WordPress. Disable your firewall and try to log in again or whitelist your IP address. If you are using Jetpack by wordpress, add your IP in whitelist. Follow the image as guideline to whitelist your IP in jetpack by wordpress.

Ask for help

Step-01 : If these steps didn’t work, please indicate that you have tried all these possible solutions when posting at the WordPress Support Forum or any other forum like Stack Exchange. Be sure to give details of your server setup, if you know it, including mySQL and PHP versions, as well as your operating system (OS), browser, and the WordPress version that is causing these problems.

Step-02 : sometimes your hosting company supports to fix any issue. You can contact via chat or open a support ticket or email , if possible, ad screenshot of your wordpress login issue.

Check out more Login issues from WordPress Codex