Social LikeBox & Feed Shortcodes

Below, you’ll find a detailed guide on how to add the Social LikeBox & Feed Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Social LikeBox & Feed Plugin shortcodes not to show or not to work correctly.

Before starting, here is an overview of the Social LikeBox & Feed Plugin and the shortcodes it provides:

Plugin Icon
Social LikeBox & Feed

"Social LikeBox & Feed is a versatile WordPress plugin designed by Weblizar. It effortlessly integrates your Facebook feed while encouraging site engagement through an interactive LikeBox."

★★★✩✩ (46) Active Installs: 20000+ Tested with: 6.3.2 PHP Version: false
Included Shortcodes:
  • [FBW]
  • [facebook_feed]

Social LikeBox & Feed [FBW] Shortcode

The Facebook By Weblizar shortcode allows you to display a Facebook Like Box on your WordPress site. It fetches and displays various settings from your WordPress database, including the Facebook page URL, border visibility, face visibility, and more.

Shortcode: [FBW]

Parameters

Here is a list of all possible FBW shortcode parameters and attributes:

  • ForceWall – Determines if non-fans can view the content of the page.
  • Header – Controls the visibility of the Facebook header on the plugin.
  • Height – Sets the height of the Facebook box in pixels.
  • FacebookPageUrl – Specifies the URL of the Facebook page to display.
  • ShowBorder – Determines if a border should be shown around the Facebook box.
  • ShowFaces – Controls whether to display profile pictures of the page’s fans.
  • Stream – Decides if the page’s public posts should be shown.
  • Width – Sets the width of the Facebook box in pixels.
  • FbAppId – Represents the unique App ID of your Facebook application.
  • weblizar_locale_fb – Sets the language locale for the Facebook SDK.

Examples and Usage

Basic example – A simple usage of the Facebook Like Box shortcode. This will display the default Facebook Like Box with the predefined settings in the function.

[FBW]

Advanced examples

Customizing the Facebook Like Box by adding parameters to the shortcode. The parameters allow you to control various aspects of the Like Box, such as the height, width, whether or not to show the border, and more. The parameters must be added in a specific format, as shown in the examples below:

1. Displaying a Facebook Like Box with a custom height and width. This will override the default settings in the function.

[FBW height="500" width="300"]

2. Displaying a Facebook Like Box with a custom Facebook page URL. This will display the Like Box for the specified Facebook page instead of the default one.

[FBW FacebookPageUrl="https://www.facebook.com/YourPageURL"]

3. Displaying a Facebook Like Box without the border. This will hide the border of the Like Box.

[FBW ShowBorder="false"]

Please note that the actual functionality of these shortcode examples depends on the implementation of the “FacebookLikeBox” function in your theme or plugin.

PHP Function Code

In case you have difficulties debugging what causing issues with [FBW] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode("FBW", "FacebookLikeBox");

Shortcode PHP function:

function FacebookLikeBox()
{
    ob_start();
    $FacebookSettings = unserialize(get_option("weblizar_facebook_shortcode_settings"));

    $ForceWall = 'false';
    if (isset($FacebookSettings[ 'ForceWall' ])) {
        $ForceWall = $FacebookSettings[ 'ForceWall' ];
    }

    $Header = 'true';

    $Height = 600;
    if (isset($FacebookSettings[ 'Height' ])) {
        $Height = $FacebookSettings[ 'Height' ];
    }

    $FacebookPageUrl = 'https://www.facebook.com/Weblizarwp/';
    if (isset($FacebookSettings[ 'FacebookPageUrl' ])) {
        $FacebookPageUrl = $FacebookSettings[ 'FacebookPageUrl' ];
    }

    $ShowBorder = 'true';
    if (isset($FacebookSettings[ 'ShowBorder' ])) {
        $ShowBorder = $FacebookSettings[ 'ShowBorder' ];
    }

    $ShowFaces = 'true';
    if (isset($FacebookSettings[ 'ShowFaces' ])) {
        $ShowFaces = $FacebookSettings[ 'ShowFaces' ];
    }

    $Stream = 'true';
    if (isset($FacebookSettings[ 'Stream' ])) {
        $Stream = $FacebookSettings[ 'Stream' ];
    }

    $Width = 350;
    if (isset($FacebookSettings[ 'Width' ])) {
        $Width = $FacebookSettings[ 'Width' ];
    }

    $FbAppId = '529331510739033';
    if (isset($FacebookSettings[ 'FbAppId' ])) {
        $FbAppId = $FacebookSettings[ 'FbAppId' ];
    }

    $weblizar_locale_fb = "en_GB";
    if (isset($FacebookSettings[ 'weblizar_locale_fb' ])) {
        $weblizar_locale_fb = $FacebookSettings[ 'weblizar_locale_fb' ];
    } ?>
<div id="fb-root"></div>
<script>
	(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s);
		js.id = id;
		js.src =
			"//connect.facebook.net/<?php echo esc_attr($weblizar_locale_fb); ?>/sdk.js#xfbml=1&version=v2.7";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like-box"
	data-height="<?php echo esc_attr($Height); ?>"
	data-href="<?php echo esc_url($FacebookPageUrl); ?>"
	data-show-border="<?php echo esc_attr($ShowBorder); ?>"
	data-show-faces="<?php echo esc_attr($ShowFaces); ?>"
	data-stream="<?php echo esc_attr($Stream); ?>"
	data-width="<?php echo esc_attr($Width); ?>"
	data-force-wall="<?php echo esc_attr($ForceWall); ?>">
</div>
<?php
    return ob_get_clean();
}

Code file location:

facebook-by-weblizar/facebook-by-weblizar/function/facebook-by-weblizar-short-code.php

Social LikeBox & Feed [facebook_feed] Shortcode

The Facebook Feed by Weblizar shortcode retrieves and displays Facebook feed data on a WordPress website. It fetches the JSON data from the Facebook API, including the header, posts, and comments, and presents it in a user-friendly format. This shortcode also handles HTTP request failures and decodes JSON data for display. It includes customizable elements such as the header logo, page name, like count, and share button. It also provides options for full-width, half-width, or thumbnail display layouts.

Shortcode: [facebook_feed]

Examples and Usage

Basic example – Display the Facebook feed using the default settings.

[facebook_feed]

PHP Function Code

In case you have difficulties debugging what causing issues with [facebook_feed] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode("facebook_feed", "weblizar_facebook_feed");

Shortcode PHP function:

function weblizar_facebook_feed(){
ob_start();
require("facebook-feed-shortcode-data.php");
	if (!$jsondata = wp_remote_get($header_string) || (!wp_remote_retrieve_body($jsondata))) {
	   esc_html_e( 'HTTP request failed.', WEBLIZAR_FACEBOOK_TEXT_DOMAIN );
	} else { 
	$jsondata = wp_remote_get($header_string);
	$jsondata = wp_remote_retrieve_body( $jsondata );
	$weblizar_header_data = json_decode($jsondata,true);
	$jsondata_post = wp_remote_get($page_timeline_string);
	$jsondata_post = wp_remote_retrieve_body($jsondata_post);
	$weblizar_data_post = json_decode($jsondata_post,true); ?>
		<div class="clearfix"> </div>
		<div class="col-md-12 wp-weblizar_fb-plugin">
		 <!--header code start-->
	 <?php if($ffp_header_check=="yes")
	    { ?>
			<div class="weblizar_fb-main-banner">
			<?php if(isset($facebook_feed_fetch["ffp_header_check"])) { ?>
				<div class="weblizar_fb-main-banner-img">
				<!--header code cover image--> 
				 <img src="<?php if(isset($weblizar_header_data['cover']['source'])) { echo esc_url( $weblizar_header_data['cover']['source'] ); }?>" class="img-responsive fb-banner-img" >
				</div>
			<?php } ?>
				<div class="weblizar_fb-facebook-feed-top-area">
					<div class="weblizar_fb-facebook-feed-top-img ">
					 <!-- header link on logo --> 
						<a href="<?php if(isset($weblizar_header_data['link'])) { echo esc_url( $weblizar_header_data['link'] ); } else { echo esc_url("#");}?>" class="weblizar_fb-main-pic col-md-2 col-sm-2 col-xs-4">
							<!-- header logo image --> 
							<img src="<?php if(isset($weblizar_header_data['picture']['data']['url'])) { echo esc_url( $weblizar_header_data['picture']['data']['url'] ); } ?>" class="img-responsive fb_main_pic " >
						</a>
						<div class="weblizar_fb-facebook-feed-top-info col-md-10 col-sm-10 ">
							<div class="weblizar_fb-facebook-feed-top-info-inner col-md-8 pull-left">
								<h3 class="fb-top-info-inner_header">
								<!-- header page name --> 
								<a class="fb_top_info_inner_header_link" href="<?php if(isset($weblizar_header_data['link'])) { echo esc_url( $weblizar_header_data['link'] ); } else { echo esc_url("#"); } ?>">  
									<?php if(isset($weblizar_header_data['name'])) { echo esc_attr( $weblizar_header_data['name'] ); } ?></a>
								</h3>
								<!-- Like count --> 
								<?php if(isset($weblizar_header_data['fan_count'])) { ?>
									<p class="fb_fan_count"> <span class="fb_fan_count_limit"> <?php  echo esc_html( $weblizar_header_data['fan_count'] ); ?> </span>  <?php esc_html_e('Likes', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>  </p>
								<?php } ?>
							    <div class="clearfix"> </div>
							</div>							
							<div class="button-group col-md-4  text-center">
								<a type="button" target="_blank" class="weblizar_fb_btn_secondary pull-right feed_header_link" href="<?php if(isset($weblizar_header_data['link'])) { echo esc_url( $weblizar_header_data['link'] ); } else { echo esc_url("#");}?>"> <i class="fas fa-share"> </i>  <?php esc_html_e('Share', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> </a>						
						    </div>
						</div>
					</div>
						<!-- Page link-->
				</div>
			</div>
  <?php } ?>
		<!-- header code end -->
		<div class="clearfix"> </div>
         <!-- Page post display start -->
		<div class="container-flud gallaries">
	    <?php for($y = 0; $y <$ffp_limit; $y++) 
            { 
		    if( isset($weblizar_data_post["posts"]['data'][$y]) ){
		       if($weblizar_data_post["posts"]['data'][$y]['type']=='photo')
                { ?>
				    <div class="col-md-12 col-sm-12 col-xs-12 weblizar_fb-post-box weblizar_fb-bg custom_box_gallary weblizar_fb-post_background_color"> 
				   <!-- post auther display -->
					    <div class="col-md-12 col-sm-12 col-xs-12 box weblizar_fb-post_background_color"> 
					    <?php $data_var=explode("_",$weblizar_data_post["posts"]['data'][$y]['id']);
					      // auther fetch curl
			                $auther_url = esc_url("https://graph.facebook.com/"). $data_var[0]."?access_token=".$token."&fields=link,name,id";
			                $auther_uri = wp_remote_get($auther_url);
			                $auther_uri = wp_remote_retrieve_body( $auther_uri );
			                $auher1 = json_decode($auther_uri,true);?> 
			                <div class="row">
		                          <!-- author picture-->						  
				                <div class="col-md-1 col-sm-2 col-3 weblizar_fb-logo-left"><img src="https://graph.facebook.com/<?php echo esc_attr( $auher1['id'] );?>/picture" class="img-responsive fb_logo_left">
				                </div>
								<div class="col-md-11 col-sm-10 col-9 weblizar_fb-logo-right">
									<!-- author name-->
									<h5 class="weblizar_fb-post_font_color"><a class="weblizar_fb-athr-name" href="<?php echo esc_url( $auher1["link"] );?>"><?php echo esc_html( $auher1['name'] ); ?></a></h5>
								    <!-- post create time-->
								    <h6 class="weblizar_fb-post_font_color fb_create_time"><?php $s = strtotime($weblizar_data_post["posts"]['data'][$y]['created_time']); ?><i class="fas fa-clock-o"></i><span><?php printf( esc_html( _x( '%s Ago', '%s = human-readable time difference', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ) ), human_time_diff( date( 'U', $s), current_time( 'timestamp' ) ) ); ?></span> </h6>
								</div>
							</div>
					    </div>
					      <!--full width data display start-->
					    <?php if($ffp_timeline_layout=='full_width') 	 
					        {
						        if(isset($weblizar_data_post["posts"]['data'][$y]['message'])) //post text message
						        {
								 $text=$weblizar_data_post["posts"]['data'][$y]['message'];
								 $reg_exUrl = "/(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?/";
								   if(preg_match($reg_exUrl, $text, $url)) 
								   {
                                     // make the urls hyper links
                                    $text=preg_replace($reg_exUrl, "<a class='fb_messaage_tag' href='".$url[0]."' target='_blank'>".$url[0]."</a> ", $text);
                                   }
								   $text=preg_replace('/#(\\w+)/','<a class=post_hastag_color href=https://www.facebook.com/hashtag/$1 target=_blank>$0</a>',$text);
								    // fetch url tag from post  message
								   if(isset($weblizar_data_post["posts"]['data'][$y]['message_tags']))
								   {
									  //count url tag from post message  
									$tag_size=sizeof($weblizar_data_post["posts"]['data'][$y]['message_tags']);
									 //fetch tag from  post message
										for($t=0;$t<$tag_size;$t++)
										   {
										   $ar=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"]; 
										   $br=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["id"];
										   $text=str_replace($weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"],"<a class='fb_messaage_tag' href='http://facebook.com/".$br."' target='_blank' >".$ar."</a>",$text);
										   }
								    } ?>
								   
								<div class="<?php echo esc_attr( $layout1 );?> col-sm-12 col-xs-12">
									<p class="text weblizar_fb-post_font_color">
								    <?php if (strlen(strip_tags($text)) >=250)  // post message display
										    { ?>
											<span class="weblizar_fb_teaser weblizar_fb-post_font_color"><?php echo wp_kses_post( substr( strip_tags( $text ), 0, 250 ) );?></span>
											<span class="weblizar_fb_complete weblizar_fb-post_font_color" style="display:none"><?php echo wp_kses_post( $text );?></span>
											<span data-text="...Show less" class="facebook_feed_more_page"><?php esc_html_e('...See more', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></span>
									<?php } 
									   else 
									    { ?> 
									    <span class="weblizar_fb-post_font_color"> <?php echo wp_kses_post( $text );?></span> 
								    <?php }  ?>
									</p>
							    </div>  
					      <?php }
							} ?>
							   <!--full width data display end-->
							   <!--post image data display start-->
					<?php if(isset($weblizar_data_post["posts"]['data'][$y]['full_picture'])) 
					        { ?>
					        <div class="<?php echo esc_attr( $layout2 );?> col-sm-12 col-xs-12 post-img animated gallery-img">
							    <a href=esc_url("#")  class="weblizar_fb-before-ovrly">								 	
									<span class="weblizar_span_img">
										<img  src="<?php echo esc_url( $weblizar_data_post["posts"]['data'][$y]['full_picture'] );?>"   class="img-responsive" >
									</span>
							    </a>
							    <dialog style="display:none" id="box_<?php echo esc_attr( $weblizar_data_post["posts"]['data'][$y]['id'] ); ?>" data-id="<?php echo esc_attr( $weblizar_data_post["posts"]['data'][$y]['id'] ); ?>" feed-type="post" feed-post="<?php echo esc_attr( $weblizar_data_post["posts"]['data'][$y]['type'] );?>"  >
				                    <div class="inner_box_<?php echo esc_attr( $weblizar_data_post["posts"]['data'][$y]['id'] ); ?>"></div>
				                </dialog>
						    </div>
					<?php   } // post image data display end
						
							//half width and thumbnail  width data display start
					        if($ffp_timeline_layout=='half_width' || $ffp_timeline_layout=='thumbnail')  
					        {								 
					         if(isset($weblizar_data_post["posts"]['data'][$y]['message'])) //post text message
					          {
							   $text=$weblizar_data_post["posts"]['data'][$y]['message'];
							   $reg_exUrl = "/(((http|https|ftp|ftps)\:\/\/)|(www\.))[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\:[0-9]+)?(\/\S*)?/";
							    if(preg_match($reg_exUrl, $text, $url)) 
							     {
                                 // make the urls hyper links
                                  $text=preg_replace($reg_exUrl, "<a class='fb_messaage_tag' href='".$url[0]."' target='_blank'>".$url[0]."</a> ", $text);
                                 }
								  // fetch url tag from post  message
							     if(isset($weblizar_data_post["posts"]['data'][$y]['message_tags']))
							     {
								//count url tag from post message 
								   $tag_size=sizeof($weblizar_data_post["posts"]['data'][$y]['message_tags']);
								   //fetch tag from  post message
								   for($t=0;$t<$tag_size;$t++)
								   {
									 $ar=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"]; 
									 $br=$weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["id"];
									  $text=str_replace($weblizar_data_post["posts"]['data'][$y]['message_tags'][$t]["name"],"<a class='fb_messaage_tag' href='http://facebook.com/".$br."' target='_blank' >".$ar."</a>",$text);
								   }
							      } ?>
								<div class="<?php echo esc_attr( $layout1 );?> col-sm-12 col-xs-12">
									<p class="text weblizar_fb-post_font_color">
									  <!-- // post message display-->
									<?php if (strlen(strip_tags($text)) >=250) 
									    { ?>
										<span class="weblizar_fb_teaser weblizar_fb-post_font_color"><?php echo wp_kses_post( substr( strip_tags( $text ), 0, 250 ) );?></span>
										<span class="weblizar_fb_complete weblizar_fb-post_font_color" style="display:none"><?php echo wp_kses_post( $text );?></span>
										<span data-text="<?php esc_attr_e( '...Show less', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ); ?>" class="facebook_feed_more_page"><?php esc_html_e('...See more', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></span>
								    <?php } else { ?> <span class="weblizar_fb-post_font_color" show-more-id="<?php echo uniqid();?>"> <?php echo wp_kses_post( $text );?></span> <?php }  ?>
									</p>
							    </div>  
				          <?php }
						    }   //Half width and thumbnail width data display end ?>	
								 
								    <!-- Comment and  reactions display start -->
                                <div class="col-md-12 col-sm-12 col-xs-12 bar weblizar_fb-post_background_color">
							    <?php //comment data assign to variable
							        if(isset($weblizar_data_post["posts"]['data'][$y]['comments']['data'])) { $comment=$weblizar_data_post["posts"]['data'][$y]['comments']['data']; } else {$comment="";} 
									//post share data assign to variable
									if(isset($weblizar_data_post["posts"]['data'][$y]['shares']))  { $share=$weblizar_data_post["posts"]['data'][$y]['shares']; } else {$share="";} 
									//post id data assign to variable
									if(isset($weblizar_data_post["posts"]['data'][$y]['id']))  { $id=$weblizar_data_post["posts"]['data'][$y]['id']; } else {$id="";} ?> 	
									<div class="weblizar_fb-bar-left">
									  <!-- like count display -->
			                            <span class="like weblizar_fb-post_font_color"><i class="fas fa-thumbs-o-up"></i><?php echo esc_html( $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'] );?></span>
									       <!-- post share count display -->
										<span class="share weblizar_fb-post_font_color"><a  class= "weblizar_fb-post_font_color" href="https://www.facebook.com/sharer/sharer.php?u=<?php if(isset($weblizar_data_post["posts"]['data'][$y]['link'])) { echo esc_url( $weblizar_data_post["posts"]['data'][$y]['link'] );} else { echo esc_url("#");}?>" target="_blank"><i class="fas fa-share"></i><?php  if($share !="") { echo esc_html( $share['count'] ); } else { echo esc_attr("0");} ?></a></span>
										  <!-- post view on facebook display -->
										<span class="share weblizar_fb-post_font_color"><a  class= "weblizar_fb-post_font_color" href="https://www.facebook.com/<?php echo esc_attr( $id );?>" target="_blank" class="weblizar_fb-post_font_color"><i class="fas fa-eye"></i></a></span>
	                                       <!-- post comment count display -->
										<span class="weblizar_comment accordion weblizar_fb-post_font_color"><i class="fas fa-comments-o"></i><?php if(isset($weblizar_data_post["posts"]['data'][$y]['comments']['summary']['total_count'])) { echo esc_html( $weblizar_data_post["posts"]['data'][$y]['comments']['summary']['total_count'] ); }?></span>
											<!--panel -->
										<div class="panel clearfix">
											<!--like reaction start -->
										    <p class="weblizar_fb-post-comment-likes weblizar_fb-post_font_color">
											<span class="weblizar_fb-post-reactions weblizar_fb-post_font_color">
											    <!-- like count display -->
												<span class="post-like weblizar_fb-post_font_color"><i class="fas fa-thumbs-o-up"></i><?php if(isset($weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'])) { echo esc_html( $weblizar_data_post["posts"]['data'][$y]['reactions_like']['summary']['total_count'] ); }?></span>
												<!-- love count display -->
												<span class="post-love weblizar_fb-post_font_color"><i class="fas fa-heart"></i><?php if(isset($weblizar_data_post["posts"]['data'][$y]['reactions_love']['summary']['total_count'])) { echo esc_html( $weblizar_data_post["posts"]['data'][$y]['reactions_love']['summary']['total_count'] ); } ?></span>
												<!-- haha count display -->
												<span class="post-wow weblizar_fb-post_font_color"><i class="fas fa-smile-o"></i><?php if(isset($weblizar_data_post["posts"]['data'][$y]['reactions_haha']['summary']['total_count'])) { echo esc_html( $weblizar_data_post["posts"]['data'][$y]['reactions_haha']['summary']['total_count'] ); }?></span>
											</span>		
											<span class="post-likes-text weblizar_fb-post_font_color">
										        <?php esc_html_e('people reacted to this', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
											</span>	
										     </p>
										  <!--end-like-reaction -->										  
										    <p class="weblizar_fb-post-comments weblizar_fb-post_font_color" style="color:#;">
											 <i class="fas fa-comments-o"></i>  <?php esc_html_e('Comment on Facebook', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?>
										    </p>
										  <!--comments-box-start -->
								    <?php if($comment !="")
										    {
										    $comments=sizeof($comment);
												for($c=0;$c < $comments; $c++)
												{ ?>
											    <div class="col-md-12 col-sm-12 col-xs-12 weblizar_fb-post-comment">
											     <!--comment curl url -->
												<?php $c_auther_url=esc_url("https://graph.facebook.com/").esc_attr( $comment[$c]['id'] )."?access_token=".esc_attr( $token )."";
													$c_auther_uri = wp_remote_get($c_auther_url);
													$c_auther_uri = wp_remote_retrieve_body( $c_auther_uri );
													$c_auher1 = json_decode($c_auther_uri,true);
													if(isset($c_auher1['from']['id'])) 
												    { ?>
											       <!--comment author image -->
												   <div class="col-md-1 col-sm-2 col-xs-2 weblizar_fb-post-comment-img">
													  	<a href="<?php echo esc_url("https://graph.facebook.com/").esc_attr( $c_auher1['from']['id'] );?>"><img src="https://graph.facebook.com/<?php echo esc_attr( $c_auher1['from']['id'] );?>/picture" class="fb_post_comment_img img-responsive" /></a>
												   </div>
												<?php } ?>
											        <!--comment author data -->
													<div class="col-md-11 col-sm-10 col-xs-10 weblizar_fb-post-comment-text-wrapper">
													    <div class="weblizar_fb-post-comment-text">
															<p class="weblizar_fb-post_font_color fb_post_comment_text"> 
															  <!--comment author name -->
													    <?php if(isset($c_auher1['from']['id'])) 
														       { ?>
																<a class="fb_post_comment_text_link" class="weblizar_fb-post_font_color" href="<?php echo esc_url( $c_auher1['from']['id'] );?>"><?php echo esc_html( $c_auher1['from']['name'] );?></a>
													     <?php } 
														       //comment message
	        													echo esc_html( $comment[$c]['message'] );?>
														    </p>
															<!--comment create date-->
															<span class="weblizar_fb-post_font_color"><?php esc_html_e('Posted:', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?> <?php $s = strtotime($comment[$c]['created_time']);printf( esc_html( _x( '%s Ago', '%s = human-readable time difference', WEBLIZAR_FACEBOOK_TEXT_DOMAIN ) ), human_time_diff( date( 'U', $s), current_time( 'timestamp' ) ) ); ?>
															</span>
														  <!--comment reply count-->
														    <p class="weblizar_fb-post_font_color">
															 <a href="" class="weblizar_fb-post_font_color"><i class="fas fa-reply"></i> <?php if(isset($comment[$c]['comment_count'])) {echo esc_html( $comment[$c]['comment_count'] );} else { echo esc_attr("0");}?> <?php esc_html_e('Replies', WEBLIZAR_FACEBOOK_TEXT_DOMAIN);?></a>
														    </p>
															<div class="weblizar_fb-post-comment-replies-box"></div>
													    </div>
												    </div>						
											    </div>
										   <?php } 
										    } ?>
											 <!--comments-box-end-->
										</div>
										<!--end-panel -->	
									</div>
				               </div>
							   <!-- Comment and  reactions display End -->
						</div>
			     <?php }
				   }  }?>
	                </div>
				<script>
				jQuery(document).ready(function()
				{ 
				//jQuery(".facebook_feed_more_page").click(function()
				jQuery(document).on('click', '.facebook_feed_more_page', function()
				  {
				   jQuery(this).siblings('.weblizar_fb_complete').toggle();
				   jQuery(this).siblings('.weblizar_fb_teaser').toggle();
					var oldText = jQuery(this).text();
					var newText = jQuery(this).attr('data-text');
					//alert(newText)
					if (jQuery(this).text(oldText)) {
					jQuery(this).text(newText);
					}
					else 
					{
					jQuery(this).text(oldText);
					}
					jQuery(this).attr('data-text',oldText);
				   });
				});
				</script>
					<!-- Page photo display end -->
            <div class="clearfix"> </div>
        </div>
	<?php }		
return ob_get_clean();	
}

Code file location:

facebook-by-weblizar/facebook-by-weblizar/function/facebook-feed-shortcode.php

Conclusion

Now that you’ve learned how to embed the Social LikeBox & Feed Plugin shortcodes, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *