Adding Scripts and Styles to WordPress the Right Way With Enqueueing

Adding Scripts and Styles to WordPress the Right Way With Enqueueing

In this article I’ll show you how to add scripts and styles to your themes and plugins, whether you are creating something on the front-end or in the backend.

Quick tip: Use wp_trim_words() to limit words in WordPress

Using wp_trim_words() allows us to limit the title and excerpt, and anything else really, to a particular number of words. You can define the number of words to limit them to, and also define what you’d like the “more” text to be.

Spicing Up the Bootstrap Carousel with CSS3 Animations

In this article, I’m going to show how to add some fun animation effects to the Bootstrap Carousel.

Add transition delay while showing sub-menus in navigation using jquery and CSS

In this tutorial I will guide how to set increasing transition delay in sub-menus. Transition delay timing in every sub-menu will be more than what delay timing is set in just previous sub-menu. This will be done with help of jquery and CSS.

How To Create Ripple Effect Using jQuery & CSS3

Ripple effect is very cool animation where an ink-drop like element moves out radially from the position where the user taps/clicks. In this post i am going to show you how you can create Ripple effect using jQuery and css.

Use featured image as background image in wordpress

Sometimes you need to use wordpress featured image as background image then here is a trick for you. Go with it.

Hide label for input on focus and when has value

This article is about if you want to hide/fadeout label text when input has some value .

How to use Thumbnails with Previous and Next Post Links in WordPress

In this article, I’ll show you how to use post thumbnails with previous and next post links in WordPress.

wordpress navigation menu with bootstrap framework

This tutorial goes over how to create and add the Bootstrap navbar or menu to WordPress. In this article, I’m going to integrate Bootstrap Navbar Into WordPress theme.

Add parallax effect in background image with jquery

Add parallax effect in background image with jquery

For parallax images, we should use high resolution images(e.g, 1920*1080) . use Background-size:cover. Now just add class “paralllax” in that section you want to be parallax. Simple. 🙂

Get list of custom post types in wordpress

Get list of custom post types in wordpress

For your custom post type, you can customize single.php by creating single-posttypename.php. Download this Sample and see how it can be customized.

Create custom post type and category in wordpress

Create custom post type and category in wordpress

Add below code in theme functions.php file :-

Create shortcode in functions.php file

Create shortcode in functions.php file

First create custom shortcode on theme functions.php file with below code , after that Call this shorcode in your template file :- <?php echo do_shortcode("[tg_show_pages page_ids='9,11,13,15']"); ?>