WordPress Tricks

Accepting Tips or Donations in your site: Buy Us or Buy me a coffee

Those who are creators, artists, teachers, service providers and have websites, they can use this Tip Jar WP plugins to accept tips or donations etc. Actually I found one of my client using this plugins and i helped her configuring it and did some css changes to make it fit by changing the width and font size. If you are using you can ask question in the comments section.

Continue reading “Accepting Tips or Donations in your site: Buy Us or Buy me a coffee”
WordPress Tricks

Sobe: WordPress lighthearted personal blogging theme by Automattic, Modifications or customizations with css.

Theme Sobe is a lighthearted personal blogging theme by Automattic for sharing life’s most memorable moments. You can see the Demo of theme Sobe. If you want to use it in your personal blogging site, you can download Theme Sobe from WordPress.com theme repository, or from here.

theme sobe wordpress modifications using css

Here, I will share with you some css customizations which you can use to modify the header font size, color, contents etc. If you have any questions feel free to ask in the comments section.

Continue reading “Sobe: WordPress lighthearted personal blogging theme by Automattic, Modifications or customizations with css.”
Contact Form 7 Issues Tricks and Solution

How to make Submit button of Contact Form 7 inactive or disable but keeping the form live

You can show the Contact Form 7 form in your live site, but can make the Submit button remain disable so that no one can submit it . Here I am sharing you a piece of jQuery code using which you can make the Contact Form Submit button block or inactive.

de

Here is the jQuery code

Continue reading “How to make Submit button of Contact Form 7 inactive or disable but keeping the form live”
Web Development

How to add own custom font without the help of plugins in wordpress or any sites.

Here I am sharing the small procedure about how to use own custom font without the help of plugins in wordpress site. This procedure can be used for any type of sites or platform.

Here are the steps:

  1. At first upload your choiceable font ( which you want to use in the site ) in the root directory using ftp or through cpanel. I have attached screenshot for better understanding
Continue reading “How to add own custom font without the help of plugins in wordpress or any sites.”
Web Development

How to add a spinner just above the submit button of form without modifying php code using JQuery

Actually this is little bit advanced technique, you need to have a good idea regarding jQuery. Basically I had to add a spinner just before the submit button of the form, so that viewers get idea that the form submission is working and they don’t get confused.

Here is the JQuery Code I used:

Continue reading “How to add a spinner just above the submit button of form without modifying php code using JQuery”
Contact Form 7 Issues Tricks and Solution

How to create Terms and Condition checkbox with a link in Contact Form 7

If you want to create a Terms and Condition Checkbox with the link pointing to the page, you can create it easily. Here is the code which you need to use

 [checkbox* terms-condition "I have read and agree to the terms and conditions. *"] <a href="http://www.yoursite.com/terms-and-condition"> Terms & conditions </a> 

The code will go in the Contact Form 7 ( like below)

Thats it. If you have any Question feel free to do comments below.

WordPress Tricks

Redirect Logged out users to different page based on Body Class : WordPress redirection using php and jQuery

Suppose you want your visitor not to see any specific pages and want them to redirect to login or register page, then you can do this using this following code. Here i used the body class of wordpress page. Using the Body class and using php and jquery you can redirect it .

<?php
   $classes = get_body_class();
if (in_array('my-profile',$classes)   || in_array('page-id-2324',$classes)    ) {

if( ! is_user_logged_in() ) {
     ?>
  <script>
 window.location.href = "https://yoursiteurl.com/register/";
  </script>	      
     
<?php
}} 
?>

WordPress Tricks

WordPress theme Twenty Twenty-One: Modifications and customizations of headers, fonts, styles and more

WordPress 5.6 comes with a brand new default theme: Twenty Twenty-One. Here I am sharing you some basic css or style modifications using which you can give it a look of your own. I have added the child theme below which you can download and use without any issue.

Download Twenty Twentyone Child theme.

wordpress theme twenty twenty-one
Continue reading “WordPress theme Twenty Twenty-One: Modifications and customizations of headers, fonts, styles and more”
WordPress Tricks

Previous and Next Post title from same category

Sometimes you may want to show the previous and next post title from same category just below your post. Here I am sharing you the code which i got from internet and used for someone which worked great. Here I am sharing you the corresponding css and php code.

CSS Code ( This code may need to tweak based on your theme)

div#opagination a[rel="prev"] {
    float: left;
    width: 50%;
}
div#opagination span {
    margin-left: 12px;
    margin-right: 12px;
}
div#opagination center {
    display: inline;
    
}
span.nextpost.txt {
    float: right;
}
span.prevpost.txt {
    float: left;
}
div#opagination a[rel="next"] {
    float: right;
	width: 50%;
	display:block;
}
div#opagination * {
    font-size: 15px;
}

div#opagination a span:last-child,div#opagination a span:last-child * {
    /* background: red; */
    display: block;
    font-size: 23px;
    font-weight: bold;
	text-align:center;
	clear: both;
}
div#opagination a span:first-child,div#opagination a span:first-child * {
    font-weight: bold;
    color: #ab9797 !important;
}

PHP code (That will go in your single.php file)

<?php
$post_id = $post->ID; // current post ID
$cat = get_the_category(); 
$current_cat_id = $cat[0]->cat_ID; // current category ID 

$args = array( 
	'numberposts'=>-1,
    'category' => $current_cat_id,
    'orderby'  => 'post_date',
    'order'    => 'DESC'
);
$posts = get_posts( $args );
// get IDs of posts retrieved from get_posts
$ids = array();
foreach ( $posts as $thepost ) {
    $ids[] = $thepost->ID;
}
// get and echo previous and next post in the same category
$thisindex = array_search( $post_id, $ids );
//print_r($ids);
$previd    = isset( $ids[ $thisindex - 1 ] ) ? $ids[ $thisindex - 1 ] : false;
$nextid    = isset( $ids[ $thisindex + 1 ] ) ? $ids[ $thisindex + 1 ] : false;
echo  '<div id="opagination">' ;
if (false !== $previd ) {
			?><a rel="prev" href="<?php echo get_permalink($previd) ?>"><span class="prevpost txt"><< Article plus récent </span><span><?php echo get_the_title($previd); ?></span></a><?php
}
if (false !== $nextid ) {
			?><a rel="next" href="<?php echo get_permalink($nextid) ?>"><span class="nextpost txt">Article plus ancien >></span> <span><?php echo get_the_title($nextid); ?> </span> </a><?php
}
			echo '</div>';
			
			?>

WordPress Tricks

HTML Tab without bootstrap : Tabbed menu with only css, jQuery and html

Tabbed menu without bootstrap ( using css, jquery and html)

In most of the cases we uses bootstrap, which is easy to use. But sometimes we may need to create tabbed menu without bootstrap. Here I am sharing you the related html, css and jQuery code using which you can use Tabbed menu without using bootstrap (screenshot above). You can use this in WordPress, Shopify or any other platform where you can use html,css and jQuery.

You can contact me at om2000_cuet in my skype or can ask question in comments section.

Continue reading “HTML Tab without bootstrap : Tabbed menu with only css, jQuery and html”