Since WordPress is php based, in order to use shortcodes on the sidebar or anywhere on the theme, we have to use echo.
<h2><?php echo do_shortcode(‘ catlist categorypage=yes excerpt=yes excerpt_size =255)]’); ?></h2>
This is the shortcodes for catlist to list related posts in the same category on the sidebar for my single.php that I’m designing right now (the right bracket before ‘catlist’ is missing).
- Sliderkit 1.9.2There are many jQuery Sliders out there, I found this Sliderkit 1.9.2 easy to use and configure. We can use it for displaying a post with captions and pictures. The only thing it doesn’t do is displaying iframe embbeded youtube video on the slider perfectly-need to set wmode=transparent . When I have time, I’ll write the custom codes for all these banners, most viewed post slider and this little display down here. You can view the html and look at my idogkit.js to see the custom codes. If you have lots of scripts on your website or blog, make sure no-conflict is implemented. Previous Next This is Audi Blog: Fix and Improve Cars – click the picture to go there!!! but not really it will be a fancybox pop up – move the mouse to the right or left to advance to the next frame… Since it doesn’t display embedded video link very well – we display youtube video through fancybox- click to see… Another way to display youtube – iframe…. This is Mac OS X On PC Blog: Where we build Mac on our windows pcs and laptop…. This is Silicon Valley Living: Raising a family in the Bay Area – Home Improvement – Housing – ...
- WP 3.5 Update Problem2012-12-13 WP3.4.1 will update without any problem, only WP3.4.2 has the problem below. Don’t hit the update 3.5 until they fix the /wp-includes/wp-db.php. You will have problems with any scripts or plugins using $wpdb. problem with plugin WP-Super-edit problem with date and time display using $wpdb. get_taxonomies_for_attachments …. menu.php line 67 If 3.4.2 is working, leave it alone until all plugins are working with 3.5 If you accidently hit the upgrade 3.5 button – rename /wp-includes/wp-db.php to wp-db35.php – copy the old 3.4.2 wp-db.php over /wp-includes/wp-db.php, everything will come back. Cheers,
- Min-Max-Width In CSSI like fluid themes, all my themes are fluid, the other day playing with the min-width, max-width, and just width, I found out something interesting. My theme has 3 columns, 1 content in left column, and 2 sides bars in right column. If I set both of these width with max-width, the content will shrink to the size of the content page (narrower width). If I set my both columns to min-width, the side-bars pushed all the way down, off the page. If I set both with just width – everything will fit in place as designed. If I set min-width to content column and width to sidebars (right column), the page also display correctly without content shrinking. So, next time when you change your theme CSS, if you run into displaying problem, these min-max may be the cause of it. Cheers,
- How To Embed Youtube Video WordPressHow To Embed Iframe Youtube Video In WordPress Single youtube video <p style=”text-align: center;”><iframe src=”//www.youtube.com/embed/VLvSBXsRfcQ?rel=0″ height=”315″ width=”560″ allowfullscreen=”yes” frameborder=”0″></iframe></p> Embed youtube playlist. <p style=”text-align: center;”><iframe src=”//www.youtube.com/embed?listType=playlist&list=PLuRzvc_tEcZST27lPO1_WgftNO1pVUZZY” height=”315″ width=”560″ allowfullscreen=”yes” frameborder=”0″></iframe></p>
- Jquery Noconflict WordPressWhen I create my blogs with many jquery apps and Mootools, many of them don’t work due to jquery conflicts. The way I made them to work together is to create jquery noconflict for every jquery I use in the header. This is my header with a few of jquery noconflict fixed. Create a specific name for $ variables and change all $ inside the jquery with the same name. Mootools <!-mediaboxadv–> <script src=”/idogjs/mediaboxadv/mootools125mooimage.js” type=”text/javascript”></script> <script src=”/idogjs/mediaboxadv/Quickiec.js” type=”text/javascript”></script> <script src=”/idogjs/mediaboxadv/ltooz134c.js” type=”text/javascript”></script> <link rel=”stylesheet” type=”text/css” media=”all” href=”/idogjs/mediaboxadv/idogjuly12c.css” /> <!-end mediaboxadv–> Jquery FancyBox 1.3.4 <!-fancybox–> <link rel=”stylesheet” type=”text/css” media=”all” href=”/idogjs/fancybox/idogfancyboxc1.css” /> <script src=”/idogjs/fancybox/jquery.tools.minc.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/idogfancybox1packc.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/jquery.easing-1.3.pack.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/swfobject.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/nonverblaster.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/silverlight-ie.js” type=”text/javascript”></script> <script src=”/idogjs/fancybox/wmvplayer.js” type=”text/javascript”></script> <script type=”text/javascript”> var $jQ=jQuery.noConflict(); $jQ(document).ready(function(){ }); </script> <script src=”/idogjs/fancybox/idogfb1c.js” type=”text/javascript”></script> // Every $ inside this “idogfb1c.js” is replaced with $jQ for this script to work independently with other jqueries. <!-end fancybox–> Jquery Cloud Carousel <!-cloud carousel–> <link rel=”stylesheet” type=”text/css” media=”all” href=”/idogjs/cloudcwp/idogccc.css” /> <script type=”text/javascript” src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js”></script> <script type=”text/JavaScript” src=”/idogjs/cloudcwp/jquery.mousewheel.js”></script> <script type=”text/JavaScript” src=”/idogjs/cloudcwp/cloud-carousel.1.0.5.js”></script> <script type=”text/javascript”> var $iC=jQuery.noConflict(); $iC(document).ready(function(){ }); </script> <script src=”/idogjs/cloudcwp/idogccc.js” type=”text/javascript”></script> // Every $ inside this “idogccc.js” is replaced with $iC for this script to work independently with other jqueries. <!-end cloud carousel–> Jquery FancyBox 2.0.6.1 <!-fancybox 2.0.6.1–> <script src=”<?php bloginfo(‘template_url’); ?>/js/jquery.min172.js” type=”text/javascript”></script> <script src=”<?php bloginfo(‘template_url’); ?>/js/jquery-scrolltofixed.js” type=”text/javascript”></script> <script type=”text/javascript”> var $iZ=jQuery.noConflict(); $iZ(document).ready(function() { $iZ(‘#search_area’).scrollToFixed({ marginTop: $iZ(‘.header_menu’).outerHeight() + 0, limit: $iZ(‘#footer’).offset().top – $iZ(‘#search_area’).outerHeight() – 10, zIndex: 999, }); $iZ(‘#bread_crumb’).scrollToFixed({ marginTop: $iZ(‘.header_menu’).outerHeight() + 0, limit: $iZ(‘#footer’).offset().top – $iZ(‘#bread_crumb’).outerHeight() – 10, zIndex: 999, }); /* $iZ(‘#bread_crumb’).scrollToFixed( { marginTop: ...