[Resolved] Reading Time Dynamic Field in Post Meta

[Puneet]

Hi
I am using Post meta as the image below.

https://snipboard.io/cZ62oA.jpg

post link: https://manoftech.com/wordpress-com-review/

I just need to add reading time to it. I used the filter below given by Tom from another post.

`

function tu_estimated_reading_time() {
$post = get_post();
$content = $post->post_content;
$wpm = 300; // How many words per minute.

$clean_content = strip_shortcodes( $content );
$clean_content = strip_tags( $clean_content );
$word_count = str_word_count( $clean_content );
$time = ceil( $word_count / $wpm );

return $time . ‘ minutes’;
}

add_filter( ‘generate_post_date_output’, function( $output ) {
$output .= ‘

Reading time: ‘ . tu_estimated_reading_time() . ‘

‘;

return $output;
} );

The question is, how do I add reading time to the post meta designed using the dynamic option in elements via generateblocks?

Regards,
Puneet

[David]

Hi there,

see this topic – it provides the same thing but as a shortcode:

https://generatepress.com/forums/topic/how-to-move-an-element-below-a-certain-element/#post-2123998

Look for this line:

$time ='<div class="read-time"><span class="gp-icon">•</span>Reading time: '. ceil( $word_count / $wpm ) . ' minutes'. '</div>';

Change that to:

$time ='Reading time: '. ceil( $word_count / $wpm ) . ' minutes';

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Puneet]

It’s showing with a shortcode, but how do I control the padding around it within generateblocks element. I would need a bit of padding on the left.

[David]

Add the shortcode inside of a GB Headline Block, the output from the shortcode will respect the headline blocks styles

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Puneet]

Hi David,
Thanks again. It worked perfectly. Though I wonder why I couldn’t think of that…lol. I have a lot to learn clearly. Thanks a ton again.

Regards,
Puneet

[David]

Glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Puneet]

Oops,
Sorry, I forgot to ask another query. If I add social icons from the generateblocks template library, what URL do I add to them to make them social share icons and not follow buttons? We can use Facebook and Twitter as an example here. Thanks,

Regards,
Puneet

[David]

Unfortunately thats not possible. You would need to use a social sharing plugin for that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Puneet]

I am using a social sharing plugin. I was thinking of adding a custom button near the featured image or with the post meta. Something like this:-

https://snipboard.io/9j7g45.jpg

I can place the icons but don’t know how to use them as share buttons.

Regards,
Puneet

[David]

The Icons added by a GB Button or Headline block can only link to static URLs, they can’t be converted to social shares without hijacking them with some Javsascript which is out of our scope.

Just add your social share icons using the plugin shortcode – if need be i can help with some CSS to position them

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Puneet]

Thanks David,
Probably get to it later. Thanks again,

Regards,
Puneet

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts