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 !😊

Labels:

Comments

Post a Comment

Popular posts from this blog

React: Remember me functionality with React

Want to know how can you easily integrate Remember me on your website just follow the steps below and I am sure you will find this pretty easy. There is no rocket science to crack it you just need basic code knowledge only. Step 1: Add the react-cookie in your project    npm install react-cookie Step2: Add the following code in index.js import { CookiesProvider } from "react-cookie"; ReactDOM.render(      <CookiesProvider>           <App />      </CookiesProvider>,      document.getElementById('root') ); Step3: Add the following code in your component    import React, { useState } from 'react'; import { useCookies } from 'react-cookie'; const App = () => { const [name, setName] = useState(''); const [pwd, setPwd] = useState(''); const [cookies, setCookie] = useCookies(['user']); const handle = () => {      setCooki...
Post a Comment
Read more

React: Print Specific Section of the page with - ReactToPrint

  Want to know how can you easily print specific section of your website just follow the steps below and I am sure you will find this pretty easy. There is no rocket science to crack it you just need basic code knowledge only. Step 1: Add the ReactToPrint in your project    npm install --save react-to-print Step2: Add the following code in your component   import React, { useRef } from 'react'; import ReactToPrint from 'react-to-print'; const Example = () => {      const componentRef = useRef();      return (           <div>                <ReactToPrint                     trigger={() => <button>Print this out!</button>}                     content={() => componentRef}    ...
Post a Comment
Read more

JS: Cheatsheet

   Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS
3 comments
Read more