Working with the Bootstrap containers

Being mobile-first, Bootstrap 3 was developed to be responsive to mobile devices. To provide proper rendering and touch zooming, add meta viewport tag inside the <head> element: The width=device-width part sets the width of the page to follow the screen-width of the device. The initial-scale=1 part sets the initial zoom level when the page is …

Random post order with correct pagination

You can find many resources on the internet to randomize the wordpress posts, simply add ‘orderby’ => ‘rand’ in wp query : The issue with this method is that it breaks wordpress pagination. If you navigate to the second page of the results, the random posts which are returned may contain posts that you have …

Improve wordpress search, relevanssi plugin

Tested plugins Relevanssi Relevanssi substitutes the standard WordPress search with an advanced search engine, with many features and configurable options. You will have superior results and also an improved presentation of the results.

How to nofollow all external links in wordpress

By default, WordPress does not let you to automatically add nofollow to external links. You will have to manually add it or use a plugin to do this in an easier way. Tested plugin Nofollow for external link Use this plugin https://wordpress.org/plugins/nofollow-for-external-link/, and rel=nofollow and target=_blank will be automatically inserted, for all external links of …

Posting source code on your posts

WordPress does not allow you to use potentially dangerous code on your blog, there is a way to post source code for viewing. You can easily post syntax-highlighted code on your blog. 1. Install https://wordpress.org/plugins/syntaxhighlighter/ plugin 2. In your wodpress text editor just wrap your code in these tags: [  code lang=”js”] your code here …

Downloading and installing Bootstrap

Manually You can download Bootstrap from http://getbootstrap.com/ The archive contains 3 folders: CSS, Fonts, JS You can upload all 3 folders on your host or you may choose which files to upload. From CSS folder Bootstrap.min.css file is all you need, so move it to your CSS folder. From Fonts folder In fonts folder you …