Skip to main content

WP: 4. Allow SVG file type support in WP Media Library

Today I ran into a problem, I was unable to upload SVG Image in WordPress Media Library, Although I find the solution via a plugin to sort this out but still give it a try by how We can achieve it by customizing the wordpress backend on your own.

And nonetheless, It's better to fix the thing with some bunch of code rather than uploading one more bulky plugin on your website that will end up making your site heavy.

Just follow the steps below and avoid yourself heading up into any malicious or bulky plugin for this particular problem from now on for forever.

Step 1: Go ahead and paste the following code in your active theme's functions.php

//To return the URL of the previous page, use the following php code:
$prev = get_permalink(get_adjacent_post(false,'',false));

//To return the URL of the next page, use the following php code: 
$next = get_permalink(get_adjacent_post(false,'',true));

//To use them, simply echo the variables $prev and $next where you need them.

<a href="<?php echo $prev; ?>">Previous Post</a> and the 

<a href="<?php echo $next; ?>">Next Post</a>

//What if there isn’t a previous or next post?

//Since our functions will automatically return either the adjacent post’s URL if there is one or the current post’s own URL if you’re on the first or last post. Use the following code to make it conditional whether to display the previous or next post link:
<?php $prev = get_permalink(get_adjacent_post(false,'',false)); 
    if ($prev != get_permalink()) { ?>
        <a href="<?php echo $prev; ?>">Previous Post Only Displaying If Available</a>
<?php } ?>

//There you have it — hope it saved you a headache. Enjoy!
Now Cheers !😊

Comments

Popular posts from this blog

Prompt Engineering for Web Developers: Work Smarter with AI 🚀

   AI is changing the way web applications are built. From generating components and writing tests to planning projects and reviewing code, developers can now use natural language prompts to accelerate development. This approach, often called Vibe Coding, allows developers to describe what they want and let AI generate the solution. The secret to getting quality results is Prompt Engineering : the practice of writing better prompts. 📌 The RTCF Framework A simple framework for creating effective prompts is RTCF : Role → Who should AI act as? Task → What needs to be done? Context → Why is it needed? Format → How should the output look? ❌ Weak Prompt Make me a learning app. ✅ Strong Prompt Role: Senior React Developer Task: Build a React Learning Planner Context: Users need to track learning resources through stages Format: React, Tailwind CSS, drag-and-drop, modern UI, no TypeScript Providing clear instructions dramatically improves AI o...

💰 Managing Finances

Most people focus on earning more, but real wealth is built through smart investing, risk management, and disciplined financial habits. Here's a simple framework to help secure your financial future. 🎯 1. Set Financial Goals First Invest with a purpose: Emergency Fund Home Purchase Child Education Retirement Financial Independence ⚠️ 2. Control Lifestyle Inflation ✅ Good Debt Home Loan Business Loan Education Loan ❌ Bad Debt Credit Card Loan Personal Loan Consumer EMIs Rule: Keep total EMIs below 40% of monthly income . 🛡️ 3. Create an Emergency Fund Maintain 6 months of household expenses in: Fixed Deposits (FD) or Sweep-In Account Arbitrage Mutual Fund (tax-efficient for higher tax brackets) Post Office Deposits This should be your first financial priority. ❤️ 4. Protect Before You Invest Term Insurance Coverage: 10-15× Annual Income/CTC Health Insurance Keep a personal family floater policy. Do not rely only on employer...

JS: Cheatsheet

   Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS