Window arrangement on high resolution work screen is important. This FREE (for personal use) program is great on doing this.
Month: July 2020
Favorite Post v.02
We are working on a new project that require favorite system where visitor/member can favorites a post and displaying on their profile. Also we want to display most favorite post on front end.
WP Favorite Posts is a good plugin, but the development is stopped.
Fortunately we found fork of this plugin and it works as expected
This plugin is not available on WordPress plugin repos, so visit github page here:
Add Property (eg. data-attribute, predefined class etc) to Visual Composer
Sometimes we want to add additional or predefined class on visual composer elements (eg. row, inner row, column) to implement jquery effect. To achieve this on functions.php add a new vc_add_param
vc_add_param("vc_row", array( "type" => "dropdown", "group" => "Animation", "class" => "", "heading" => "Style", "param_name" => "type", "value" => array( "None" => "", "Fade Up" => "fade-up", "Fade Down" => "fade-down", "Fade Left" => "fade-left", "Fade Right" => "fade-right", ) ));
Then copy vc_row in js_composer/include/templates/shortcodes to your theme /vc_templates/vc_row.php
Add the new class
/**ISN Custom CSS**/ if ( ! empty( $type ) ) { $css_classes[] = "$type"; }
For custom data-attributes, below $wrapper_attributes array (line 72), add this code
/**ISN Custom Attributes**/ if ( ! empty( $type ) ) { $wrapper_attributes[] = 'data-rel="' . esc_attr( $type ) . '"'; }
Combining with ScrollReveal plugin, we can add animation to row/inner row/column
ScrollReveal().reveal('.fade-in', { delay: 400, duration: 750, distance: '0', reset: true });
Accordion based on wordpress menu
Create an accordion on your basic wordpress menu without a plugin.
<div class="nav-menu"> <?php wp_nav_menu( array( 'menu' => 'Mobile Menu', ) ); ?> </div>
$('ul#menu-mobile-menu > li:has(ul)').addClass("has-sub"); $('ul#menu-mobile-menu > li > a').click(function() { var checkElement = $(this).next(); $('ul#menu-mobile-menu li').removeClass('active'); $(this).closest('li').addClass('active'); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $(this).closest('li').removeClass('active'); checkElement.slideUp('normal'); } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('ul#menu-mobile-menu ul:visible').slideUp('normal'); checkElement.slideDown('normal'); } if (checkElement.is('ul')) { return false; } else { return true; } });
Hover Version
$('#secondary-menu li').hover( function() { $('ul',this).stop().slideDown(200); }, function() { $('ul',this).stop().slideUp(200); } );