Post Grid does not show images when using Site Builder to create the post with
-
Hi
I am a happy user of Post Grid, but have a problem with images not shown
My posts and pages are build with Site Origin Builder
If an image is within a widget then it is not shown in the Grid.
If the image is within a text block then it is shown in the Grid.
I have investigated the behavior and found the reason for it.
Site Builder Origin puts special characters into the page aroung images
Those characters need to be removed before Post Grid can find the image
So I altered the code in \includes\function.php
// Start modification Peter Smits 28-11-2019
//$post_content = $post->post_content;
$post_content = htmlspecialchars_decode($post->post_content); // Special characters are not needed !!
$first_img = ”;
ob_start();
ob_end_clean();
$output = str_replace( array( ‘\/’ ), “\\” ,$post_content); //filter the extra slashes out placed by Site Origin Builder
$output = str_replace( array( ‘src=\\’ ), ‘src=’,$output); // filter the extra slashes out placed by Site Origin Builder
$output = preg_match_all(‘/<img.+?src=[\'”]([^\'”]+)[\'”].*>/i’, $output, $matches);
if(!empty($matches[1][0])){
$first_img = $matches[1][0];
// Remove the extra slash at the end if present
if ($first_img[strlen($first_img) – 1] == ‘\\’){
$first_img=substr($first_img,0, -1) ;
}
// End modification Peter Smits 28-11-2019After that I get my images within the grid.
This code is not perfect it could possibly be improved
But I would very much like this change within the next official release
Regards,
Peter
-
Hi
Thanks for checking my change
I have improved it further to not destroy the functionality
So now a check is done to see if the SiteOrigin builder is active
Below the changes I made, after it appeard that there was an image missing
I also added comments to make it better to understand
It still will need improvement if it can be done better !$post = get_post($item_post_id);
/** $post_content = $post->post_content; */
$post_content = htmlspecialchars_decode($post->post_content,ENT_QUOTES);
$first_img = ”;
ob_start();
ob_end_clean();if ( class_exists( ‘SiteOrigin_Widgets_Bundle’ ) ){
$output = str_replace( array( ‘\/’ ), “\\” ,$post_content); // SiteOrigin adds \/ combinations
$output = str_replace( array( ‘src=\\’ ), ‘src=’,$output); // SiteOrigin adds \\
$output = str_replace( array( ‘”url”:’ ), ‘ <img src=’,$output); //SiteOrigin does change the src to url
$output = str_replace( array( ‘<img src="’ ), ‘<img src=”‘,$output); //SiteOrigin does add &< and " combinations which are not removed
$output = str_replace( array( ‘"”‘ ), ‘”‘,$output); // Remove this quot combination
$output = str_replace( array( ‘"’ ), ”,$output); // Remove this quot combination/** search for post containing SiteOrigin image */
$findme='”image”:’;
$start= strpos($post_content, $findme);
$findme = ‘,”image_fallback”‘;
$end = strpos($post_content, $findme);
$lengte= $end-$start;
$search=(substr($post_content,$start,$lengte));
/** error_log(‘Gevonden:’ .$search); */
if ($search !=””){
/** split the text */
$stringParts = explode(“:”, $search);
$firstPart = $stringParts[0];
/** copy the post_id */
$ImagePost = $stringParts[1];
/** error_log(“postNo:” .$ImagePost); */
$getimage=wp_get_attachment_image($ImagePost );if ($getimage !=””){
$output = $getimage ;
}
}
}
else {
/** no SiteOrigin image so get the matches */
$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $post_content, $matches);}
$output = preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*?>/i’, $output, $matches);
if ($output = ‘0’){
$output = preg_match_all(‘/?/i’, $output, $matches);
}if(!empty($matches[1][0])){
$first_img = $matches[1][0];
$last_char = $first_img[strlen($first_img) – 1]; // Check to see if a slash is at the end of the line
if ($last_char == ‘\\’){
$first_img=substr($first_img, 0, -1);
}
}Thanks for letting me know
Peter
- The topic ‘Post Grid does not show images when using Site Builder to create the post with’ is closed to new replies.
