Earthstoriez

Hi, thank you.

This conversation over at stackexchange helped my to understand. WordPress creates an attachment post for every media file uploaded.

mysite.com/uploads/year/month/earth is the upload url

mysite.com/hello-world/earth is the attachment permaurl.

I opted to remove attachment.

@johnny5 thank you.

I have tired to research that, but could not find any documentation. You.com AI did suggest it though.

Adding those rewrite rules in .htaccess should not hurt either, right?

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_METHOD} GET
RewriteCond %{REQUEST_URI} !^/wp-json/.*
RewriteRule ^(.*)/$ /$1 [R=301,L]

In terms of SEO, i guess i will have to remove the trailing slash form my internal links too. This should work with your other plugin “Search Regex” i believe, right?

• This reply was modified 1 year, 3 months ago by Earthstoriez.
• This reply was modified 1 year, 3 months ago by Earthstoriez.
• This reply was modified 1 year, 3 months ago by Earthstoriez.

Thank you, i will avoid to use this features of this plugin. I am pretty sure it is the reason my staging site crashed. Luckily i did not test on the live site.

Please close this as unresolved.

Thank you for understanding.

Hi @qtwrk, thank you for getting back to us.

Sure, we have a staging.earthstoriez.com site. I disabled all the plugins there, except Litespeed cache ( with our optimizations enabled) . Now the Logo has bot lazy and high fetch priority. Which does not sound very good.

<img data-lazyloaded="1" src="https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256.png" data-src="https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256.png" class="custom-logo entered litespeed-loaded" alt="Earthstoriez logo" decoding="async" fetchpriority="high" data-srcset="https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256.png 528w, https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256-470x228.png 470w, https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256-200x97.png 200w" data-sizes="(max-width: 350px) 100vw, 350px" data-ll-status="loaded" sizes="(max-width: 350px) 100vw, 350px" srcset="https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256.png 528w, https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256-470x228.png 470w, https://staging.earthstoriez.com/wp-content/uploads/2023/05/logo_528-256-200x97.png 200w" width="350" height="169">

The post featured image is only lazy loaded.

<img data-lazyloaded="1" src="https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1.jpg" data-src="https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1.jpg" class="wp-block-cover__image-background wp-post-image entered litespeed-loaded" alt="" decoding="async" data-object-fit="cover" data-srcset="https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1.jpg 663w, https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1-470x254.jpg 470w, https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1-200x108.jpg 200w" data-sizes="(max-width: 663px) 100vw, 663px" data-ll-status="loaded" sizes="(max-width: 663px) 100vw, 663px" srcset="https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1.jpg 663w, https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1-470x254.jpg 470w, https://staging.earthstoriez.com/wp-content/uploads/2014/04/treelore-earthstoriez-1-200x108.jpg 200w" width="663" height="359">

What should the expected behavior look like?

Please help me to get out the most of litespeed cache.

I managed add the aria label and title attribute using the custom html block. For reference, this adds a facebook button

<button class="facebook-button"><a   rel="noopener noreferrer" target="_blank" aria-label="Follow Earthstoriez on facebook" title="Earthstoriez facebook"><svg viewBox="0 0 512 512"><path d="M279.1 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.4 0 225.4 0c-73.22 0-121.1 44.38-121.1124.7v70.62H22.89V288h81.39v224h100.2V288z" fill=""></path></svg></a></button>

and this is the CSS to style the social button.

.facebook-button {
  display: flex;
  border: none;
  background-color: transparent;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  padding: 5px;
}


  .facebook-button:hover svg path {
    fill: #ff0000;
  }

I have now figured out how to apply the CSS utilizing the theme editor. I applied my above CCS in the styles panel, kebab menu, additional CSS. It gets displayed in the editor too. Therefore, my issue is resolved

@uxl thank you for following up.

Exactly, I want the table not to be as wide as the content area. And i want that to be default for all tables. Also displayed in the editor.

@uxl thank you for you suggestion.

I have tried to add “box-sizing: border-box;” in customize.php and then set the padding in theme.json. However, it did not apply on the front end nor the editor.

I would really love to apply the setting and CSS in theme.json, as it would be displayed in the editor and on the front end. I have found this announcement of wordpress developers where the describe how to use the CSS in the theme.json but i was not able to translate it into something that works.

Thank you @uxl,

I did not work with the CSS in theme.json. However i was able to set the CSS using the /wp-admin/customize.php panel. The bellow lines are working for me.

/*Table*/
/*Table padding*/
.wp-block-table  {
	padding-right: var(--wp--preset--spacing--20);
	padding-left: var(--wp--preset--spacing--20);
}

/*Table color*/
.wp-block-table table thead th,
.wp-block-table table tbody td {
  border: 1px solid #eaeaea;
}

Do you know the reason why it is not possible to apply padding in theme.json without the help off CSS? According to reference-guides it should be possible.

Many thanks for your help.

• This reply was modified 1 year, 6 months ago by Earthstoriez. Reason: Added information

Never mind I found out how to do it.

Login to your site adding /wp-admin/customize.php, then use the CSS provided at GitHub.