has 2 light weight, mobile friendly and fast themes that I like, and . Today I’m going to customize the Sparkling theme for my blogs. The goal is to get the theme to display social icons and links at entry-meta, display thumbnails on the recent posts and work with all my shortcodes. […]
Category: Themes
How I choose and modify my themes
WP Blaskan Theme by Colorlib
I’ve always tried to make the website of dognmonkey.com faster, I’ve been changing themes to update with the latest technologies. I’d found Blaskan theme by Colorlib and sparkling are extremely light and fast for my dognmonkey.com. I used GTMetrix and Pagespeed to test and they both came out very good, although the scripts from Amazon and […]
How To Create Sprites and Use Icons with CSS
[lightgallery] 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 […]
Create Responsive Theme For WordPress With Twenty Ten
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 […]
How To Remove Scripts On Mobile Devices
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 […]
Centilium WordPress Theme
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: […]
Author Avatar Picture In WordPress 3.9.X
My aunt asked me to show her picture on her WP blog for author instead of these self generated avatar. After searching on the internet, here is how I did it for her. The code needed in the functions.php of the theme. The code needed in the loop (main) and loop-single (post). <?php echo get_avatar( […]
Twenty Fourteen Theme Customization
WordPress 3.9 came out and theme Twenty Fourteen came with it. The theme is great, but it does kill many of the mootools and older jqueries scripts that I’ve been using like Mediabox Advance and FancyBox 1.3.4. Anyhow, this is how I modified a Twenty Fourteen Theme. My goal is to have 3 colors on […]
