0

I'm trying to hide the read more button somehow based on character count, the button should only appear on long posts. But since I also control the button with css, maybe I need to hide it based on the height setting of the content, not the number of characters. (I'm not sure about that)

First of all, the number of characters is checked with this code in functions.php

add_filter('excerpt_length', 'my_excerpt_length'); function my_excerpt_length($length) { return 100;

Content.php file contains summary and button

 <div class="news-main"> <?php the_excerpt(); ?> </div>

I open a different div underneath it and add a button.

<div class="news-read"> <a href="<?php echo get_permalink($post->ID); ?>" target="_blank" rel="noopener" class="Read">Read More</a> </div>

Then I check the news-main that is the summary area, in css

.news-main { overflow: hidden; max-height:255px }

The purpose of defining this css is to break the summary right at the end of the line. This way, when the character limit is reached, half a line is not displayed at the bottom.

The reason why I opened the content.php ”news-read” class was to be able to define this css definition. Because if I don't move the button to a different div, the height setting in css hides the button completely. I understand that the button needs to be somehow linked to the character count or hidden according to the height setting in the css. Because the button is in a completely different div.

How can I somehow hide this button according to the height setting or the number of characters?

EDIT About the code written by @Studio Wai

I noticed that the code partially works. However, this code behaves a little strangely. If I set the character limit in functions.php to 150 and the character limit in content.php to 999, the code works as expected for me. It depends on functions.php, but the character limit in content.php needs to be set differently. (Maybe it's because of the strlen definition, I'm not sure)

The character limit in functions.php can be 150 or 200, but accordingly the character limit in content.php should also be set like the golden ratio. Otherwise, the button will not be displayed in some long posts.I think there are two possibilities why the code is behaving contradictorily; first, the code is not actually looking at what is in another file, and second, the theme's excpert functions... (The number of characters is actually managed in functions.php and conflicts with the limit in content in php. So the two limits work together. And so the code quality may not be considered good). It is not a code that can be run directly in projects like my project.

Also, in order for the code to work even partially, it needs to be placed in the "news-read" div

 <div class="news-read"> <?php if ($excerpt_length >= $excerpt_limit) : ?> <a href="<?php echo get_permalink($post->ID); ?>" target="_blank" rel="noopener" class="Read">Read More</a> <?php endif; ?> </div>

It may give ideas to those working on a similar project. However, it is useful to know that it does not work stably.

The version I am running in its unstable form is as follows

functions.php

function my_excerpt_length($length) { return 150; // Set excerpt length to 100 words } add_filter('excerpt_length', 'my_excerpt_length', 20, 1);

content.php

<div class="news-main"> <?php the_excerpt(); ?> <?php $excerpt = get_the_excerpt(); $excerpt_length = strlen($excerpt); $excerpt_limit = 999; // Match the limit set in functions.php?> </div> </div> </div> <div class="news-read"> <?php if ($excerpt_length >= $excerpt_limit) : ?> <a href="<?php echo get_permalink($post->ID); ?>" target="_blank" rel="noopener" class="Read">Read More</a> <?php endif; ?> </div>

Thanks for the idea though

Improve this question

1 Answer 1

Reset to default
0

This checks the number of characters and hide the button server-side in content.php:

<?php $excerpt = get_the_excerpt(); $excerpt_length = strlen($excerpt); $excerpt_limit = 100; // Match the limit set in functions.php // only for debugging: var_dump($excerpt); var_dump($excerpt_length); ?> <div class="news-main"> <?php the_excerpt(); ?> </div> <?php if ($excerpt_length >= $excerpt_limit) : ?> <div class="news-read"> <a href="<?php echo get_permalink($post->ID); ?>" target="_blank" rel="noopener" class="Read">Read More</a> </div> <?php endif; ?>

If your file contains the_excerpt();, comment it out.

<?php // the_excerpt(); ?>

Edit:

Your output looks fine. Can you please remove my code and replace it with <?php the_excpert(); ?> again.

Please update your code in your functions.php:

function my_excerpt_length($length) { return 100; // Set excerpt length to 100 words } add_filter('excerpt_length', 'my_excerpt_length', 20, 1);

Your function should be defined before calling add_filter(). Otherwise, PHP may throw an error if it can't find my_excerpt_length.

If another plugin or theme is overriding excerpt_length with a later priority, your function might not take effect. Therefore add 20, 1

Improve this answer
6
  • Doesn't seem to be working... First, I matched the limit to the number of characters in the functions.php file. 1) I tried replacing the code in the first content.php above with this code. 2) I placed the code in the first paragraph starting with "$excerpt" above the already existing "news-main" class without touching it. Then I placed the last paragraph of code at the bottom of the file. In short, even though I tried changing the code between the divs over and over again, I couldn't get it to work. As a result, the button is not hidden. Commented Mar 12 at 21:20
  • I checked again and made sure it wasn't working. I pasted the code directly. I also repositioned it multiple times between divs and rows. The button is not hidden in any way in short posts. (class names are as I gave in this title, there are no mistakes in the class names) It seems that the button fails to bind to the character limit and works independently. So somewhere in the code, it seems like something is missing for this project, it cannot be connected to the button. Have you reviewed the code again? Commented Mar 12 at 22:55
  • Can you display the result of var_dump() here? <?php $excerpt = get_the_excerpt(); $excerpt_length = strlen($excerpt); $excerpt_limit = 100; var_dump($excerpt); var_dump($excerpt_length); ?> Commented Mar 13 at 11:27
  • I added the debugging code in my example. Please copy it 1:1 and remove the_excerpt(); from your file. If you use "the_excerpt()", it will execute immediately, so "get_the_excerpt()" will not work correctly. Commented Mar 13 at 18:46
  • Even if I remove the_excerpt the result did not change. Here is the code added to the excerpt that need to be hidden: string(1027) and int(335) etc... Also, can you take a look at the screenshot above again? Accordingly, what codes should go inside the </article> div? (Please note that according to this topic the button must go outside the </article> div element). Commented Mar 13 at 19:26

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.