Tiago

Hi Darren

I checked the documentation, but as a non-developer, this seemed too complex for me.
I ended up using a simpler plugin that just needs to be added as a block on my template(s). No configuration at all and does the job.

I appreciate your reply and trying to help me!

I don’t know if this is somehow relevant to the “Read More” issue, but let me share it anyway. I know ChatGPT is not the most reliable thing, but as a non-developer myself, I was able to do some things with it. A lot of headaches, yes, a lot of mistakes by ChatGPT, but after a few attempts (and some basic knowledge on my end to know how to ask certain things), I was able to build some simple things with HTML, CSS, JavaScript.

For this particular case I asked it to do what I described above and to apply it to a category called “Photography” (as an example). Here’s what it offered me, if you know how to check if it’s valuable information or not:

Step 1: Create or Edit the Category Template

First, create a category template for the “Photography” category if it doesn’t already exist. This will be a PHP file named category-photography.php. Place this file in your theme directory.

<?php
get_header(); // Include the header

if ( have_posts() ) :
    while ( have_posts() ) :
        the_post(); 
?>
    <div class="post-content">
        <div class="post-excerpt">
            <?php echo wp_trim_words(get_the_content(), 10, '...'); ?>
        </div>
        <div class="post-full-content" style="display: none;">
            <?php the_content(); ?>
        </div>
        <a href="javascript:void(0);" class="read-more">Read More</a>
    </div>
<?php
    endwhile;
else :
    echo '<p>No posts found</p>';
endif;

get_footer(); // Include the footer
?>

Step 2: Add CSS

Add the following CSS to your theme’s style.css file or via the Customizer (Appearance > Customize > Additional CSS) – (I know this is outdated with the new Site Editor, but that’s what GPT suggested):

.post-full-content {
    display: none;
}

Step 3: Add JavaScript

Add the JavaScript to handle the “Read More” functionality. To ensure it only runs on the “Photography” category page, enqueue the script conditionally in your theme’s functions.php file:

function custom_read_more_script() {
    if (is_category('photography')) {
        ?>
        <script>
        document.addEventListener("DOMContentLoaded", function() {
            var readMoreLinks = document.querySelectorAll('.read-more');
            readMoreLinks.forEach(function(link) {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    var postContent = this.previousElementSibling;
                    if (postContent.style.display === "none") {
                        postContent.style.display = "block";
                        this.innerText = "Read Less";
                    } else {
                        postContent.style.display = "none";
                        this.innerText = "Read More";
                    }
                });
            });
        });
        </script>
        <?php
    }
}
add_action('wp_footer', 'custom_read_more_script');

——-

Now I know that even if this works (most definitely with some changes to the code), how would I be able to do this and still be able to update my theme? I always had a hard time full understanding the Child Theme concept and always relied on plugins, but I had issues in the past when trying to do it.

“great” support… 5 days and not a single reply from them.

Hi @gappiah

Thank you for the quick reply.
I’m sorry, but either something must have changed or I was doing something else in the past, but now that I tested it again, it actually shows me the files… weird.

I truly remember adding folders and images to older installations and I would get the 404 error so all this time I thought that any extra folder/files added to a directory with WordPress installed, wouldn’t show up. I guess I was wrong…

At least it seems that I can now install phpBB inside a /forum directory 🙂

I appreciate your time and thank you for pushing me to testing it again!

@bensibley
You’re the best! Really appreciate you sharing this. Worked like a charm and thank you for sharing the theme with the world! 🙂

Hi @anlino

I totally understand, no worries.
I was able to find this plugin that allows custom CSS per post:
https://ww.wp.xz.cn/plugins/blocks-css/

Or if I want to add that globally, instead of a child theme (I tried a plugin and it messed with my styles, for some reason), I can just add that to the Additional CSS panel inside Customize:

.wp-block-table tbody > tr:nth-child(even) > td,
.wp-block-table tbody td {
background: #fff;
border: 1px solid;
}

Thank you for your time and reply, though. 🙂

• This reply was modified 4 years, 1 month ago by Tiago.

Thanks for the link @t-p
Looking at the screenshots (I haven’t installed the plugin yet) it seems that it doesn’t do what I would like it to do which is adding a list of all my tags on the sidebar when I’m creating a new post or page. Look at the right hand side of this image and you will see that there’s no list of tags:
https://ps.w.org/simple-tags/assets/screenshot-5.png?rev=2549065