echo plugin_dir_url( __FILE__ ) . 'assets/foo-styles.css'; # OUTPUT WILL BE http://example.com/wp-content/plugins/my-plugin/assets/foo-styles.css
Refferences : https://codex.wordpress.org/Function_Reference/plugin_dir_url
Put this code to your .htaccess file. <FilesMatch "\\.(js|css|html|htm|php|xml)$"> SetOutputFilter DEFLATE </FilesMatch> <IfModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </IfModule> # Leverage browser caching <FilesMatch "\.(woff|ico|pdf|jpg|jpeg|png|gif|js)$"> Header set Cache-Control "max-age=864000, public, must-revalidate" </FilesMatch> or <IfModule mod_expires.c> ExpiresActive On…
jQuery click event is not working when using .clone() or ajax. You can’t fire a click event after your element is loaded? I found the solutions below. [php] jQuery( document ).ready(function($) { $(document).delegate(“#my-clone-id”, ‘click’, function() { $(this).clone().appendTo( “body” ); }); }); [php]
Check the links below for references to answer the question “How to redirect WordPress login/logout to custom page?” Use this https://codex.wordpress.org/Plugin_API/Filter_Reference/login_redirect for login redirect. Use this https://codex.wordpress.org/Plugin_API/Filter_Reference/logout_url for logout redirect.
Here’s how The7 WordPress themes page layout change via filter functions. How to manage your page/post layout? Remove sidebar or sidebar in left or right? We can use filter function to do the task. This is mostly used in custom post type pages. Original code snippets of The7 WordPress themes inc/helpers/html-helpers.php function presscore_main_container_classes( $custom_class =…
Navigation menu on-click prevent default if menu item has children and fires only on second click // OPTION 1 // JQUERY $( '.menu-item-has-children a' ).click( function(e){ $( this ).parent().toggleClass( 'active-li' ); if( $( this ).next( '.sub-menu' ).css( 'display' ) == 'block' ){ e.preventDefault(); } }); // CSS ul.menu .sub-menu { display: none; } ul.menu .active-li…
3 Columns HTML <div class="one-third first">Column 1</div> <div class="one-third">Column 2</div> <div class="one-third">Column 3</div> CSS .one-third { width: 32%; float: left; margin-left: 2%; } .first { margin-left: 0; } Use the HTML/CSS Column Generator for easy job.