Since .htaccess is a hidden system file, please make sure your FTP client is configured to show hidden files. This is usually an option in the program’s preferences/options.

Let’s do these step to create a redirection by .htaccess file.

1. Create an empty text file using a text editor such as notepad, and save it as htaccess.txt.

2. Edit the contents of the file. Check the following examples:

301 (Permanent) Redirect: Point an entire site to a different URL on a permanent basis. This is the most common type of redirect and is useful in most situations. In this example, we are redirecting to the “mt-example.com” domain:

# This allows you to redirect your entire website to any other domain
Redirect 301 / http://mt-example.com/

302 (Temporary) Redirect: Point an entire site to a different temporary URL. This is useful for SEO purposes when you have a temporary landing page and plan to switch back to your main landing page at a later date:

# This allows you to redirect your entire website to any other domain
Redirect 302 / http://mt-example.com/

Redirect index.html to a specific subfolder:

# This allows you to redirect index.html to a specific subfolder
Redirect /index.html http://example.com/newdirectory/

Redirect an old file to a new file path:

# Redirect old file path to new file path
Redirect /olddirectory/oldfile.html http://example.com/newdirectory/newfile.html
Redirect to a specific index page:

# Provide Specific Index Page (Set the default handler)
DirectoryIndex index.html

3. Upload this file and re-name it to .htaccess

MORE POWERFUL URL CHANGES WITH MOD_REWRITE

If you need to make complex changes to the way your URL displays, you should visit Using .htaccess rewrite rules. You can do things like add “www” to the beginning of your URL, redirect all requests to a subfolder but keep the rest of the URL, etc.

The post .htaccess redirection tips appeared first on WP2X.

#Gzip
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
</ifmodule>
#End Gzip

If your hosting setup has Gzip enabled I highly recommend that you enable it in your .htaccess file by copying and pasting the above code into your .htaccess. If they don’t have it enabled, simply ask, most of the time they will simply enable it for you. It also comes recommended by Google and Yahoo.

The post How to enable Gzip in .Htaccess for WordPress? appeared first on WP2X.

Redis is an open-source key value store that can operate as both an in-memory store and as cache. Redis is a data structure server that can be used as a database server on its own, or paired with a relational database like MySQL to speed things up, as we’re doing in this tutorial.

Default WordPress home page without Redis:

804ms page load time

Default WordPress home page with Redis:

449ms page load time

Redis vs. Memcached

Memcached is also a popular cache choice. However, at this point, Redis does everything Memcached can do, with a much larger feature set. This Stack Overflow page has some general information as an overview or introduction to persons new to Redis.

Step 1 — Install Redis

In order to use Redis with WordPress, two packages need to be installed: redis-server and php5-redis. The redis-server package provides Redis itself, while the php5-redis package provides a PHP extension for PHP applications like WordPress to communicate with Redis.

Install the softare:

sudo apt-get install redis-server php5-redis

Step 2 — Configure Redis as a Cache

Redis can operate both as a NoSQL database store as well as a cache. For this guide and use case, Redis will be configured as a cache. In order to do this, the following settings are required.

Edit the file /etc/redis/redis.conf and add the following lines at the bottom:

Add these lines at the end of the file:

maxmemory 256mb
maxmemory-policy allkeys-lru

When changes are complete, save and close the file.

Step 3 — Obtain Redis Cache Backend Script

This PHP script for WordPress was originally developed by Eric Mann. It is a Redis object cache backend for WordPress.

Download the object-cache.php script. This download is from DigitalOcean’s asset server, but this is a third-party script. You should read the comments in the script to see how it works.

Download the PHP script:

wget https://assets.digitalocean.com/articles/wordpress_redis/object-cache.php

Move the file to the /wp-content directory of your WordPress installation:

sudo mv object-cache.php /var/www/html/wp-content/

Depending on your WordPress installation, your location may be different.

Step 4 — Enable Cache Settings in wp-config.php

Next, edit the wp-config.php file to add a cache key salt with the name of your site (or any string you would like).

nano /var/www/html/wp-config.php

Add this line at the end of the * Authentication Unique Keys and Salts. section:

define('WP_CACHE_KEY_SALT', 'example.com');

You can use your domain name or another string as the salt.

Note: For users hosting more than one WordPress site, each site can share the same Redis installation as long as it has its own unique cache key salt.

Also, add the following line after the WP_CACHE_KEY_SALT line to create a persistent cache with the Redis object cache plugin:

define('WP_CACHE', true);

All together, your file should look like this:

* Authentication Unique Keys and Salts.

. . .

define('NONCE_SALT', 'put your unique phrase here');

define('WP_CACHE_KEY_SALT', 'example.com');
define('WP_CACHE', true);
Save and close the file.

Step 5 — Restart Redis and Apache

Finally, restart redis-service and apache2.

Restart Redis:

sudo service redis-server restart

Restart Apache:

sudo service apache2 restart

Restart php5-fpm if you are using it; this is not part of the basic installation on DigitalOcean:

sudo service php5-fpm restart

That’s it! Your WordPress site is now using Redis caching. If you check your page load speeds and resource use, you should notice improvements.

Monitor Redis with redis-cli

To monitor Redis, use the redis-cli command like so:

redis-cli monitor

When you run this command, you will see the real-time output of Redis serving cached queries. If you don’t see anything, visit your website and reload a page.

The post Install Redis Caching to Speed Up WordPress on Ubuntu appeared first on WP2X.

1. WordPress security with daily backup

No one can guarantee their website is secured 100% so that let ‘s prepare a backup version daily via your hosting plan. Almost hosting service provide daily backup service include files and database. Just one-click to restore if you meet any risk later on. This way will make sure you are safe 100%.

2. Internet activity security

1. Use A Secure Network At Home – If you are using Wifi at your home or office, then I would suggest setting up a private WPA2 network with a strong, randomly-generated name and network passphrase. For additional protection, you can employ “security through obscurity” methods such as enabling MAC Address Filtering.
2. Use An Encrypted VPN Connection Over Public Wifi – Generally speaking, it’s best to never log in to a sensitive area such as your WordPress Dashboard when connected to the internet over public Wifi. If you are using your laptop or phone over a public network, always run your connection through an encrypted VPN and make sure that you are signing in to your website over SSL. You can purchase a VPN from StrongVPN.com.

3. Securing Your Personal Computer

If I can recommend, I recommend you use Linux or Mac to anti virus. In windows I usually meet the key logger software what can’t be detected by any anti virus software. It ‘s a lot of risk if you lose server account and email accounts.

But anyway, if you can’t use Linux or Mac I think you can a good anti virus software like Kaspersky

They are simple but strong to help you in any risk situation. Hope it help!

Welcome any comment.

The post Security tips for WordPress appeared first on WP2X.

The function reference you can check more detail here: http://php.net/manual/en/function.shuffle.php

Here is an example for how to randomise elements in PHP array with shuffle

Let ‘s run this code

<?php
    $natural_born_killers = array("lions", "tigers", "bears", "kittens");
    shuffle($natural_born_killers);
    var_dump($natural_born_killers);
?>

Run in many times and try to see the result array, it will show you different result every time you run it.
One major drawback to using shuffle() is that it mangles your array keys. This is unavoidable sadly, and you need to live with it when you use shuffle(). Note that shuffle uses its parameter by reference – it returns true, but shuffles up the parameter you pass to it.

If you want to pick out just one random value from an array, you can use array_rand() – it takes an array to read from, then returns one random key from inside there. The advantage to array_rand() is that it leaves the original array intact – you can use the random key returned to grab the related value from the array, but other than that the original array is left untouched.

Array_rand() has an optional second parameter that allows you to specify the number of elements you would like returned. These are each chosen randomly from the array, and are not necessarily returned in any particular order.

Before I show you an example, you need to be aware of the following attributes of array_rand():

It returns the keys in your array. If these aren’t specified, the default integer indexes are used. To get the value out of the array, just look up the value at the key.

If you ask for one random element, or do not specify parameter two, you will get a standard variable back.

If you ask for more than one random element, you will receive an array of variables back.

If you ask for more random elements than there are in the array you will get an error

Array_rand() will not return duplicate elements if you request more than one random element

If you want to read most or all of the elements from your array in a random order, use a mass-randomiser like shuffle() – it is faster.

With that in mind, here’s an example of array_rand() in action:

<?php
    $natural_born_killers = array("lions", "tigers", "bears", "kittens");
    var_dump(array_rand($natural_born_killers, 2));
?>

The post Randomise elements in PHP array with shuffle appeared first on WP2X.

Here is what we need to do

Input             Output
'2'               2
'2.34'            2.34
'0.3454545'       0.3454545

Now, let ‘s do the magic

$num = "3.14";
$int = (int)$num;
$float = (float)$num;

For more detail you can do like this

1. Cast the strings to numeric primitive data types:

$num = (int) "10";
$num = (double) "10.12"; // same as (float) "10.12";

2. Perform math operations on the strings:

$num = "10" + 1;
$num = floor("10.1");

3. Use intval() or floatval():

$num = intval("10");
$num = floatval("10.1");

I think they are good enough for you to convert string to any number type.

The post Convert a string to a number in PHP appeared first on WP2X.

1. Get the last char of a string in PHP

If you want to get the only one character in a string, here is simplest function to do.

substr("testers", -1); // returns "s"

So simple?

And what if you want 2 characters? Let ‘s do this

substr("testers", -2); // returns "rs"

 2. Remove the last character from string

Just a bonus if this article, if you want to remove the last character in a string. You can do this function

substr("a,b,c,d,e,", 0, -1);

The output is a,b,c,d,e

Hope this article help you solve the problem with string.

Thanks

The post Get last character from string in PHP appeared first on WP2X.

1. Wildcard sub-domain

You will need to set up a wildcard subdomain on your account. Now let ‘s do these steps in your cPanel. If you don’t know what hositng you can do this. You can check our top hosting list for wordpress

– First, log into your cPanel account and under the “Domains” section select “Subdomains”

– Next, in the first open field, place a * symbol there signifying that you are creating a wildcard subdomain and click “Create”.

– Congratulations! You have now successfully set up your account for wildcard domains. You still may need to modify your .htaccess file. However, if you have set up wildcard subdomains for WordPress Multisite, it will automatically configure the .htaccess file for you.

2. Enable WordPress Multisite

Once wildcard subdomains are set up, you will need to enable multisite on your current WordPress installation. To do this go into your File Manager and edit the wp-config.php file in your file on your WordPress directory. Once you have opened the file for editing, add the following line of code:

define ('WP_ALLOW_MULTISITE', true);

Place the code one line above the code that says /* That’s all, stop editing! Happy blogging. */:. Once the code has been inserted, click on “save changes” at the top right of the page. Keep your cPanel open, we will be making more modifications in a moment.

3. Access WordPress Networks

Next, you will need to open your WordPress Dashboard. Under Administration, click Tools and then Networks. This is where you will be configuring your new mutlisite or network.

Addresses of the Sites in your Network: Here you decide if you want to use subdomains (site1.yourdomain.com) or sub-directores (yourdomain.com/site1)

Network Details: These will be filled in automatically, just make sure they’re correct.
Once you are done choosing your settings, click Install.

4. Enable Network

The last step, you need to enable the network. Keep your dashboard open as we will need to retrieve some information from it. Go back yo your cPanel file manager and into the WordPress directory. Then, create a blogs.dir folder in the /wp-content/ folder.

Next, you will need to reference your WordPress Dashboard. Under tools, click Network. This will show a page with custom coding that needs to be placed into your wp-config.php file. It should look something like this:

With your cPanel file manager, edit the same wp-config.php file that you edited in step 2.

Directly above the /* That’s all, stop editing! Happy blogging. */: line, put in the two blocks of code marked with a “1” in the picture above.

Next, you will add the generated mod_rewrite rules to the .htaccess file in your WordPress folder. In the .htaccess file, add all coding marked in the picture with a “2.” Remember that your code may be different then the one in our picture.

Log out of your WordPress Dashboard and back in to make sure the changes take effect. To make any additional changes, there is now a new Network Admin sub-section in your Dashboard.

The post Install and configure wordpress multisite (WPMU) appeared first on WP2X.

It ‘s very simple, you just need to run this wayway

function getIDFromYoutubeURL($url){
        $video_id = false;
        if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i', $url, $match)) {
            $video_id = $match[1];
        }
        return $video_id;
    }

Now let ‘s use function like this

$youtubeID = getIDFromYoutubeURL("https://www.youtube.com/watch?v=_URzW7CH8Dg");

// $youtubeID = _URzW7CH8Dg

The post Extract youtube ID from youtube URL in PHP appeared first on WP2X.

To enter the nano text editor you just need to type this line

nano /tmp/mytext.txt

Let ‘s say you are writing a lot of text and you want to find a string, then Ctrl + W is the shortcut for searching. After entering the search term, press Enter. To repeat the search, issue Alt + W. In this menu, you can select earlier searches using the arrow up/ down keys.

To toggle backwards searching, you need to press Alt + B in the search dialog.

For more shortcuts, press F1

Is it quite easy?

The post Search text in nano text editor appeared first on WP2X.

• Upgrade in admin panel fail because of network connection happen in upgrade process
• No FTP account to upgrade (if hosting require)
• File permission problem
• Security problem

It ‘s quite easy, let ‘s do these steps to upgrade wordpress in command line.

1. Login to server via SSH account

2. Download the latest version of wordpress and unzip via command line with this way

$ cd /tmp
$ wget http://wordpress.org/latest.zip
$ unzip latest.zip

3. Then Overwrite all new files

$ cd /var/www/html/blog
$ cp -avr /tmp/wordpress/* .
$ rm -rf /tmp/wordpress /tmp/latest.zip

Now login to admin panel of wordpress it will require you upgrade database, just perform the action and everything will be done.

The post Upgrade wordpress via command line shell appeared first on WP2X.

Here is very simple PHP function what you can use in any PHP project to display time.

<?php
function timeAgo($time_ago){
$cur_time 	= time();
$time_elapsed 	= $cur_time - $time_ago;
$seconds 	= $time_elapsed ;
$minutes 	= round($time_elapsed / 60 );
$hours 		= round($time_elapsed / 3600);
$days 		= round($time_elapsed / 86400 );
$weeks 		= round($time_elapsed / 604800);
$months 	= round($time_elapsed / 2600640 );
$years 		= round($time_elapsed / 31207680 );
// Seconds
if($seconds <= 60){
	echo "$seconds seconds ago";
}
//Minutes
else if($minutes <=60){
	if($minutes==1){
		echo "one minute ago";
	}
	else{
		echo "$minutes minutes ago";
	}
}
//Hours
else if($hours <=24){
	if($hours==1){
		echo "an hour ago";
	}else{
		echo "$hours hours ago";
	}
}
//Days
else if($days <= 7){
	if($days==1){
		echo "yesterday";
	}else{
		echo "$days days ago";
	}
}
//Weeks
else if($weeks <= 4.3){
	if($weeks==1){
		echo "a week ago";
	}else{
		echo "$weeks weeks ago";
	}
}
//Months
else if($months <=12){
	if($months==1){
		echo "a month ago";
	}else{
		echo "$months months ago";
	}
}
//Years
else{
	if($years==1){
		echo "one year ago";
	}else{
		echo "$years years ago";
	}
}
}

?>

Now, time to show and use it ‘s quite simple like this

<?php
  $curenttime="2013-07-10 09:09:09";
  $time_ago =strtotime($curenttime);
  echo timeAgo($time_ago);
?>

You will see the output like this

one year ago

The post PHP function to display time ago base on timestamp appeared first on WP2X.

First of all, you can download and install here: https://wordpress.org/plugins/crayon-syntax-highlighter/

A Syntax Highlighter built in PHP and jQuery that supports customizable languages and themes. It can highlight from a URL, a local file or WordPress post text. Crayon makes it easy to manage Language files and define custom language elements with regular expressions. It also supports some neat features like:

• Integrated Theme Editor!
• Tag Editor in both Visual & HTML editors
• Toggled plain code
• Toggled line numbers
• Copy/paste code
• Open code in a new window (popup)
• Line wrapping
• Code expanding
• Minimizing
• bbPress 2 support
• Converting legacy code in blog posts/comments to <pre>
• Remote request caching
• Mixed Language Highlighting in a single Crayon
• Mini Tags like [php][/php]
• Inline Tags floating in sentences
• Crayons in comments
• `Backquotes` become code
• pre tag support, option to use setting-value in the class attribute
• Valid HTML 5 markup
• Visual & HTML editor compatible
• Mobile/touchscreen device detection
• Mouse event interaction (showing plain code on double click, toolbar on mouseover)
• Tab sizes
• Code title
• Toggled toolbar
• Retina buttons
• Striped lines
• Line marking (for important lines)
• Line ranges (showing only parts of the code)
• Starting line number (default is 1)
• Local directory to search for local files
• File extension detection
• Live Preview in settings
• Dimensions, margins, alignment, font-size, line-height, float
• Extensive error logging

The code highlight is very easy to use in back end with the toobar icon and window

And the highlight code will be display in front end like this

The post Crayon Syntax Highlighter WordPress plugin appeared first on WP2X.

There are 2 ways to solve this issue

1. Javascript to make Full width 100% iframe/embed

Simple add this jQuery code

// Find all YouTube videos
var $allVideos = $("iframe[src^='http://www.youtube.com']"),

    // The element that is fluid width
    $fluidEl = $("body");

// Figure out and save aspect ratio for each video
$allVideos.each(function() {

  $(this)
    .data('aspectRatio', this.height / this.width)

    // and remove the hard coded width/height
    .removeAttr('height')
    .removeAttr('width');

});

// When the window is resized
$(window).resize(function() {

  var newWidth = $fluidEl.width();

  // Resize all videos according to their own aspect ratio
  $allVideos.each(function() {

    var $el = $(this);
    $el
      .width(newWidth)
      .height(newWidth * $el.data('aspectRatio'));

  });

// Kick off one resize to fix all videos on page load
}).resize();

Now, reload the page and see the magic.

2. CSS to make Full width 100% iframe/embed

Much more simple, you can apply this css tips and the result will be the same.

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

Remember add class videoWrapper out of your video then the video inside this class will be display 100%.

Now, enjoy the result and welcome any comment.

The post Full width 100% for youtube video iframe appeared first on WP2X.

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

The code expects the entire contents of your page to live inside a div just inside the body element. It rotates that div 90 degrees in landscape mode – back to portrait.

Left as an exercise to the reader: the div rotates around its centerpoint, so its position will probably need to be adjusted unless it’s perfectly square.

Also, there’s an unappealing visual problem. When you change orientation, Safari rotates slowly, then the top-level div snaps to 90degrees different. For even more fun, add

body > div { -webkit-transition: all 1s ease-in-out; }

to your CSS. When the device rotates, then Safari does, then the content of your page does. Beguiling!

Reference: stackoverflow.com

The post Lock orientation to portrait layout in mobile web by js appeared first on WP2X.

To use nano as editor, it ‘s quite simple. You just need to use this code when create cronjob

env EDITOR=nano crontab -e

Now, the editor open the cronjob will be nano, you just need to type your command and save it.

It simple but sometimes it will save us a lot of time.

The post Create Cronjob with custom nano editor in Linux/Mac appeared first on WP2X.

But if we resize the windows, the popup display well again, that ‘s why I show you here to get the solution to make the popup show beautiful even though user don’t resize the windows. Here is the tips:

$("#your-popup").trigger('updatelayout');

And to make sure you call this line

$(document).resize();

Then everything should work well again :).

The post jQuery Mobile update popup layout after content change appeared first on WP2X.

The key and the magic to show background of a css layer in 100% scale is background-size. Just use it like this

#my_container {
background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

To preserve the aspect ratio of the image you should use “background-size: cover;” or “background-size: contain;”.

Scaling an image with CSS is not quite possible, but a similar effect can be achieved in the following manner, though.

Use this html:

<div id="background">
    <img src="img.jpg" class="stretch" alt="" />
</div>

with the following CSS:

#background {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 0;

}
.stretch {
width:100%;
height:100%;
}

and you should be done!

In order to scale the image to be “full bleed” and maintain the aspect ratio, you can do this instead:

.stretch { min-width:100%; min-height:100%; width:auto; height:auto; }

Reference: http://stackoverflow.com/questions/376253/stretch-and-scale-css-background

The post Background Stretch and scale in CSS 100% appeared first on WP2X.

∞

Ok, this character is special html tags what is not easy to remember :). You can display this in html by this code:

HTML entity ∞ or ∞

It ‘s simple to display infinity symbol in html, ha?! Hope it help you too. Thanks

The post How to display Infinity symbol in HTML appeared first on WP2X.

After updating you will see this line

Thank you for updating! WordPress 4.0 brings you a smoother writing and management experience.

Yes, it ‘s really nice for our world! Thanks WordPress team.

The post What’s News in WordPress 4.0 Benny? appeared first on WP2X.