I did almost the same thing but didn’t want to split any words. This is what I put in instead of <?php echo substr(get_the_excerpt(), 0, 200); ?>
.
<?php
/* This is the code to split the article after number of words defined in $maxWords */
// Split the excerpt at each space and load into an array
$excerptArray = explode(' ', get_the_excerpt());
// Define the maximum number of words you want to display
$maxWords = 200;
// Define the variable that will contain the final, condensed excerpt
$excerptFinal = "";
// Keep adding words into a variable from the array until $maxWords is reached
for ($i = 0; $i < $maxWords; $i++){
$excerptFinal .= $excerptArray[$i]." ";
}
// If the excerpt is greater than $maxWords, add ellipsis
if(count($excerptArray)>=$maxWords){
$excerptFinal .= "...";
}
echo $excerptFinal;
?>
I also added <p>?</p>
before the button and encased the button in paragraph tags to give a little bit of padding from the excerpt.
EDIT: I just messed around with it a bit, I had it set at max 50 characters when I did it on my page, not 200. Looks like excerpt stops at 55 anyways, so the most you should get out of that is 55 words. The only thing my code would do is limit up to the 55 and add the ellipsis.