How to

How to Make Astra Theme Content Full Width with Content Margins

You can make Astra theme content 1920 px width or stretch it to full width, but what is you want to make it stretch full width but with same content margins as with other layout options? Here's how:

  1. Customize → Global → Container → Layout: Full Width / Stretched
  2. Add custom CSS:
.ast-page-builder-template .site-content>.ast-container {
   margin-right: 35px;
   margin-left: 35px;
}

.single.ast-page-builder-template .entry-header {
   padding-left: 0;
   padding-bottom: 0;
   max-width: none;
}

.ast-page-builder-template .comments-area {
   padding-right: 0;
   padding-left: 0;
   max-width: none;
}

.ast-page-builder-template .site-content #primary {
   margin: 4em 0;
   padding-right: 60px;
}

.ast-page-builder-template .ast-archive-description,
.ast-page-builder-template .entry-header {
   margin-top: 0;
}

.ast-page-builder-template .ast-archive-description,
.ast-page-builder-template .entry-header {
   padding-left: 0px;
}

You can add custom CSS for example either in Customize → Additional CSS or with CSS Hero plugin. (I'm a happy user of CSS Hero plugin and the link is an affiliate link.)

How to Display Custom Post Types on The WordPress Front Page

How to Create Custom Post Types in WordPress

One advantage of using custom post types is that it keeps your custom content types away from your regular posts. However, if you would like them to display among your regular post, then you can do so by adding this code into your theme’s functions.php file or a site-specific plugin:

add_action( 'pre_get_posts',
    'add_my_post_types_to_query' );
function add_my_post_types_to_query( $query ) {
    if ( is_home() && $query->is_main_query() )
        $query->set( 'post_type',
            array( 'post', 'movies' ) );
    return $query;
}

Don’t forget to replace movies with your custom post type.

Easiest way add for example php code to WordPress is using WordPress Code Snippet plugin.

How to Customize WordPress Tag Cloud Widget

Display All Tags

The number of Tag Cloud widget tags are limited to 45 by default. Default format of the cloud display is flat. To set number to unlimited and format to list:

function set_tag_cloud_args($args) {
	$args = array('number' => 0, 'format' => 'list');
	return $args;
}
add_filter('widget_tag_cloud_args','set_tag_cloud_args');

How to Display Text to Only Logged in WordPress Users

Create Shortcode for Logged in Users

function logged_in_only_shortcode($atts, $content = null) {
    if (is_user_logged_in() && !is_null($content) && !is_feed()) {
        return $content;
    }
}
add_shortcode('logged_in_only', 'logged_in_only_shortcode');

To use this shortcode in your post use the following code.

[logged_in_only]User is logged in.[/logged_in_only]

Create Shortcode for Logged Out Users

function logged_out_only_shortcode($atts, $content = null) {
    if (!is_user_logged_in() && !is_null($content) && !is_feed()) {
        return $content;
    }
}
add_shortcode('logged_out_only', 'logged_out_only_shortcode');

To use this shortcode in your post use the following code.

[logged_out_only]User is logged out.[/logged_out_only]

Resource: Display Text To Only Logged In WordPress Users

How to Remove WordPress’ jQuery and Use Google’s CDN Version Instead?

Why Use Google’s CDN?

The three most commonly cited reasons to dequeue WordPress’ bundled version of jQuery in favor of Googles are:

  1. Decreased Latency.
  2. Increased Parallelism.
  3. Better Caching.

Why NOT Use Google’s CDN?

  1. WordPress takes great care to make sure its bundled libraries are fully compatible with other bundled scripts. jQuery is loaded in “no conflict” mode to prevent any potential script collisions over the $ variable in the global namespace.
  2. If you load jQuery 1.9 yourself from Google’s CDN, you’ll miss out on the jQuery Migrate plugin and end up breaking several themes and plugins that depend on these deprecated APIs.
  3. Also, WordPress is taking steps to prevent you from dequeueing jQuery on the back end at all.

Source: Don't Dequeue WordPress' jQuery

Then, How to Remove WordPress’ jQuery and Use Google’s CDN Version Instead?

function jquery_cdn() {
   if (!is_admin()) {
      wp_deregister_script('jquery');
      wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3');
      wp_enqueue_script('jquery');
   }
}
add_action('init', 'jquery_cdn');

Comment by Nathan Rice:

This is almost sure to cause warnings if you have WP_DEBUG on. The reason being that wp_register_script should only be called on the wp_enqueue_scripts action hook.

Sources:
How to load jQuery from Google CDN
Replace default WordPress jQuery script with Google Library

Scroll to Top