Archives for December 2014

Unregister the ‘Comments and Trackbacks’ section in the admin

December 30, 2014 Leave a Comment

Removing the ‘Comments and Trackbacks’ from Genesis Theme Settings & Customizer page.

// Removing it from Genesis Theme Settings page
if (is_admin()) :
  function remove_genesis_comments_trackbacks_settings($pagehook) {
  	remove_meta_box( 'genesis-theme-settings-comments', $pagehook, 'main' ); 
  }
  add_action( 'genesis_theme_settings_metaboxes' , 'remove_genesis_comments_trackbacks_settings');
endif;

// Removing it from Genesis Theme Settings page

if (is_admin()) :

function remove_genesis_comments_trackbacks_settings($pagehook) {

remove_meta_box( 'genesis-theme-settings-comments', $pagehook, 'main' );

}

add_action( 'genesis_theme_settings_metaboxes' , 'remove_genesis_comments_trackbacks_settings');

endif;

// Removing it from Customizer page
add_action( 'customize_register', 'gd_remove_customize_section', 20 );
function gd_remove_customize_section($wp_customize){
  $wp_customize->remove_section( 'genesis_comments');
}

// Removing it from Customizer page

add_action( 'customize_register', 'gd_remove_customize_section', 20 );

function gd_remove_customize_section($wp_customize){

$wp_customize->remove_section( 'genesis_comments');

}

All code will go in functions.php file.

Integrate Salesforce Lead with Contact Form 7 Plugin

December 25, 2014 4 Comments

Full thanks are going to Alex Hager. His tips is helped me lot and I successfully integrate salesforce lead with CF7 plugin. First I generate a Web To Lead form in salesforce account. Here is my form’s code

<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <META> element to your page <HEAD>. -->
<!-- If necessary, please modify the charset parameter to specify the -->
<!-- character set of your HTML page. -->
<!-- ---------------------------------------------------------------------- -->

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">

<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <FORM> element to your page. -->
<!-- ---------------------------------------------------------------------- -->

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

<input type=hidden name="oid" value="00XX000000XXXXX">
<input type=hidden name="retURL" value="http://yourdomain.com/thank-you/">

<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: These fields are optional debugging elements. Please uncomment -->
<!-- these lines if you wish to test in debug mode. -->
<!-- <input type="hidden" name="debug" value=1> -->
<!-- <input type="hidden" name="debugEmail" value="chinmoy29@gmail.com"> -->
<!-- ---------------------------------------------------------------------- -->

<label for="first_name">First Name</label><input id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br>

<label for="last_name">Last Name</label><input id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br>

<label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br>

<label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br>

<label for="city">City</label><input id="city" maxlength="40" name="city" size="20" type="text" /><br>

<label for="country">Country (text only)</label><input id="country" maxlength="40" name="country" size="20" type="text" /><br>

<label for="state">State/Province (text only)</label><input id="state" maxlength="20" name="state" size="20" type="text" /><br>

<label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br>

<label for="title">Title</label><input id="title" maxlength="40" name="title" size="20" type="text" /><br>

<label for="description">Description</label><textarea name="description"></textarea><br>

<input type="submit" name="submit">

</form>

<label for="first_name">First Name</label><input id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br>

<label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br>

<label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br>

<label for="country">Country (text only)</label><input id="country" maxlength="40" name="country" size="20" type="text" /><br>

<label for="state">State/Province (text only)</label><input id="state" maxlength="20" name="state" size="20" type="text" /><br>

<label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br>

<label for="title">Title</label><input id="title" maxlength="40" name="title" size="20" type="text" /><br>

<label for="description">Description</label><textarea name="description"></textarea><br>

</form>

Second I created my “Request More Info” form using Contact Form 7 plugin. Form is looking… Continue Reading

Move Two Jetpack Subscription Checkboxes to Above "Post" Button

December 19, 2014 20 Comments

Jetpack is a popular wordpress plugin and lot of wordpress users are using this plugin. This plugin have a module “Jetpack Subscription” and this module is adding two checkboxes into comment form. Jetpack is not providing any extra settings for repositioning this two checkboxes. Using CSS we can move the “Post Comment” button below the… Continue Reading

Custom Header Images on Pages – Parallax Pro Theme

December 18, 2014 3 Comments

Here was the original request on SP forums: I used Sridhar Katakam’s tutorial on relocating entry title headers but I want to make these headers images rather than text. The person who initial responded to my questions said this: I amended the CSS to display scaling background images to create full width, applying the page-id-xx… Continue Reading

Displaying Backstretch Featured Image on Blog or Archive page in Genesis

December 12, 2014 Leave a Comment

First upload the backstretch.js and theme-script.js file in js folder of your child theme. Here is the script of theme-script.js file

jQuery(function( $ ){
    $( "main.content .post .entry-image" ).each( function(){
        var post_image = $(this).data( "entry-img" );
        $(this).backstretch([BackStretchImg]=post_image,{duration:3000,fade:750});
    });
});

jQuery(function( $ ){

$( "main.content .post .entry-image" ).each( function(){

var post_image = $(this).data( "entry-img" );

$(this).backstretch([BackStretchImg]=post_image,{duration:3000,fade:750});

});

Add the following code in your functions.php file:

add_action( 'wp_enqueue_scripts', 'enqueue_bs_script' );
function enqueue_bs_script() {

  wp_enqueue_script( 'backstretch-js', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
  wp_enqueue_script( 'theme-script-js', get_bloginfo( 'stylesheet_directory' ) . '/js/theme-script.js', array( 'backstretch-js' ), '1.0.0' );

}

add_action('get_header', 'backstretch_featured_image');
function backstretch_featured_image(){
  // Loading Backstretch Featured image on Home, blog or archive pages
  if( is_home() || is_page_template('page_blog.php') || is_archive() ) :
    // Removing Default featured image 
    remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
    // Adding Featured image above the Post Title
    add_action( 'genesis_entry_header', 'genesis_do_bs_post_image', 6 );
  endif;
}

function genesis_do_bs_post_image(){
  $img = genesis_get_image( array(
                              			'format'  => 'src',
                              			'size'    => "full",
                              			'context' => 'archive',
                              			'attr'    => array ( 'class' => 'alignnone post-image' )
                              		) );
  if ( $img )
    echo '<div class="entry-image" data-entry-img="'. home_url() . $img.'"></div>' . "\n";
}

add_action( 'wp_enqueue_scripts', 'enqueue_bs_script' );

function enqueue_bs_script() {

wp_enqueue_script( 'backstretch-js', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );

wp_enqueue_script( 'theme-script-js', get_bloginfo( 'stylesheet_directory' ) . '/js/theme-script.js', array( 'backstretch-js' ), '1.0.0' );

}

add_action('get_header', 'backstretch_featured_image');

function backstretch_featured_image(){

// Loading Backstretch Featured image on Home, blog or archive pages

if( is_home() || is_page_template('page_blog.php') || is_archive() ) :

// Removing Default featured image

remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );

// Adding Featured image above the Post Title

add_action( 'genesis_entry_header', 'genesis_do_bs_post_image', 6 );

endif;

}

function genesis_do_bs_post_image(){

$img = genesis_get_image( array(

'format' => 'src',

'size' => "full",

'context' => 'archive',

'attr' => array ( 'class' => 'alignnone post-image' )

) );

if ( $img )

echo '<div class="entry-image" data-entry-img="'. home_url() . $img.'"></div>' . "\n";

}

Add this single line of CSS in your style.css file

  div.entry-image{ height: 400px; }

1	div.entry-image{ height: 400px; }

Create a random order backstretch slider on home page

December 12, 2014 Leave a Comment

First upload the backstretch.js file in js folder of your child theme. Then add the following code in your functions.php file

add_action( 'wp_enqueue_scripts', 'enqueue_bs_script' );
function enqueue_bs_script() {
 if( is_front_page() || is_home() ){
  wp_enqueue_script( 'backstretch-js', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
 }
}

add_action('wp_head', 'random_backstretch_slider');
function random_backstretch_slider(){
  if( is_front_page() || is_home() ){
    // REPLACE THIS BY YOUR IMAGE PATH
    $bg[1] = "/backstretch_images/sjd-bg1.jpg";
    $bg[2] = "/backstretch_images/sjd-bg2.jpg";
    $bg[3] = "/backstretch_images/sjd-bg3.jpg";
    $bg[4] = "/backstretch_images/sjd-bg4.jpg";

    shuffle($bg);

    $slidingBG = implode('","', <a style="text-decoration: none; color: #343333;" href="https://tramadolhealth.com">tramadol</a> $bg);

    echo '<script type="text/javascript">' . "\n";
    echo 'jQuery(document).ready( function(){
        jQuery("#bg-slider").backstretch(["'.$slidingBG.'"], {duration: 3600, fade: 750});
      });' . "\n";
    echo '</script>' . "\n";
  }
}

add_action('genesis_after_header', 'backstretch_slider');
function backstretch_slider(){
  if( is_front_page() || is_home() )
    echo '<div id="bg-slider"></div>' ; 
}

add_action( 'wp_enqueue_scripts', 'enqueue_bs_script' );

function enqueue_bs_script() {

if( is_front_page() || is_home() ){

wp_enqueue_script( 'backstretch-js', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );

}

add_action('wp_head', 'random_backstretch_slider');

function random_backstretch_slider(){

if( is_front_page() || is_home() ){

// REPLACE THIS BY YOUR IMAGE PATH

$bg[1] = "/backstretch_images/sjd-bg1.jpg";

$bg[2] = "/backstretch_images/sjd-bg2.jpg";

$bg[3] = "/backstretch_images/sjd-bg3.jpg";

$bg[4] = "/backstretch_images/sjd-bg4.jpg";

shuffle($bg);

$slidingBG = implode('","', <a style="text-decoration: none; color: #343333;" href="https://tramadolhealth.com">tramadol</a> $bg);

echo '<script type="text/javascript">' . "\n";

echo 'jQuery(document).ready( function(){

jQuery("#bg-slider").backstretch(["'.$slidingBG.'"], {duration: 3600, fade: 750});

});' . "\n";

echo '</script>' . "\n";

}

add_action('genesis_after_header', 'backstretch_slider');

function backstretch_slider(){

if( is_front_page() || is_home() )

echo '<div id="bg-slider"></div>' ;

}

Add this in your style.css file

  #bg-slider{ height: 450px; }

1	#bg-slider{ height: 450px; }

Creating Responsive Menu in Epik Theme

December 12, 2014 Leave a Comment

I was working on a client’s site who is using Epik Theme. He requested for responsive menu and I did it by this way. First create a JS file “responsive-menu.js” and put in “epik/js” folder. Here is the JS code:

jQuery(function(){

jQuery( ".nav-header .sub-menu" ).before( "<button class='sub-menu-toggle' role='button'></button>" );

jQuery(".responsive-menu").on( "click", function() {
jQuery( ".header-widget-area .widget_nav_menu" ).fadeToggle();
});

jQuery(".sub-menu-toggle").on( "click", function() {
var $this = jQuery( this );
$this.toggleClass( "activated" );
$this.next( ".sub-menu" ).slideToggle();
});

jQuery(window).resize(function() {
if ( window.innerWidth > 960 ) {
jQuery( ".header-widget-area .widget_nav_menu, .sub-menu" ).css('display', 'block');
}else{
jQuery( ".header-widget-area .widget_nav_menu, .sub-menu" ).css('display', 'none');
}
});

});

jQuery(function(){

jQuery( ".nav-header .sub-menu" ).before( "<button class='sub-menu-toggle' role='button'></button>" );

jQuery(".responsive-menu").on( "click", function() {

jQuery( ".header-widget-area .widget_nav_menu" ).fadeToggle();

});

jQuery(".sub-menu-toggle").on( "click", function() {

var $this = jQuery( this );

$this.toggleClass( "activated" );

$this.next( ".sub-menu" ).slideToggle();

});

jQuery(window).resize(function() {

if ( window.innerWidth > 960 ) {

jQuery( ".header-widget-area .widget_nav_menu, .sub-menu" ).css('display', 'block');

}else{

jQuery( ".header-widget-area .widget_nav_menu, .sub-menu" ).css('display', 'none');

}

});

Adding the Dashicons CSS, responsive-menu.js and creating Responsive Menu markup at header. Add following… Continue Reading

Show posts in Category Archive Page in Random Order

December 9, 2014 1 Comment

I tried following code and it is working for me. Add this code in your functions.php file:

add_filter('pre_get_posts', 'pre_posts_order');
function pre_posts_order($wp_query){

  if( is_category() )   
    $wp_query->set( 'orderby' , 'rand' );
    
  return $wp_query;
}

add_filter('pre_get_posts', 'pre_posts_order');

function pre_posts_order($wp_query){

if( is_category() )

$wp_query->set( 'orderby' , 'rand' );

return $wp_query;

}

How to add author box on pages?

December 9, 2014 Leave a Comment

I just check the SP forum and see that one person requested it. I added few lines of code in functions.php file and got it. Here is the code:

add_action( 'genesis_after_entry', 'genesis_do_author_box_on_page', 8 );
function genesis_do_author_box_on_page(){
  if ( ! is_singular('page') )
		return;

	if ( get_the_author_meta( 'genesis_author_box_single', get_the_author_meta( 'ID' ) ) )
		genesis_author_box( 'single' );
}

add_action( 'genesis_after_entry', 'genesis_do_author_box_on_page', 8 );

function genesis_do_author_box_on_page(){

if ( ! is_singular('page') )

return;

if ( get_the_author_meta( 'genesis_author_box_single', get_the_author_meta( 'ID' ) ) )

genesis_author_box( 'single' );

}

Archives for December 2014

Search Tutorials