MD Shahriar Rabby

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Developing with WordPress
    In reply to: Updating the post meta through a custom block
    MD Shahriar Rabby

    (@rabby5)

    1 month, 2 weeks ago

    Hi ,

    The method using useEntityProp is still valid — the issue is that the meta value isn’t being persisted because it’s not updated through updateMeta.

    Right now you’re reading:

    const [ meta, updateMeta ] = useEntityProp(
    'postType',
    'product',
    'meta',
    postId
    );

    …but I don’t see where testimonial is written back. Updating block attributes with setAttributes() does not save post meta. You need to explicitly update the meta object:

    onChange={

    (newValue) => {

    updateMeta({

    ...meta,

    testimonial: newValue,

    });

    }}

    Without calling updateMeta, the editor state updates locally but the meta is not saved to the REST API, so after refresh it falls back to the stored value.

    Also double-check:

    • show_in_rest => true (required for block editor)
    • correct post type slug in useEntityProp
    • no autosave vs full save confusion

    Hope this helps !

    Forum: Fixing WordPress
    In reply to: Image Blur issue
    MD Shahriar Rabby

    (@rabby5)

    1 month, 2 weeks ago

    Hi,

    This is a common situation and usually happens due to a combination of image resizing, optimization, and background scaling rather than a single issue. I have checked your Links, BG image in canva it is in good resolution for use. Here are some things you should check:

    1. Check Elementor image size settings

    When you use images (especially as background images), Elementor may load a resized version instead of the full-size image. Edit the section → Style → Background and make sure the full resolution image is selected.

    1. Verify WordPress image scaling

    WordPress automatically creates multiple image sizes on upload and may use a scaled version. Try uploading a higher-resolution image (for example 2x the display size) to prevent blurriness when using background-size: cover.

    1. Review LiteSpeed Cache image optimization

    LiteSpeed Cache can compress images or convert them to WebP with aggressive optimization settings.
    Go to:

    LiteSpeed Cache → Image Optimization

    Check:

    • Image Quality settings
    • Lossy vs lossless compression
    • WebP replacement

    Try temporarily disabling image optimization to see if quality improves.

    1. Check original image resolution vs container size

    Since your banner uses 100vh and background-size: cover, if the image resolution is smaller than the screen height/width, the browser will upscale it which causes blur. Make sure the image dimensions are large enough (e.g., 1920px+ width for full-screen banners).

    1. Disable lazy load temporarily

    Lazy loading sometimes serves lower-resolution placeholders first.

    LiteSpeed Cache → Page Optimization → Media → disable Lazy Load (for testing).

    Test each step one by one to identify which component is affecting the image quality.

    Hope this helps!

Viewing 2 replies - 1 through 2 (of 2 total)