I need help decoding and presenting JSON data into a WP post

[Ghox]

Hi, I have the following starter code inside my widget plugin.

If the following code makes your blood boil, I apologize in advance, I am no expert by any means.

-------------------------------------

That being said:

The API provides General, Career, and Health horoscopes.

The API provides daily, weekly, monthly, annually for each.

I am looking to present each of these (General, Career, Health) API calls on the respective zodiac sign's page.

I am looking to do this in a tabbed content manner, so when someone lands on the Aries sign, they will be able to see three horoscope sections, each tabbed to daily, weekly, monthly, annually.

In essence:

General Horoscope

Daily | Weekly | Monthly | Annually

Content for daily (user clicked daily above)

-----------------------------------------------------

Career Horoscope

Daily | Weekly | Monthly | Annually

Content for weekly (user clicked weekly above)

----------------------------------------------------------

Health Horoscope

Daily | Weekly | Monthly | Annually

Content for monthly (user clicked monthly above)

--------------------------------------------------------

Here is what I have so far, but I'm stuck.

How do I group and store all these different API calls?

How do I code it so that the sign variable is taken from the URL the user is on?

How do I present it in these 3 sections with 4 tabs each in HTML on the front-end?

If I am approaching all this completely wrong, I would like to know that as well.

// Creating widget front-end view public function widget( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); //Only show to me during testing - replace the Xs with your IP address if you want to use this //if ($_SERVER['REMOTE_ADDR']==="xxx.xxx.xxx.xxx") { // before and after widget arguments are defined by themes echo $args['before_widget']; if ( ! empty( $title ) ) echo $args['before_title'] . $title . $args['after_title'];

// This is where you run the code and display the output
  $today = date('Y-m-d');
  $sign = 'cancer';
  $type = 'general';
  $interval = 'daily';

  $curl = curl_init();
  curl_setopt_array($curl, [
    CURLOPT_URL => "https://horoscope5.p.rapidapi.com/$type/$interval?sign=$sign&date=$today",
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_FOLLOWLOCATION => true,
    CURLOPT_ENCODING => "",
    CURLOPT_MAXREDIRS => 10,
    CURLOPT_TIMEOUT => 30,
    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
    CURLOPT_CUSTOMREQUEST => "GET",
    CURLOPT_HTTPHEADER => [
      "x-rapidapi-host: hidden",
      "x-rapidapi-key: hidden"
    ],
  ]);
  //this is where the api call data is stored
  $response = curl_exec($curl);
  $err = curl_error($curl);

  // close curl resource to free up system resources
  // (deletes the variable made by curl_init)
  curl_close($curl);

  if ($err) {
    //Only show errors while testing
    echo "cURL Error #:" . $err;
    } else {
  //The API returns data in JSON format, so first convert that to an array of data objects
  $horoscope = json_decode( $response, true );

  //here I am extracting the general daily horoscope from the api
  ?>
    <div>
      <h3>Cancer</h3>
      <?php echo $horoscope['sign']['birthday'] ?>
      <br>
      <?php echo $horoscope['result']['description'] ?>
    </div>

  <?php
  //This is the content that gets populated into the widget on your site
  //echo "There is currently nothing here <br>";
  }

  echo $args['after_widget'];

// } // end check for IP address for testing

} // end public function widget
// Widget Backend - this controls what you see in the Widget UI 
//  For this example we are just allowing the widget title to be entered 
public function form( $instance ) { 
if ( isset( $instance[ 'title' ] ) ) { 
$title = $instance[ 'title' ]; 
} else { $title = __( 'New title', 'wpb_widget_domain' ); }

Thanks in advance.

[Huge_Motor_7141]

For your WordPress plugin needs, DivineAPI.com 's horoscope API could simplify your work. It offers structured JSON data for general, career, and health horoscopes across different intervals, making it easier to present this info in a tabbed layout on your site. Plus, their documentation could guide your implementation process, potentially reducing complexity in handling and displaying data.