Category Archives: Inbox

Leverage browser caching

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 7 days"
</IfModule>
## EXPIRES CACHING ##

http://gtmetrix.com/leverage-browser-caching.html

function to list enquened scripts on this page

functions.php

function my_enqueued_scripts(){
    global $wp_scripts;
    print_r($wp_scripts->queue);
}

code in header.php after the opening of the body

<?php my_enqueued_scripts(); ?>

example of result:

Array
(
    [0] => jquery_scrollto
    [1] => mailchimpSF_main_js
    [2] => jquery
    [3] => popoverselective
    [4] => esl-slideshow
    [5] => wc-chosen
    [6] => wc-checkout
    [7] => woocommerce
    [8] => wc-cart-fragments
    [9] => twentytwelve-navigation
)

 

 

 

PLUGINS THAT I USE

http://wordpress.org/plugins/blog-post-calendar-widget/
http://wordpress.org/plugins/display-widgets/

http://wordpress.org/plugins/list-custom-taxonomy-widget/

http://wordpress.org/plugins/post-type-archive-links/

http://wordpress.org/plugins/wordpress-custom-post-type-archive/

http://wordpress.org/plugins/simple-share-buttons-adder/

http://wordpress.org/plugins/twitter-widget-pro/

 

http://wordpress.org/plugins/async-js-and-css/

https://wordpress.org/plugins/tablepress/

https://wordpress.org/plugins/gravityforms-html5-placeholders

https://wordpress.org/plugins/p3-profiler/

https://wordpress.org/plugins/foogallery/
https://wordpress.org/plugins/menu-image/

how to use new media uploader

http://code.tutsplus.com/tutorials/integrating-the-wp-media-uploader-into-your-theme-with-jquery–wp-29320

http://www.webmaster-source.com/2013/02/06/using-the-wordpress-3-5-media-uploader-in-your-plugin-or-theme/

http://www.lenslider.com/articles/wordpress-3-5-media-uploader-tips-on-using-it-within-plugins/

http://codestag.com/how-to-use-wordpress-3-5-media-uploader-in-theme-options/

http://shibashake.com/wordpress-theme/how-to-add-the-wordpress-3-5-media-manager-interface-part-2

how to use new media uploader

method1 outside of edit screen with custom frame:

	
jQuery('.uploader_button3').click(function(e) {
e.preventDefault();
        var send_attachment_bkp = wp.media.editor.send.attachment;
        var button = jQuery(this);
        var id = button.attr('id').replace('upload_', '');
        _custom_media = true;
        custom_file_frame = wp.media.frames.customHeader = wp.media({
        title: "Select Image",
                button: {
                text: "Select",
                },
                library : {
                type : 'image',
                        //HERE IS THE MAGIC. Set your own post ID var
                        // uploadedTo : wp.media.view.settings.post.id
                },
                //Set to true to allow multiple images/files
                multiple: false,
                frame: "select",
                // state:     'gallery-edit',
                searchable:         false,
                editing:   true
               });
        custom_file_frame.on("select", function() {
        // Grab the selected attachment.
        var attachment = custom_file_frame.state().get("selection").first();
                jQuery("#" + id).val(attachment.attributes.url);
				btnContent = '<img src="'+attachment.attributes.url+'" alt="" /><a href="#" class="mlu_remove button">Remove Image</a>';
jQuery("#" + id).siblings('.screenshot').slideDown().html(btnContent);
      });
        custom_file_frame.open(button);
        //wp.media.editor.open(button);
        return false;
});

 

<div class="option">
<div class="controls">
<input type="text" value="http://www.sebastiankempa.com/wp-content/uploads/mapicon.png" name="elastico[map_icon]" class="upload has-file" id="map_icon">
<input type="button" rel="7" value="Upload" class="upload_button button uploader_button3" id="upload_map_icon">
<div id="map_icon_image" class="screenshot" style=""><img alt="" src="http://www.sebastiankempa.com/wp-content/uploads/110129_WIJZIJN1_16.jpg"><a class="mlu_remove button" href="#">Remove Image</a></div>
</div><div class="explain">Upload your custom Marker Icon</div>
</div>

 

wp_enqueue_media();