| <?php | |
| /* | |
| * ----------------------------------------------------------------------------- | |
| * Advanced Custom Fields Modifications | |
| * ----------------------------------------------------------------------------- | |
| */ | |
| function PREFIX_apply_acf_modifications() { | |
| ?> | |
| <style> |
| $.fn.randomize = function (selector) { | |
| var $elems = selector ? $(this).find(selector) : $(this).children(), | |
| $parents = $elems.parent(); | |
| $parents.each(function () { | |
| $(this).children(selector).sort(function (childA, childB) { | |
| // * Prevent last slide from being reordered | |
| if($(childB).index() !== $(this).children(selector).length - 1) { | |
| return Math.round(Math.random()) - 0.5; | |
| } |
WordPress Snippet
Adds the srcset and sizes attributes to ACF image uploads. Requires installation of the Advanced Custom Fields plugin.
NOTE: ACF image field must be set to return the ID.
NOTE: WordPress needs image sizes with equal aspect ratios in order to generate the srcset, and does not use srcset when images are added as "Full Size".
| <?php | |
| $url = wp_get_attachment_url( get_post_thumbnail_id() ); | |
| $filetype = wp_check_filetype($url); | |
| if ($filetype[ext] == 'gif') | |
| {the_post_thumbnail('full', array('class' => 'img-responsive')); } | |
| else |
| /* | |
| This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects. | |
| It will generate several classes such as: | |
| .m-r-10 which gives margin-right 10 pixels. | |
| .m-r-15 gives MARGIN to the RIGHT 15 pixels. | |
| .m-t-15 gives MARGIN to the TOP 15 pixels and so on. | |
| .p-b-5 gives PADDING to the BOTTOM of 5 pixels | |
| .p-l-40 gives PADDING to the LEFT of 40 pixels |
| .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { | |
| width: 100% !important; | |
| height: 100% !important; | |
| } | |
| .mejs-container { | |
| padding-top: 56.25%; | |
| } | |
| .wp-video, video.wp-video-shortcode { | |
| max-width: 100% !important; | |
| } |
| <?php | |
| $location = get_field('map_location'); | |
| if ( !empty( $location ) ) : | |
| $map_url = 'https://www.google.com/maps/dir/?api=1&destination=' . $location['lat'] . ',' . $location['lng']; | |
| echo '<a href=". esc_url( $map_url ) . '" rel="nooopener">Get directions</a>'; | |
| endif; | |
| ?> | |
| <p>This should produce a link like this:</p> | |
| <a href="https://www.google.com/maps/dir/?api=1&destination=51.072159,1.088130">Get directions</a> |
| <!DOCTYPE html> | |
| <head> | |
| <!--Little CSS fade in --> | |
| <style> | |
| .fade-in{ | |
| -webkit-animation: fade-in 2s ease; | |
| -moz-animation: fade-in ease-in-out 2s both; | |
| -ms-animation: fade-in ease-in-out 2s both; | |
| -o-animation: fade-in ease-in-out 2s both; |
