Blog Post preview in Blog Post page

  • rgolosino

    (@rgolosino)


    9 months ago

    Good day!
    I am looking for some ideas on how we can edit the Blog Post preview in our Blog Post page?
    As we all know, we can have a glimpse of the Blog post content in our Blog post page and there’s one thing we want to change.

    We have a heading in the said blog post that we want to have a separate space/paragraph when it shows in the Blog post page.

    For example:
    The folks at Wrapbook have beautifully articulated some of the challenges with traditional Production Accounting platforms. The Problem On any production, payroll and accounting are closely linked. Data from payroll.

    Above is the content that will show on the Blog post preview, but when you open the whole Blog post,
    the word “THE PROBLEM” is a heading and after that word it should be a separate paragraph.

    So what we want to do is that, we wanted it to look like this in the Blog post preview:

    The folks at Wrapbook have beautifully articulated some of the challenges with traditional Production Accounting platforms.

    The Problem

    On any production, payroll and accounting are closely linked. Data from payroll.

    How can we achieve this setting in the Blog post preview? Is it possible to be achieved? Thank you so much!

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    It’s possible to hide or display specific content with CSS. This can be altered with JavaScript so visibility can be managed by user interaction. However, the preview is supposed to exactly match what one sees on the front end, so if The Problem shows in preview, it ought to do the same on the front end. Someone could click on The Problem and it would be replaced by the complete paragraph. Click again and the initial display is restored.

    It’s usually possible to conditionally load CSS and JS based on is_admin(), but I’m unsure if that applies to previews. However, there’s likely something in the DOM that JS could detect to differentiate preview from front end, so some kind of conditional state should be feasible. But IMO it’s inadvisable to make the preview different than front end. It’s your site, not mine, do as you wish ??

Viewing 1 replies (of 1 total)
  • The topic ‘Blog Post preview in Blog Post page’ is closed to new replies.