How to Add Accelerated Mobile Pages to WordPress Site

Recently Google announced it will use AMP in its mobile search results. Specs are based on AMP project guidelines. For WordPress there is an official Automattic AMP Plugin which currently adds AMP versions to posts, as well as meta tags for Google to discover such pages.

I’ve added AMP versions to several WordPress sites to see how they work. There is a difference if you want to add such pages to a site with Yoast SEO installed or to a website without Yoast plugin. Here’s what I’ve found and how to add them to different WordPress installations.
Continue reading

Posted in WordPress | Tagged | 4 Comments

Starting to Think on Redesign of This Blog

I’ve recently redesigned my main website WebProm Design and starting to think on revamping this blog, We’ll see if I’ll have several days to change the look a bit, to make it responsive and better to larger screens. Keep coming back.

Posted in Personal Blog | Tagged | Leave a comment

Remove Brackets for Category Counts On Woocommerce Storefront Theme Homepage

Categories Product Count

I wanted to remove brackets for products count on my child theme of Storefront Woothemes theme. I also wanted to add some round background to this counts.
Continue reading

Posted in Templates, WordPress | Tagged | Leave a comment

Replace Woocommerce Breadcrumbs in Storefront Theme with Yoast SEO Breadcrumbs

Regular woocommerce function to disable their breadcrumbs doesn’t work with Storefront theme. Here’s a function to remove them from Storefront and to enable Yoast Seo plugin breadcrumbs, that usually work better and enable more options for customization.
Continue reading

Posted in Templates, WordPress | Tagged | 7 Comments

Bring Back Prestashop Product Page Dynamic Tabs in Default Theme for v. 1.6.1.4

Prestashop 1.6.1.4 default theme doesn’t have dynamic tabs anymore. Previous Prestashop versions used to have them on product page. Don’t know why they have removed them…  But the JavaScript that made them work is still present in the theme, and is used in some other sections of the site. Though looks like it’s not the latest version of famous idTabs.  Here’s how to put them back to your site.
Continue reading

Posted in PrestaShop | Tagged | 8 Comments

Modifying Prestashop Languages for Facebook Page Plugin Module

Prestashop 1.6 Facebook Page plugin module present in default theme is outdated one. Facebook already changed its social plugin code. So I wanted to update it with their new “responsive” feature and to fir it in whole module’s area in default theme, which has 330px width, and Facebook wasn’t filling it from side to side. I also wanted to have Facebook widget to display in a current user’s language available on my shop.
Continue reading

Posted in PrestaShop | Tagged | Leave a comment

Adding Background Click Closing and Next Image on Image Click to Swipebox Lightbox Plugin

There are several plugins for WordPress, that use Swipebox jQuery plugin. As an original plugin they are all missing a basic functionality, like closing the lightbox on background click and moving to the next image on current slide click. Here’s some JavaScript to fix this problem.
Continue reading

Posted in Image Galleries | Tagged | 2 Comments

New Responsive Images in WordPress 4.4 and How to Adjust Them to a Theme.

Since WP version 4.4, if you look into source of your images in i.e. WordPress gallery, you’ll notice a new codes, providing different sources for different screen resolutions.
Continue reading

Posted in WordPress | Tagged | Leave a comment

Cleaning BuddyPress Activity Streams

BuddyPress.org
BuddyPress activity streams looked too crowded to clients, but I wasn’t able to disable whole activity streams component, because some useful plugins were using it.
Continue reading

Posted in WordPress | Tagged | Leave a comment

Adding New BuddyPress 2.4 Cover Images to Twenty-Fourteen Child Theme with Active RTL language

 BuddyPress.org
New BuddyPress 2.4 has cover images functionality for groups and users. I’ve started to play with it, and saw that images are uploading, but not showing up on refresh. I think it has something to do with child themes functionality and RTL support.
Continue reading

Posted in WordPress | Tagged | Leave a comment

Internet Explorer Debug is Impossible with Microsoft Edge, but You Still Have IE11 with Emulation Modes After Windows 10 Upgrade

I bet after windows 10 update you’ve checked the new Microsoft Edge browser, and probably went to developer tools to realize that there is no more emulation modes for old IE versions. I was in fury when I saw it, and immediately started checking for a debugging solution, but didn’t found anything good and easy. Then yesterday I’ve realized, Old Internet Explorer is still on my machine with all its emulation modes!
Continue reading

Posted in Browsers Testing | Tagged | Leave a comment

Media Queries Based on Most Popular Screen Resolutions, 2015

Here’s my list of most popular desktops / laptop screen resolutions media queries to use in CSS. Based on maximum of a resolution minus 1 pixel.
Continue reading

Posted in CSS CheatSheets | Tagged | Leave a comment