Using PHP inside Tailwind?

  • rsheppard83

    (@rsheppard83)


    2 years, 7 months ago

    Can anyone help with best way to use a wp media image inside a tailwind class?

    <div class"bg-[url('<?php echo wp_get_attachment_image_src(19); ?>')]">
...
</div>

    This doesn’t work unless I expressively enter the url but I want the image to be entered dynamically.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    2 years, 7 months ago

    How would PHP code dynamically know what image URL to return? Obviously you could specify the ID directly, but that wouldn’t be very dynamic.

    Thread Starter rsheppard83

    (@rsheppard83)

    2 years, 7 months ago

    Sorry maybe I didn’t explain very well. I’m doing it by id as I know what image I want to load but want it from the media library to get responsive image sizes rather than linking to specific image file statically.

    MK

    (@mkarimzada)

    2 years, 7 months ago

    Since Tailwind’s arbitrary properties uses relative path, I suggest to create a custom function that trims domain name from attachment url.

    See below:

    function return_attachment_relative_path($attachment_id, $size) {
	return explode(site_url(), wp_get_attachment_image_src($attachment_id, $size)[0])[1];
}

    Then you can echo the url:

    echo esc_url(return_attachment_relative_path(19, 'thumbnail'));

    I hope this helps.

    • This reply was modified 2 years, 7 months ago by MK. Reason: escaped url
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Using PHP inside Tailwind?’ is closed to new replies.