Blog Archives

Load CSS and JS the right way

/** * Load CSS and JS the right way * * @since  1.0 * @refer  https://developer.wordpress.org/reference/functions/wp_enqueue_style/#comment-340 */ function firerooster_load_css_and_js() {   // Load Boostrap CSS   wp_enqueue_style( ‘bootstrap-css’, get_template_directory_uri() . ‘/includes/bootstrap4/css/bootstrap.min.css’ );      // Load style.css   wp_enqueue_style( ‘style’, get_stylesheet_uri() );      // Load Boostrap

Posted in WordPress Tagged with:

Display First Few Characters Of A WordPress Post Outside The Loop

<?php echo apply_filters( ‘the_content’, wp_trim_words( strip_tags( get_post_field(‘post_content’, $recent[“ID”]) ), 55 ) ); ?> where $recent[“ID”] is of the ID of the post. If you are already querying the post and already have a WP_Post object, you can simply use this:

Posted in WordPress Tagged with:

Query Anything On WordPress Anywhere

<?php $args = array(       ‘posts_per_page’   => ‘3’,       ‘post_status’   => ‘publish’,     ); $recent_posts = wp_get_recent_posts( $args ); // Loop each post foreach( $recent_posts as $recent ) {   echo get_the_title($recent[“ID”]);   echo $recent[“post_content”]; } wp_reset_query(); ?> Refer the WP_Query class reference for a

Posted in WordPress Tagged with:

Conditionally Display Fields In Contact Form 7 With Simple JavaScript

In this tutorial, learn how to conditionally display form fields using simple inline JavaScript. Add-on plugins are an overkill for most simple use cases.

Posted in Tutorials, WordPress Tagged with: , , ,

Easily Detect Mobile Device vs Desktop – A Developers Story

A simple way to detect if the user is browsing a website on a mobile device or a desktop. Also includes code bits for mobile browser detection using user agent in PHP and links to resources for other languages.

Posted in Mobile, Tutorials Tagged with: , , ,