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: WordPress
CMS blog system
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 […]
WP-5.6 Breaks My Themes
After updated WP-5.6, my search, home and others became black screen with a close x, but it can’t be closed. I needed to download WP-downgrade to reinstall WP-5.5.3 and everything is back to normal. This breaks both desktop and mobile screens.
Unknown error (invalid-json) WordPress Login
For some unknown reasons, when I tried to log into WordPress to edit or add posts, the screens came up with “Unknown error (invalid-json). Please contact an administrator for more info.”. I tried my test blog without the BWP reCaptcha and I could log in without any problem. So I renamed the plugin and voila, […]
Swipebox and Pop Ups
We need to have a lightbox type to display pictures and galleries with the support of mobile swiping. Swipebox is free.
FancyBox3 For WordPress
I like the FancyBox3 swipe features for displaying multiple images. Although it doesn’t take the title as data-caption and the position of the caption can’t be used relative to the bottom of the display image. The is quite simple to use. Since this one only needs jquery 1.9.1 minimum, I could use with imagePreview.
How To Embed Audio Player in HTML
<embed name=”dognmonkey” src=”/music/dognmonkey/idog1.mp3″ autostart=”true” loop=”true”></audio> <audio src=”/music/dognmonkey/idogsunday.mp3″ controls></audio>
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 […]
