Bad_Egg

Bingo! I had accidentally deleted the H1 code. Oops. And what a relief that it was such a minor mistake.

I added the H heading to the subtitle, but I had to use H4: H2 was already the size used for the headline, H3 I already have customized, but the default H4 works great: https://mademers.com/time-is-no-excuse-for-our-past-sins/. Now I have a subtitle exactly where I want it.

Thank you very much for your time and trouble. I continually marvel that there exists forums like this and strangers willing to help. Now I can get to work adding subtitles to several other posts!

Cheers,
Michelle

Hi George,

That works! Many, many thanks.

But now my headline is disappearing. I think I messed up my default custom fields — on the post I was trying to create the subtitle on, I didn’t realize the custom fields were default and I deleted some. But then I realized my mistake and set them back but now I’m missing my headlines on a single post page.

Do you know where I might find the code to fix it? If not, I’ll start a separate thread. Sigh

P.S. I uploaded the screenshot to my own website and added the link — as as link, which was likely incorrect — but it was edited out by the moderators, I think. Will try again here as it shows the custom fields that remain: https://mademers.com/wp-content/uploads/SS-custom.jpg

• This reply was modified 3 years, 11 months ago by Bad_Egg.
• This reply was modified 3 years, 11 months ago by Bad_Egg.

I tried to add a screenshot via a link but it’s not working here. ??

Okay, not working. What am I doing wrong?

I copied the content-single.php to my child theme. The code to add is:

<?php
// Get custom field value
$subtitle = get_post_meta( get_the_ID(), 'your-custom-field', true );
// Display $subtitle if not empty
if ( ! empty( $subtitle ) ) {
    echo '<p class="custom-subtitle">' . $content . '</p>';
} 
?>

where ‘your custom-field” is the name of the custom field.

In my case, the name is ‘subtitle’. So I added (in the spot you indicated):

<?php
// Get custom field value
$subtitle = get_post_meta( get_the_ID(), 'subtitle', true );
// Display $subtitle if not empty
if ( ! empty( $subtitle ) ) {
    echo '<p class="custom-subtitle">' . $content . '</p>';
} 
?>

So now it looks like this:

<div class="entry-container">
		<header class="entry-header">
			<h1 class="entry-title"><?php the_title(); ?></h1>
			<?php
			// Get custom field value
			$subtitle = get_post_meta( get_the_ID(), 'subtitle', true );
			// Display $subtitle if not empty
			if ( ! empty( $subtitle ) ) {
    echo '<p class="custom-subtitle">' . $content . '</p>';
} 
?>
			<?php clean_box_entry_meta(); ?>
		</header><!-- .entry-header -->

And now my post dashboard looks like this:

I figure the problem is the code I inserted is incorrect. Please help again.
Thanks,
Michelle

• This reply was modified 3 years, 11 months ago by Bad_Egg.
• This reply was modified 3 years, 11 months ago by Bad_Egg.

Thank you, George, for taking the time to respond. Will try this and get back to you if it fails (or I fail to understand correctly – ?? ).

Michelle

And now, for reasons I truly do not understand, your plugin is adding a yellow border around all my images. I have to deactivate your plugin to remove the border.

The image in question is used in a widget. The original is 900 pixels high, but the widget makes use of the WP “Medium” version that is 300 pixels high. When I check the image through FireFox’s check image option, the image is not being downsized. This is the URL: https://mademers.com/wp-content/uploads/cover900-2-200×300.jpg.

BTW, if I upload an image that I have already optimized in Photoshop, and WP makes additional copies as per my theme’s instructions, are those copies also not then optimized? In other words, if I save my images in Photoshop at, say, level 8, then are the copies that WP makes also no better than level 8? Because if those are then compressed by Smush, then is it compressing a file that has already been compressed, thereby reducing the quality even further?

While I was able to scroll down, you should know that it doesn’t work well: you have to place your cursor at juuuuuuuust the right spot before scrolling occurs, and trying to scroll back up is just as difficult.

I was able to find the image and I optimized it, but GT Metrix still shows it as needing optimization. Ditto for all the new images I uploaded after installing this plugin. I have no idea why, whether this a bug in Metrix or my site or the plugin.

Hi Anton,

Unfortunately I cannot. There is an issue with the plugin in that when the file directory screen appears, it does not contain a scroll bar. So the subfolder I need to check is below the screen view. There does not appear to be a way to scroll down, even using the arrow buttons. I cannot attach a screenshot for you here so I have put it in here: https://mademers.com/wp-content/uploads/2018/11/Untitled-1.jpg.

Michelle

All my images display in WordPress as existing in my media library.

Most of my images are in public_html/wp-content/uploads. The rest are found in public_html/wp-content/uploads/[year]/[month]. However, all the subfolders prior to 2018 are empty except for a lone MP3 file left behind in 2015/01.

It appears that the jpegs previously held in those subfolders were moved to the root uploads folder. I am not sure why. A few years ago I changed themes and rebuilt my website, which would seem like the obvious culprit — except that I did so well before 2018. The more likely culprit would be a plugin, perhaps Adaptive Images for WordPress?

So does your plugin not work on images held in the root uploads folder?

• This reply was modified 6 years, 4 months ago by Bad_Egg.

Hi,

I ran my site through GT Metrix. Under YSlow, then “Use Cookie-free domains,” it is indicated that the following images use cookies:

https://mademers.com/wp-content/uploads/2018/10/SiteHeader2.png
https://mademers.com/wp-content/uploads/2018/10/EditingFI.jpg
https://mademers.com/wp-content/uploads/2018/10/MyBooksFI.jpg
https://mademers.com/wp-content/uploads/2018/10/PhotographyFI.jpg
https://mademers.com/wp-content/uploads/2018/06/Aftermath_thumb.jpg
https://mademers.com/wp-content/uploads/2018/10/Hall.jpg
https://mademers.com/wp-content/uploads/Wertman-e1540338275124.jpg
https://mademers.com/wp-content/uploads/2018/10/Floyd.jpg
https://mademers.com/wp-content/uploads/2018/10/Llewellyn.jpg
https://mademers.com/wp-content/uploads/cover900-2-200×300.jpg
https://mademers.com/wp-content/uploads/2018/11/Over-MeFP.jpg

These are all images that I uploaded after installing your plugin; some, like the Wertman one, were edited in WP, and one, cover900-2-200×300.jpg, appears to be a smaller image created by WP.

I don’t know what to make of this, but I have to optimize my site and also make it GDPR compliant. I am not a developer, just a regular user who now needs to learn about this.

Thanks,
Michelle

Hi,
I have no code. I am not a developer. I ran my site through GT Metrix. Under the YSlow tab, then “Use Cookie-free domains,” it is indicated that my site has 33 components that are not cookie free. These include:

https://mademers.com/wp-content/plugins/easy-social-icons/css/font-awesome/css/font-awesome.min.css?ver=4.7
https://mademers.com/wp-content/plugins/easy-social-icons/css/cnss.css?ver=1.0
https://mademers.com/wp-content/plugins/easy-social-icons/js/cnss.js?ver=1.0

I have no idea what to make of it, only that I am responsible now for ensuring GDPR compliance.

Thanks,
Michelle

Hi Radu,

Thank you again. I really appreciate your time and expertise.

Michelle

Hi Radu,

Thank you. This is exactly what I am struggling with. GT Metrix says to upload a smaller image, but if a viewer is using a Retina screen, the smaller image will look terrible. But then how to optimize the images?

And I still don’t entirely understand the whole WP 4.4+ responsive images. For example, the uploaded site header gif is 2500 x 462 pixels (2500 wide for Retina screens}. When I check the image in FireFox opened on my laptop, the image has been scaled down to 1160px × 214px. This I assume was done by the theme’s CSS?

When I check the files on the server, there is the original gif and 8 copies in the wp-content/uploads folder:

SiteHeadergif-1024×189
SiteHeadergif-1200×462
SiteHeadergif-150×150
SiteHeadergif-1680×462
SiteHeadergif-300×55
SiteHeadergif-400×300
SiteHeadergif-778×438
SiteHeadergif-800×462

The developers of the Clean Box theme tell me multiples are made of images as they are needed in different parts of the website: a thumbnail in one place while the full size in another, for example. I totally get that. And that explains why most of the above images do not maintain the image ratio. But this has nothing to do with responsive images or, I think, with the scaling down of the header in FF.

My responsive images plugin stores copies in a different folder, wp-content/cache. Here, up to four copies are made, a 1024-pixel, 640-pixel, 600-pixel, and 480-pixel version, each maintaining the image ratio, and no image upsized (so a 500-pixel image will be downsized to 480 but not upsized to 600, for example).

I do not know which, if any, of the above images are created by WP’s core responsive design. The makers of the plugin say WP is making the first 8, but only at the instructions of the theme, but that this is nothing to do with responsive design. In other words, WP’s responsive imaging is only active if the theme calls upon it, for lack of a better phrase. Is this correct? So if my theme doesn’t utilize WP’s responsive images, then one needs a plugin, yes?

Michelle

Hi Radu,

Sorry, I’ve been away from my computer for a few days…

Thank you for the offer. My home page is https://www.mademers.com. It’s indicative of a larger problem, that of image/site optimization.

I’m also dealing separately with finding a new server and then assigning a new SSL certificate. But first I was trying to figure out what, if anything, I could clean out from my servers before I move the site and proceed with further optimization. If you have time to check, great; if not, it can wait until I move the site, which will likely happen in the next few days or so.

Regards,
Michelle