Snippets

Post Pagination in WordPress

Setting up post pagination in older versions of WordPress was a little tricky and more often than not required the use of a plugin…

July 20, 2015

Modify footer text in WordPress Admin area

If you happen to develop sites for your clients in WordPress it is worth taking a few extra steps to customise the WordPress admin…

June 20, 2015

Remove / disable textarea resize image

If you are a little OCD or have the need to stop your from being able to be resized thankfully there is a super easy way to…</p><small class="text-sm text-gray">June 20, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//better-php-logging/"><h3 class="text-xl font-bold mb-2">Better PHP Logging</h3><p class="text-xl mb-1">If you are doing any kind of PHP development you will no doubt need to log out some values. Unlike JavaScript, logging out to the browser…</p><small class="text-sm text-gray">June 16, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//force-up-and-down-arrow-for-number-input/"><h3 class="text-xl font-bold mb-2">Force up and down arrow for number input</h3><p class="text-xl mb-1">Those with a keen eye will notice that the up and down arrows for the number input doesn't show up in Chrome (and some other WebKit based…</p><small class="text-sm text-gray">June 16, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//linking-to-an-image-folder-within-a-wordpress-theme/"><h3 class="text-xl font-bold mb-2">Linking to an image folder within a WordPress theme</h3><p class="text-xl mb-1">During WordPress theme development you will more then likely need to display some images that are located within your theme directory. The…</p><small class="text-sm text-gray">June 16, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//adding-easy-digital-download-cart-quantity-to-menu/"><h3 class="text-xl font-bold mb-2">Adding Easy Digital Download Cart Quantity to Menu</h3><p class="text-xl mb-1">When using the popular e-commerce plugin Easy Digital Downloads it is very common you will want to add the cart quantity to the menu. There…</p><small class="text-sm text-gray">March 22, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//get-url-with-javascript/"><h3 class="text-xl font-bold mb-2">Get URL with JavaScript</h3><p class="text-xl mb-1">At some point in time you need to get the current URL and do some logic based on it. JavaScript has handy API called window.location which…</p><small class="text-sm text-gray">March 18, 2015</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//adding-class-to-wordpress-post-thumbnail/"><h3 class="text-xl font-bold mb-2">Adding Class to WordPress Post Thumbnail</h3><p class="text-xl mb-1">If the desired output of the default WordPress post thumbnail is not enough you can easily adjust the PHP to output your appropriate class…</p><small class="text-sm text-gray">November 27, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//change-font-size-within-input-field-based-on-length/"><h3 class="text-xl font-bold mb-2">Change Font-Size within Input Field Based on Length</h3><p class="text-xl mb-1">Recently I had a great conversation with an outstanding User Experience designer about a few interactions on a project we were working on…</p><small class="text-sm text-gray">November 23, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//custom-links-wordpress-author-profiles/"><h3 class="text-xl font-bold mb-2">Custom links for WordPress author profiles</h3><p class="text-xl mb-1">The following snippet when placed within WordPress functions.php will allow authors to add custom links to their profile and display for…</p><small class="text-sm text-gray">November 21, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//feature-img-bg-single-wordpress-entries/"><h3 class="text-xl font-bold mb-2">Feature img as a bg for single WordPress entries</h3><p class="text-xl mb-1">The following snippet when placed within a WordPress post loop will display a feature image uploaded via your media uploader and place it as…</p><small class="text-sm text-gray">November 21, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//lazy-loading-images-flexslider/"><h3 class="text-xl font-bold mb-2">Lazy loading images for flexslider</h3><p class="text-xl mb-1">Flexslider is one of the most used sliders, for good reason. This snippet helps lazy load your images. In order to create a perceived…</p><small class="text-sm text-gray">November 21, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//remove-telephone-styling-ios/"><h3 class="text-xl font-bold mb-2">Remove Telephone Styling in iOS</h3><p class="text-xl mb-1">Viewing telephone numbers on iOS device can provide an unpleasant shock. They tend to render in a default blue colour making your designs…</p><small class="text-sm text-gray">November 17, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//adding-toolbar-menus-wordpress/"><h3 class="text-xl font-bold mb-2">Adding Toolbar Menus in WordPress</h3><p class="text-xl mb-1">If developing themes or plugins for WordPress sometimes it is handy to add a menu item to the WordPress admin bar to help quickly reference…</p><small class="text-sm text-gray">November 14, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//exclude-ip-address-from-google-analytics/"><h3 class="text-xl font-bold mb-2">Exclude IP Address From Google Analytics</h3><p class="text-xl mb-1">If you have installed Google Analytics on your site, or for a client it is always helpful to exclude IP addresses so the sites stats give an…</p><small class="text-sm text-gray">November 14, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//styling-placeholder-text/"><h3 class="text-xl font-bold mb-2">Styling Placeholder Text</h3><p class="text-xl mb-1">Sometimes the light grey placeholder text needs to be styled to fit with your needs. All in all it is pretty easy with a couple of pseudo…</p><small class="text-sm text-gray">November 14, 2014</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//load-a-different-header-in-wordpress/"><h3 class="text-xl font-bold mb-2">Load a Different Header in WordPress</h3><p class="text-xl mb-1">This little snippet can come in handy when you need to serve a different header on a per page basis.</p><small class="text-sm text-gray">August 21, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//text-input-non-editable/"><h3 class="text-xl font-bold mb-2">Text input non-editable</h3><p class="text-xl mb-1">If you ever need to make an input field or textarea non-editable the readonly attribute comes in very handy.</p><small class="text-sm text-gray">August 14, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//sass-clearfix-mixin/"><h3 class="text-xl font-bold mb-2">Sass Clearfix Mixin</h3><p class="text-xl mb-1">There are a few ways to implement the clearfix hack but the following Sass Mixin has been in my toolbox for the last year thanks to this…</p><small class="text-sm text-gray">May 06, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//group-posts-by-date/"><h3 class="text-xl font-bold mb-2">Group Posts by Date</h3><p class="text-xl mb-1">If you publish posts multiple times per day sometimes there is a need to wrap posts by date. This is common amongst lots of link bloggers…</p><small class="text-sm text-gray">March 02, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//converts-pixels-to-ems-with-sass/"><h3 class="text-xl font-bold mb-2">Converts pixels to EMs with Sass</h3><p class="text-xl mb-1">If you like using pixel values but understand that having your fonts set in EMs works better, especially when tackling responsive web design…</p><small class="text-sm text-gray">February 26, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//url-as-a-sass-variable/"><h3 class="text-xl font-bold mb-2">URL as a Sass Variable</h3><p class="text-xl mb-1">Do you ever find yourself trying to remember the URL path of you images directory? Well with Sass you can quickly add the path to the…</p><small class="text-sm text-gray">February 20, 2013</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//remove-trackbacks-from-comment-count-in-wordpress/"><h3 class="text-xl font-bold mb-2">Remove Trackbacks from Comment Count in WordPress</h3><p class="text-xl mb-1">Are you finding that your comment count in WordPress not the correct number? Adjusting the settings in the discussions screen still doesn't…</p><small class="text-sm text-gray">December 20, 2012</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//focus-on-input-with-jquery/"><h3 class="text-xl font-bold mb-2">Focus on Input with JQuery</h3><p class="text-xl mb-1">This is very simple and can also be done with HTML5 autofocus which I would recommend you use (if you can). If for some reason you need to…</p><small class="text-sm text-gray">October 16, 2012</small></a><a class="hover:text-blue block mb-16 shadow-none" href="/snippet//scroll-to-position-with-jquery/"><h3 class="text-xl font-bold mb-2">Scroll to position with jQuery</h3><p class="text-xl mb-1">If you need to scroll to a specific location on the page this little custom jQuery function can help you out. This snippet will help you…</p><small class="text-sm text-gray">August 30, 2012</small></a></div></div></div></div></main></div><div class="mt-10 p-40" style="background:#f7f6f5"><h5 class="text-center text-4xl max-w-5xl mx-auto">Join over 30,000 developers & designers who get the best news and articles delivered right to their inbox each week.</h5><div class="text-center mt-20"><div><form id="js-top-signup-form" action="https://jakebresnehan.createsend.com/t/r/s/alrhdk/" method="post"><input type="email" class="undefined border rounded-sm rounded-r-none p-3 hover:border-blue-500 active:border-blue-500 focus:border-blue-500 outline-none transition w-56" id="alrhdk-alrhdk" name="cm-alrhdk-alrhdk" placeholder="Email address..."/><input type="submit" value="Subscribe" class="undefined p-3 hover:text-white hover:bg-blue hover:border-blue-500 cursor-pointer border border-l-0 rounded-sm rounded-l-none outline-none focus:border-blue-500 transition"/></form></div></div></div><footer class="bg-black text-white"><div class="layout__MainContainer-sc-1xvv2zr-0 jekBVr"><footer><div class="flex mb-20"><div class="flex-1 w-2/4"><div class="flex"><ul class="list-none w-1/2 m-0 p-0"><li><a class="hover:underline" href="/">Home</a></li><li><a class="hover:underline" href="/archive/">Archive</a></li><li><a class="hover:underline" href="/about/">About</a></li><li><a class="hover:underline" href="/contact/">Contact</a></li></ul><ul class="list-none w-1/2 v"><li><a class="hover:underline" href="/advertise/">Advertise</a></li><li><a class="hover:underline" href="/write-for-web-design-weekly/">Write for WDW</a></li><li><a class="hover:underline" href="/submit-link/">Submit Link</a></li><li><a class="hover:underline" href="/sponsorship-specifications/">Sponsorship Specifications</a></li></ul></div></div><div class="w-2/4"><p class="text-right">The best web design news & articles straight to your inbox every week.</p><div class="black-text mt-8 float-right"><div><form id="js-top-signup-form" action="https://jakebresnehan.createsend.com/t/r/s/alrhdk/" method="post"><input type="email" class="bg-transparent text-white border rounded-sm rounded-r-none p-3 hover:border-blue-500 active:border-blue-500 focus:border-blue-500 outline-none transition w-56" id="alrhdk-alrhdk" name="cm-alrhdk-alrhdk" placeholder="Email address..."/><input type="submit" value="Subscribe" class="bg-transparent text-white p-3 hover:text-white hover:bg-blue hover:border-blue-500 cursor-pointer border border-l-0 rounded-sm rounded-l-none outline-none focus:border-blue-500 transition"/></form></div></div></div></div><div class="flex"><ul class="list-none w-100 m-0 p-0"><a href="https://twitter.com/wdweekly" class="hover:underline block">Twitter - @wdweekly</a><a href="https://www.facebook.com/webdesignweekly" class="hover:underline block">Facebook - webdesignweekly</a><a href="https://web-design-weekly.com/rss.xml" class="hover:underline block">RSS</a></ul></div></footer><p class="text-xs text-center mt-5">Web Design Weekly is created and maintained by <a href="http://jakebresnehan.com/" class="hover:underline">Jake Bresnehan</a>. © 2020, Built with <a href="https://www.gatsbyjs.org" class="hover:underline">Gatsby</a></p></div></footer></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script> if(true) { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); } if (typeof ga === "function") { ga('create', 'UA-11889432-11', 'auto', {}); }</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/snippets/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-f8cb09a0c2fa50816452.js"],"app":["/app-1bac2c3dbd839e40da35.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-6ee1700e433cfdf3ee02.js"],"component---src-pages-404-js":["/component---src-pages-404-js-8e2b5bca7f440ae65c8e.js"],"component---src-pages-about-js":["/component---src-pages-about-js-1d6432e337418cc0912c.js"],"component---src-pages-advertise-js":["/component---src-pages-advertise-js-2b4d97824a94056c99f5.js"],"component---src-pages-archive-js":["/component---src-pages-archive-js-68f5fe02c8bb495590fc.js"],"component---src-pages-contact-js":["/component---src-pages-contact-js-a30c8cb82a7e385cd049.js"],"component---src-pages-index-js":["/component---src-pages-index-js-73577ed7fb08e7c6527b.js"],"component---src-pages-screencasts-js":["/component---src-pages-screencasts-js-9e3639dde69e3532c833.js"],"component---src-pages-snippets-js":["/component---src-pages-snippets-js-14b97222f3c122c92d65.js"],"component---src-pages-sponsorship-specifications-js":["/component---src-pages-sponsorship-specifications-js-18722781d6013ff4ae76.js"],"component---src-pages-submit-link-js":["/component---src-pages-submit-link-js-2df8161f0c3f118d0d4c.js"],"component---src-pages-write-for-web-design-weekly-js":["/component---src-pages-write-for-web-design-weekly-js-f28661e3f2d5aac49f74.js"],"component---src-templates-blog-post-js":["/component---src-templates-blog-post-js-4fc9da33006afc5b11bf.js"],"component---src-templates-link-post-js":["/component---src-templates-link-post-js-a608c6b66f31db02a31c.js"],"component---src-templates-screencast-post-js":["/component---src-templates-screencast-post-js-05ba29a65c1cf48f77a2.js"],"component---src-templates-snippet-post-js":["/component---src-templates-snippet-post-js-f2a2118720c252843793.js"]};/*]]>*/</script><script src="/polyfill-f8cb09a0c2fa50816452.js" nomodule=""></script><script src="/webpack-runtime-5ff36a67e3163fdd2c9a.js" async=""></script><script src="/styles-8db67c5187b7b8ad64da.js" async=""></script><script src="/app-1bac2c3dbd839e40da35.js" async=""></script><script src="/7980cf5fccb0d79957eca57f046a5b534f5a22a7-7d6047c2e7167038264a.js" async=""></script><script src="/component---src-pages-snippets-js-14b97222f3c122c92d65.js" async=""></script><script src="/framework-17f6323ee71fbbb86feb.js" async=""></script></body></html>