Connect with us
The intuitive design of ledger live desktop wallet software simplifies the process of managing and trading cryptocurrencies, offering users a secure and user-friendly experience within the decentralized finance ecosystem.

Tips & Tricks

How to: show/hide a widget in WordPress with jQuery

In a previous post I talked about how to show/hide a single div html code with a search inside. Today I’d like to show you how I implemented jQuery into my new theme.

Published

on

As seen in the current theme, I am using jQuery to animate the show/hide or as known as the css style display: none;.

Since I am using a custom child theme on my site, and have Hybrid theme as my parent, the widgets or sidebar section is different than may be in your theme. But just apply the the style’s as follows to your theme.

First make sure that your WordPress site is calling jQuery, by plugging in this code into your header.php file above the <?php wp_head(); ?> text:

<?php wp_enqueue_script('jquery'); ?>

Then anywhere above the </head >, plug this code in:

<script type="text/javascript">
function toggleWidgets() {
	$('#primary h3.widget-title').addClass('plus');

	$('#primary h3.widget-title').click(function() {
		$(this).toggleClass('plus').toggleClass('minus').next().toggle(180);
	});

}
$(document).ready(function() {
	toggleWidgets();
}
</script>

That’s it. Pretty simple huh.

So lets go over what the code does.

$('#primary h3.widget-title').addClass('plus');

This line finds all <h3> tags with the class widget-title inside the ID parameter of #primary and adds a class of plus.

Then

$('#primary h3.widget-title').click(function() {
		$(this).toggleClass('plus').toggleClass('minus').next().toggle(180);
	});

Will apply a click function. When the H3 tag is clicked it will remove the class plus and add the class minus.

Then the code that says .next will then toggle the “next” element after the <h3> title.

Tips & Tricks

Remove spaces when echoing the_title

Ever wanted to print or echo the WordPress title attribute without spaces?

Published

on

This little trick can be useful for calling custom functions and printing the title with out spaces for W3C compatibility. I used this trick in a new theme called Galleria, which will be out for public download in the coming days.

Using this comes in handy for a delicious text link:

<?php $title = get_the_title(); ?>
<a href="http://del.icio.us/post?url=<?php echo $title; ?>&amp;<?php echo str_replace(" ", "%20", $title); ?>">
Bookmark This (<?php echo $title; ?>)</a>

What I am doing is calling $title = get_the_title(); and using str_replace(" ", "%20", $title); to replace empty spaces with a %20, which is used in URL encoding empty spaces.

Alternatively you can use a dash or underscore.

Thanks to Jason Boyle for his adaption.

Continue Reading

Tips & Tricks

Display the_excerpt only if there is text

Have you ever wanted to display the excerpt only if you write one? A simple couple lines of code can display the_excerpt any where you like.

Published

on

In my new theme, I am using this coded trick to display the excerpt on a single post only if I’ve got text inside. Usually if you use the_excerpt and you don’t have one, it will fake one for you.

This is not something that I wanted to do on the single post page. So I used the following code to check if the excerpt existed.

if ( !empty( $post->post_excerpt ) ) :

Once this action is taken into account, you can factor in what code you want to out put if the post_excerpt isn’t empty.

if ( !empty( $post->post_excerpt ) ) :
	the_excerpt();
else :
	false;
endif;

The above code checks if there is an excerpt and print’s it to the screen. If there isn’t an except, it doesn’t do anything.

Continue Reading

Tips & Tricks

Add a shortcode

Published

on

This is a simple one.

/**
 * Your Blog title
 *
 */
function my_blog_title() {
	$blogname = get_bloginfo('name');
    return '<span class="blog-title">' . $blogname . '</span>';
}		  	
add_shortcode('blog-title', 'my_blog_title');

Just add this to your functions.php file and then add [blog-title] in any post or page and it will return your Blog Title. :)

Continue Reading

Random Search Terms

Title

Recent Posts: Fully Net Worth . com

Pratt Daddy Crystals Net Worth – & more crazy stats

Pratt Daddy Crystals Net Worth – & more crazy stats

Pratt Daddy Crystals Net Worth. How much is the pratt daddy crystals company worth? Let us go through what we know and what we don’t know about this company, seems like a lot of people are interested in knowing exactly how many sales does the pratt daddy crystals company make or what pratt daddy is […]

Todd Tucker Net Worth: 5 Interesting Facts You Should Know

Todd Tucker Net Worth: 5 Interesting Facts You Should Know

Todd Tucker is a well-known producer who has been an executive producer for several successes. Tucker was born on August 4, 1973, in Georgia. Among his several successes, some of them are My Super Sweet 16 with Reginae Carter & Lil Wayne, Hollywood Divas, A Mother’s Love, and TV One: Ebony Fashion Fair. 1. Todd […]

Allison Dunbar Wiki & Net Worth: Facts to Know about Her

Allison Dunbar Wiki & Net Worth: Facts to Know about Her

Allison Dunbar Wiki Allison Dunbar is an American actress known for her appearance on movies and TV shows like Quick Draw, 2 Broke Girls, The Convent, Daybreak and Strip Mall. Not much information is available about Allison Dunbar regarding her personal life, date of birth and education. What we know is that she started her […]

Ashley Massaro Net Worth: 5 Interesting Facts You Should Know

Ashley Massaro Net Worth: 5 Interesting Facts You Should Know

Ashley Massaro was an American professional wrestler, model, and television personality. She was known for her time with WWE and her appearance on show “Survivor: China”. Here are some interesting facts about Ashley Massaro. 1. Ashley Massaro net worth is estimated to be $2 million. Ashley Massaro net worth before her death is estimated to […]

Trending