在完全自定义文件中运行wodpress简码

Question

so I have a Wordpress page where I want to fetch the data... so I am using javascript ajax to get data from a PHP file... which is totally custom build... I want to run a shortcode of WordPress in this custom file and send the HTML of shortcode to the WordPress page...

here's the javascript

    <script>
    jQuery(document).ready(function(){
        showjob();
    });
    function showjob() {    
    var intrest=document.getElementById("intrest").value; 
        jQuery.ajax({
            method: 'GET',
            url: 'jobsloader.php',
            data: {
                intrest: intrest,
                type: 'need'
            },
            success: function(data) 
            {
                document.getElementById("addcontainer").innerHTML = data;
            }
        });
    }
    </script>

here's the custom file code:

 <?php
 if ($_GET)
 {
 ?>

 <div class="vc_row wpb_row vc_row-fluid">

 <?php

    $intrest=$_GET['intrest'];
    $search = "SELECT * FROM `$database`.`$job` where intrest='employee' && poj='$intrest'";
    $result = mysqli_query($con, $search);
    while ($row = mysqli_fetch_array($result))
    {
?>
=======================================================================
<div class="wpb_column vc_column_container vc_col-sm-3">
    <div class="vc_column-inner ">
        <div class="wpb_wrapper">
            <div class="centered-box sc-image-centered-box">
                 <div class="sc-image sc-wrapbox sc-wrapbox-style-11 sc-wrapbox-position-centered" style="width: 100px;height: 100px;">
                    <div class="sc-wrapbox-inner"><img onclick="loaddetail(<?php echo $row['id']; ?>)" class="sc-wrapbox-element img-responsive img-circle" src="<?php echo "../cloud/ads/".$row['addpic'].".png"; ?>" alt=""></div>
                 </div>
             </div>
             <div class="wpb_text_column wpb_content_element ">
                 <div class="wpb_wrapper">
                      <p style="text-align: center;"><?php echo $row['name']; ?></p>
                 </div>         
             </div>
             <div class="vc_btn3-container vc_btn3-center">
                 <button class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-block vc_btn3-icon-left vc_btn3-color-grey"><i class="vc_btn3-icon fa fa-handshake-o"></i> Full Details</button>
             </div>
          </div>
      </div>
 </div>
 ======================================================================

So the whole above code is just the html part of the below shortcode... also this html doesnt work properly[css problems]... so i want to make the shortcode work here and then send the worked code to the wordpress page.... how to???

or if I can send the shortcode as a text and make it work in WordPress page... that will be ok too. but how to???

 <?php echo do_shortcode("[sc_team style="horizontal" team="abc" columns="1"]"); ?>
 <?php
    }
 ?>
 </div>
 <?php  
 }
 else
 {
    echo "Please Try Again Later.";
 }
 ?>         

sorry for bad explanation, for more details plz comment .... and dont downvote cause i didnt find any answer from other places... and i am stuck on it...

Answer 1

Make it a plugin, which is easy to do.

Create a folder named myplugin in wp-content/plugins in the folder put a file named myplugin.php (same as the folder). In that file put this

<?php
/*
 * Plugin Name:   MyPlugin
 * Version:       1.00.00
 * Plugin URI:
 * Description:   Some Description
 * Author:        Me
 * Author URI:    
 * License: Copyright (c) 2018 Me. All rights reserved.
 */

if(!function_exists('myshortcode')){
    function myshortcode($atts, $contents=''){
       $atts = shortcode_atts( [
         'post_id' => '',
       ]);
       ...
   }
}

add_shortcode( 'myshortcode', 'myshortcode');

Then go to the plugin page, and enable it.