Techcoholic

Tagged: wordpress

Top 10 WordPress Tesla Themes August 2014

0
  • by vytautas
  • in Themes · Wordpress
  • — 10 Aug, 2014

A business in the age of technology has two faces, a virtual and a physical. A website is the virtual identity of business houses that they maintain while operating in the bigger market in the global atmosphere. Themes are significant in this aspect as they conjure the necessary browsing environment that would welcome the surfers. Business owners will be delighted to learn that shrouding a theme for their website is not a matter of heavy expense, with the feature-rich Tesla themes. One such brilliant WordPress business theme, along with a hosting provider and a domain name equips the developers in launching a fully functional webpage that enhances a business’s customer reach and revenue generation. Described below are the top 10 WordPress Tesla themes that are crisp, responsive, minimalist and worth an investment.

1. Yopta

Yopta Theme

This theme, in a word, is bold and sharp, and highly responsive. The Tesla framework has introduced many new features into this theme that include video support, portfolio of five different versions, Revolution slider and some new portfolio elements.

2. Sevenfold

Sevenfold WordPress Theme

If you are looking for a minimalist theme, the Sevenfold will sure suit your purpose as it has a very clean interface and modern in the real sense of the term. Cyber-friendly, this theme in particular is highly flexible to customization. What’s new? This one has a built-in drag and drop style of form builder and the all new Revolution Slider.

3. Zero

Zero WordPress Theme

Ideally designed for businesses that require a zero-decoration theme and has the element of profession in it, Zero has three landing page representations for something extra for the surfers. To add to that, the theme has a great many transition effects coupled with portfolio element that facilitates showcasing. Other unique features include sticky menu, animated scrolling and font icons.

4. BizNex

BizNex WordPress Theme

Though named BizNex, this one has the design and built suitable for both personal and business portals. Clean and responsive, it has a well-organized layout with a set of beautiful effects and many advanced features that aid both management and navigation. This template is suitable for all small-scale businesses, agencies, corporate events, etc.

5. Display

Display Theme for WordPress

What’s mentionable about this template is that its features are powered by the Telsa Framework, its latest version.

6. Universe

Universe WordPress Theme

This is a theme ideally designed for businesses, having four different homepage representations, custom post options, specially designed image sliders, integrated custom widgets, galleries, etc. Quite a universe in itself, saying that!

7. Zoomy

Zoomy WordPress Theme

This is a photography WordPress theme that has a fresh feel about it, thanks to the transition effects, stylish galleries, sliders, and much more. It is perfect for use by creative agencies, photographers, photo bloggers, and like professionals.

8. Electra

Electra WordPress Theme

This is again a WordPress theme specially designed for businesses. Featuring advanced customization options, this one has special 3D effects, transition effects, animation, drag and drop editors, etc.

9. Design Portfolio

Design Portfolio WordPress Theme

This is another premium theme that has a modern layout and easy customization features. This is noted for easy-to-set-up features. This is ideal for showcasing creative works in a professional, yet stylish manner.

10. Winterfell

Winterfell WordPress Theme

Though designed on the same minimal layout, this one has a creative design and feature-rich interface that makes laying out project works simple, and easy to surf.

Pick themes by their suitability determined by your intended purpose.

The best WordPress Tesla Theme

Please let us know what is your favorite WordPress Tesla Theme in the commen section below. Thanks!

Read more

5 Easy Ways to Add Google Analytics to WordPress

0
  • by vytautas
  • in Wordpress
  • — 9 Aug, 2014

Analyzing visitor traffic in the online world has become evident in order to improve business prospects. With competition in the online platform increasing beyond comprehension, business owners are feeling the necessity of tracking their potential clients and understanding their ever-changing requirements. Fortunately, Google Analytics has offered business owners a way out of this confusion and complication. Therefore, WordPress developers have shown affinity in utilizing these applications to add more features in the service packages. WordPress is popular as a flexible content publishing application. There is more than one way to add Google Analytics to Wordpress; here we are offering information on top 5 ways to get this job done.

1. Google Analyticator

Google Analyticator WordPress Plugin

This plug-in is designed by Ronald Heft and it is considered to be one of the most efficient ways to add GA (Google Analytics) in your WordPress powered site. This plug-in allows the users to check the recent statistics of your site and ‘hit count’ at your convenience. Its dashboard utility allows the administrator to alter or modify the service processes.

Front-end widget, support for latest tracking code, asynchronous tracking, localization, and easy installation are few of the many features of this plug-in.

2. Google Analytics Plug-in

WP Google Analytics plugin

This plug-in has gained recognition as ‘basic process’ for WordPress developers and its ease of usage has gained attention as well. It helps the users to add asynchronous tracking code from the administrative segment. Therefore, enabling or disabling the facilities has become easier.

3. Google Analytics for WordPress

Google Analytics for WordPress plugin

This plug-in is designed by Yoast, and it is considered to be an efficient analytics integrator that provides high level of control over the tracking code. This plug-in comes with various features such as- speed tracking, easy installation process, local hosting support, custom location support of tracking code etc. So, it is safe to sate that this plug-in can be a complete source for controlling the Google Analytics application.

4. Google Analytics Dashboard

Google Analytics Dashboard plugin

Using the dashboard of Google analytics is considered to be very efficient and it can negate the requirement for plug-in usage to implement Google analytics. This process showcases the statistical data of your website and client preference without using GA tracking code. This display acts as the log of your business process.

5. How to Add Google Analytics Code to WordPress Without Plug-In?

WordPress developers and designers can also use tracking-code snippet of their Google Analytics in order to access the statistics and data of websites with ease. Tracking snippet is a fragment of ‘JavaScript’ that allows users to utilize the analytics application from Google. The usage of JavaScript is widely recommended by professionals and experts. Its capability to modify the services and facilities of websites has made it popular in the online world.

In order to use GA tracking code snippet without a plug in, the developers and WordPress administrators need to use your property ID, and use the code snippet in the web pages.

These bits and pieces of information regarding the most popular ways how Google Analytics can be used would help WordPress developers to extract the statistical business growth and client preference data for better business decision.

 

Read more

How to build a fixed menu in WordPress in 3 easy steps

0
  • by vytautas
  • in Wordpress
  • — 8 Aug, 2014

The flexibility of usage and high efficiency level of WordPress have led it to world wide popularity. Its content management capability, continuously improving features, and personalization process has shown promise in bringing life to websites while maintaining their appeal. Building a fixed menu on WordPress platform requires in-depth knowledge of three easy steps.

Navigation Bars in WordPress

Creating a Fixed Menu

The dashboard of the WordPress platform allows the users or operation supervisor authority to modify or alter the work process and design in many ways. Clicking on the ‘Appearance’ section of the dashboard would offer you access to ‘Menus’. Clicking on the ‘Create Menu’ option would initiate the first step of building a fixed menu process. The ‘Create Menu’ button has two sub-sections, viz., Auto add pages and Theme locations.

‘Auto Add Pages’ section allows you to add new pages in an automatic manner in the website. WordPress developers need to uncheck this option in order to follow fixed menu creation.

‘Theme location’ section allows the user to pick out the best location for their newly designed menu. Generally any new menu would locate itself in the navigation area, but if the user’s theme supports multiple navigation processes, then the placement of the new menu can be changed.

Adding Pages and Categories

After deciding the placement for the new menu, the WordPress developers need to initiate the second step of the process, which is to add or select category and page addition. Users would find a list of check boxes in the left hand side of the Dashboard. Checking the preferred boxes and clicking ‘add to menu’ button would allow your new menu to appear with requested and selected options as subsections.

WordPress operators or developers can also enlist categories to create a filtered blog feed, which would navigate through your preferences and allow you to access blog posts for edition. Selecting the check boxes that appear under the category banner and clicking on ‘Add to Menu’ button would complete the second process.

Managing and Sorting Order of the Submenu Elements

As explained previously, Dashboard of the WordPress platform offers the users or the administrators complete access to modify and alter every single element of WordPress site. One of the advantages of using Dashboard is the capability to manage and sort the order of submenus under main menu.

In order to initiate the third and the last step of building a fixed menu process in the WordPress account, the developers or users need to use the tab that displays all the sub menus under the main head. This tab allows the users to create drop-down style menu setup without any complication. Dragging the sub menus under the main menu and nesting to the right side would create the desired effect in the website interface. However, the users would need to click on the ‘save menu’ button after finishing their work, in order to see the changes.

These are three easy yet efficient steps that would lead the efforts of the users towards success in building a fixed menu in WordPress.

 

Read more

How to Manage WordPress comments using SQL

0
  • by vytautas
  • in Wordpress
  • — 7 Aug, 2014

In a bid to combat the comment spamming issue, WordPress developers often choose to use plug-ins. If you want to block spam comments on your WP blog permanently and make way for genuine discussions, you need to know how to bring SQL to play. Here are some handy SQL codes that can help you manage WordPress more efficiently than you can even imagine. You can use PHPMyAdmin, a free-to-use and open-source tool, which can make spam removal and comment management a cakewalk for you. Just do not forget to take a backup of the database before you run SQL+ queries on your server.

How to remove all comments from the server database

Use the below-furnished query to remove all comments marked as ‘spam’ from your database.

DELETE FROM wp_comments WHERE wp_comments.comment_approved = 'spam';

The best part is, the code works perfectly on all WP versions including the most recent, WP 3.9.2!

How to disable/enable comments

In the WP database, under the ‘wp_posts’ table, you can find a column named ‘comment_status’. The column will contain the following values for each post or row.

  • Open (comments are open to every visitor)
  • Closed (comments are closed to every visitor)
  • Registered_only (Comments can only be seen by registered and logged-in users)

You may run the following SQL queries (using phpMyAdmin or any other open source tool which is used in MySQL) to change the default comment-management settingas. (again, do not forget to take backup of your database)

  • For global comment enabling, use UPDATE wp_posts SET comment_status = ‘open’;
  • For global comment enabling, use UPDATE wp_posts SET comment_status = ‘closed’;
  • For global comment enabling for registered users, use UPDATE wp_posts SET comment_status = ‘registered_only’;

For global enabling/disabling comments posted before a certain date, however, you need to specify comment_status and then specify the date as well (default date is 2008-01-01). See an example here:

UPDATE wp_posts SET comment_status = 'closed' WHERE post_date < '2014-08-06' AND post_status = 'publish';

You may run this query more than once each year for enabling/disabling comments on your old blog posts. You need to combine the code with similar ones for managing trackbacks and pingbacks.

How to enable and disable pingbacks?

You can also find a column named ‘ping_status’ in the wp_posts table. The option can be manipulated for managing pingbacks/trackbacks. Use any of the following values for each post (value).

  • Open (everyone can see pingbacks/trackbacks)
  • Closed (no one can see the pingbacks/trackbacks)

Therefore, you can run the following SQL queries to manipulate the default settings for trackbacks/pingbacks.

UPDATE wp_posts SET ping_status = 'open'; (to enable pingback/trackback for all users)

UPDATE wp_posts SET ping_status = 'closed'; (to disable the same)

UPDATE wp_posts SET ping_status = 'closed' WHERE post_date < '2008-01-01' AND post_status = 'publish'; (change the date if you want to disable/enable pingback/trackback before a certain date)

In this case as well, you can run the query quite a few times each year to change the pingback/trackback settings.

Complete and streamlined comments management

If you know how to make SQL work perfectly, WordPress discussion management is as easy as falling off the log. Use the following ‘one-step’ queries to better manage comments on your blog.

For enabling/disabling all discussions

You need to specify the comment status (as above) and then specify the ping status as well. Example here below:

UPDATE wp_posts SET comment_status = 'open', ping_status = 'open' WHERE comment_status = 'closed' AND post_status = 'publish';

For enabling/disabling all discussions before a date

Specify the comment status and the ping status, and then specify the date. Here, an example for you.

UPDATE wp_posts SET comment_status = 'closed', ping_status = 'closed' WHERE post_date < '2008-01-01' AND post_status = 'publish';

SQL, if used properly, can be highly instrumental in WordPress Comment Management. Try SQL language for yourself and you would know why WordPress developers have so much love for this database language.

Read more

10 Handy and Reusable jQuery Code Snippets

0
  • by vytautas
  • in jQuery · Wordpress
  • — 6 Aug, 2014

To the volleys of coders and software sentries who swear by single words accompanied with special characters and variegated bracket functions (code snippets), jQuery is almost synonymous to ‘indispensable’. Its ease of use, speed and strength are aggregately reflected in 60% of the top 10 000 websites.

Here is an array of 10+ jQuery code snippets that can come handy and can be used at the coder’s discretion. These snippets are easy to adapt, fun to code and can be used any number of times. Here snips the list.

1. Scroll to top

While this one ranks admirably high on the popularity charts, fact is this is among the most forgotten snippets. Four lines in the code allow users to scroll right to top of the page using a link. As a general norm, the link is placed at the bottom of the page.

$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});

 

2. Import external content

If there is a need to import content from an external destination to a particular division, the following jQuery snippet can be used and reused if needed.

$("#content").load("somefile.html", function(response, status, xhr) {
// error handling
if(status == "error") {
$("#content").html("An error occured: " + xhr.status + " " + xhr.statusText);
}
});

 

3. Columns of equal height

If a website displays information in columns, it is for the better to make the columns equal in height. This renders a homogenous feel to the site. The code takes all div elements into consideration. Then, the heights are adjusted with impetus on the bigger elements.

var maxheight = 0;
$("div.col").each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});

$("div.col").height(maxheight);

 

4. Partial refresh

If there is a need to refresh only a particular portion of the page, this snippet can more than help. The 3 line code includes a #refresh div that is refreshed automatically once in every 10 seconds.

setInterval(function() {
$("#refresh").load(location.href+" #refresh>*","");
}, 10000); // milliseconds to wait

 

5. Table Stripes (Zebra pattern)

Tabular data can be made more pleasing to the eye by varying the colors across rows. The following snippet automatically adds a CSS class to every alternative row.

$(document).ready(function(){
$("table tr:even").addClass('stripe');
});

 

6. New tab for external links

The attribute target=”blank” allows the external links to be forced open in a new window or tab. While it is relevant to open some external links in a new window or tab, there are some links that should be necessarily opened in the parent window. The code automatically detects if a link is external. If positively tested, the target=”blank” attribute is assigned to such links.

$('a').each(function() {
var a = new RegExp('/' + window.location.host + '/');
if(!a.test(this.href)) {
$(this).click(function(event) {
event.preventDefault();
event.stopPropagation();
window.open(this.href, '_blank');
});
}
});

 

7. Preload images

With jQuery images can be easily preloaded in the background. This means that visitors will not need to waste a lot of time if they want an image to be displayed. This code can be readily used. A minor update would be needed in line 8 for the image list.

$.preloadImages = function() {
for(var i = 0; i<arguments.length; i++) {
$("<img />").attr("src", arguments[i]);
}
}

$(document).ready(function() {
$.preloadImages("hoverimage1.jpg","hoverimage2.jpg");
});

 

8. Password strength test

If a website allows users to define their own passwords, it is a positive sign if the site also indicates the strength of the entered password. This snippet allows the same. Here is a test HTML:

<input type="password" name="pass" id="pass" />
<span id="passstrength"></span>

 

Following is the jQuery code that will evaluate the strength of the user password. A subsequent message display indicates if the password is weak, medium or strong. Additionally, it also indicates if the length of the password is too short.

$('#pass').keyup(function(e) {
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
if (false == enoughRegex.test($(this).val())) {
$('#passstrength').html('More Characters');
} else if (strongRegex.test($(this).val())) {
$('#passstrength').className = 'ok';
$('#passstrength').html('Strong!');
} else if (mediumRegex.test($(this).val())) {
$('#passstrength').className = 'alert';
$('#passstrength').html('Medium!');
} else {
$('#passstrength').className = 'error';
$('#passstrength').html('Weak!');
}
return true;
});

 

9. jQuery image resizing

While it is safer to resize the image on the other side of the server, knowing how to do so with jQuery can be a huge plus at times. The following snippet takes care of the same.

$(window).bind("load", function() {
// IMAGE RESIZE
$('#product_cat_list img').each(function() {
var maxWidth = 120;
var maxHeight = 120;
var ratio = 0;
var width = $(this).width();
var height = $(this).height();

if(width > maxWidth){
ratio = maxWidth / width;
$(this).css("width", maxWidth);
$(this).css("height", height * ratio);
height = height * ratio;
}
var width = $(this).width();
var height = $(this).height();
if(height > maxHeight){
ratio = maxHeight / height;
$(this).css("height", maxHeight);
$(this).css("width", width * ratio);
width = width * ratio;
}
});
//$("#contentpage img").show();
// IMAGE RESIZE
});

 

10. Load content on scroll

There are some websites that load content automatically with the user scrolling down. While such a design is generally used in Social media Sites, other commercial sites are also replicating it. The following snippet does the hard work.

var loading = false;
$(window).scroll(function(){
if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
if(loading == false){
loading = true;
$('#loadingbar').css("display","block");
$.get("load.php?start="+$('#loaded_max').val(), function(loaded){
$('body').append(loaded);
$('#loaded_max').val(parseInt($('#loaded_max').val())+50);
$('#loadingbar').css("display","none");
loading = false;
});
}
}
});

$(document).ready(function() {
$('#loaded_max').val(50);
});

Read more
  • Categories

    • jQuery
    • PHP
    • Themes
    • Wordpress
  • Home
  • Tagged: wordpress

© Copyright 2021 Techcoholic. Typegrid Theme by WPBandit.