Category: Themes

How I choose and modify my themes

Final Icons Display
CSS Themes website speed

How To Create Sprites and Use Icons with CSS

css gtmetric icons images sprite sprites website speed / September 17, 2019/56 views/ Leave a comment

Create a sprite with Instant Sprite: download the png sprite image and usage. [lgallery] [/lgallery] CSS codes: #return_top a,#youtube a, #bird a{position:fixed;bottom:1px;display:block;width:2.5rem;z-index:100001} #fixed_icons{background:linear-gradient(270deg,#ddd,#777 80%) no-repeat;padding:0 2%;position:fixed;width:100%;height:2.5rem;bottom:0;margin:0 auto;z-index:10001} #home_icon a{position:fixed;right:44px;bottom:1px;display:block;height:43px;width:44px;background:url(images/mysprite.png) -100px 0; no-repeat;z-index:100001} #return_top a{right:0;height:40px;background:url(images/mysprite.png) 0 0; no-repeat}#youtube a{right:90px;height:40px;background:url(images/mysprite.png) -50px 0; no-repeat} #bird a{right:135px;height:40px;background:url(images/mysprite.png) -156px 0; no-repeat} footer codes: <div id=”fixed_icons”> <div id=”return_top”><a href=”#masthead” title=”Go To […]

CSS Themes

Create Responsive Theme For WordPress With Twenty Ten

bootstrap collapsible device-width fotorama initial-scale=1.02 responsive theme Twenty Ten Theme viewport / August 24, 2016/352 views/ Leave a comment

In order for the blogs or website to be popular, they must be mobile friendly since mobile devices are on the rise. I’m sure there are many efficient themes for WordPress that support mobile devices, but I like to create a simple one for my blogs using Twenty Ten WordPress theme. This is how I […]

scripts Themes WordPress

How To Remove Scripts On Mobile Devices

imgPreview Mobile_Detect.php responsive theme wp_is_mobile / January 22, 2016/216 views/ Leave a comment

I use responsive viewport tags for my blogs and they’ve been working every well across all mobile devices. I have a jQuery called imgPreview and it works quite well on Desktops and tablets, but not well on small devices like iPhones, Android Phones, iPod Touches. I created a footer-phone.php to remove all scripts that don’t […]

Themes WordPress

Centilium WordPress Theme

centilium theme / December 15, 2015/162 views/ Leave a comment

I stumbled onto Centilium Theme while looking for a theme that supports mobile devices native. It’s quite a nice theme, although it needs some customization for my websites. Anyhow, I documented all the customization I did on this post for future references.             Features that need to customize: Next/Prev posts: […]

Themes WordPress

Replace A String With New String For All Posts In WordPress

fancybox 1.3.4 fancybox 2 function.php replace strings twenty fourteen / April 19, 2014/142 views/ Leave a comment

Now WordPress is at version 3.9 and the new theme “Twenty Fourteen” is supposed to be the best free theme ever, but the theme does kill 2 of my plug-ins Mediabox Advanced and FancyBox 1.3.4. So, if I want to use Twenty Fourteen after I’m done modifying it, I have to replace the class strings […]

Themes Tips And Tricks

Speed Up The Web Page

PageSpeed Insights Speed optimization Speed Up Web Page / October 18, 2013/117 views/ Leave a comment

PageSpeed Insights .htaccess (public)/wp Set time to expire at least 30 days. # BEGIN Expire headers <ifModule mod_expires.c> ExpiresActive On ExpiresDefault “access plus 5 seconds” ExpiresByType image/x-icon “access plus 2592000 seconds” ExpiresByType image/jpeg “access plus 2592000 seconds” ExpiresByType image/png “access plus 2592000 seconds” ExpiresByType image/gif “access plus 2592000 seconds” ExpiresByType application/x-shockwave-flash “access plus 2592000 seconds” […]