Title: Add class to Elementor Image
Author: Eduardo Villão
Published: <strong>2021년 6월 16일</strong>
Last modified: 2026년 1월 12일

---

플러그인 검색

![](https://ps.w.org/add-class-to-elementor-image/assets/banner-772x250.png?rev=
2579528)

![](https://ps.w.org/add-class-to-elementor-image/assets/icon-128x128.png?rev=2579528)

# Add class to Elementor Image

 작성자: [Eduardo Villão](https://profiles.wordpress.org/evcode/)

[다운로드](https://downloads.wordpress.org/plugin/add-class-to-elementor-image.1.3.2.zip)

 * [세부사항](https://ko.wordpress.org/plugins/add-class-to-elementor-image/#description)
 * [평가](https://ko.wordpress.org/plugins/add-class-to-elementor-image/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/add-class-to-elementor-image/#installation)
 * [개발](https://ko.wordpress.org/plugins/add-class-to-elementor-image/#developers)

 [지원](https://wordpress.org/support/plugin/add-class-to-elementor-image/)

## 설명

You need add your custom CSS class to Elementor image widget? Me too!

So i created this simple plugin to help. Just install and use the new input in Image
widget to add your custom class.

### More plugins?

Check my other plugins: [WordPress Plugins](https://eduardovillao.me/wordpress-plugins/)

### WordPress Tips?

Check my blog: [WordPress Tips](https://eduardovillao.me/blog/)

### Plugins Suggestions?

Please, send to me: [plugins@eduardovillao.me](https://ko.wordpress.org/plugins/add-class-to-elementor-image/plugins@eduardovillao.me?output_format=md)

## 스크린샷

[⌊image custom class⌉⌊image custom class⌉[

image custom class

## 설치

 1. Install plugin in your WordPress.
 2. Open Elementor editor and use the new input in Image Widget to set custom Class.

## 후기

![](https://secure.gravatar.com/avatar/ff514bce71920b50eec118552a4f9e7385318eaa97c17c8d3ed3b7e376505e1a?
s=60&d=retro&r=g)

### 󠀁[Time Saver](https://wordpress.org/support/topic/time-saver-376/)󠁿

 [Hasan H.](https://profiles.wordpress.org/nimdaqiu/) 2026년 2월 16일

Thanks Eduardo! The plugin worked perfectly. I appreciate your contributions for
us. Keep it up!

![](https://secure.gravatar.com/avatar/1e2cfb6f4f43a6251f436615a36bb3e06e47dbae811250d0f2d6e8eb3bdeb124?
s=60&d=retro&r=g)

### 󠀁[Works perfectly!](https://wordpress.org/support/topic/works-perfectly-2864/)󠁿

 [Santiago Lope del Palacio](https://profiles.wordpress.org/sldp/) 2025년 6월 10
일

Needed to exclude some images from lazy loading in WP Rocket, but Elementor adds
classes to the parent <div>, not the image tag. This plugin solved it instantly.
Thanks, Eduardo!

![](https://secure.gravatar.com/avatar/dc4537c616e5a70db3933301c9cada1b538625282da279c54b4a07bb53d55e1c?
s=60&d=retro&r=g)

### 󠀁[Muito útil](https://wordpress.org/support/topic/muito-util-70/)󠁿

 [Caio Ferreira](https://profiles.wordpress.org/caiohferreiradev/) 2024년 7월 14
일

Excelente plugin para adicionar classes de no-lazyload em imagens. Até então a única
solução para esse problema no Elementor.

![](https://secure.gravatar.com/avatar/cef57b2f177c2fa1ff4b499f298618b0857896734c67cef7297f7c38eb940176?
s=60&d=retro&r=g)

### 󠀁[Brilliant. Just what I was looking for.](https://wordpress.org/support/topic/brilliant-just-what-i-was-looking-for-4/)󠁿

 [BlackSheep42](https://profiles.wordpress.org/blacksheep42/) 2024년 3월 26일

I use SiteGround for my hosting. It's built in caching plugin has a lazy load setting.
Unfortunately this broke a particular grid layout in my design. There is an option
to stop lazy loading on and individual basis by adding the class "skip-lazy" to 
the desired image. This plugin allowed me to do just that.

![](https://secure.gravatar.com/avatar/a80a189d2ae3d39c43d20f6fd496f47896f4f170e7f5a939e80367c818472ee2?
s=60&d=retro&r=g)

### 󠀁[Works Great. Useful.](https://wordpress.org/support/topic/works-great-useful/)󠁿

 [Mark](https://profiles.wordpress.org/markob17/) 2023년 2월 28일

Was trying to figure out way to add a class only to my featured images in my Elementor
layout for blog posts, so I can disable lazyload on them, and this plugin works 
great. Highly recommend it. That said, I ended up deciding not to use it since I
found a Functions.php code snippet that worked for my needs. I prefer to not use
additional plugins if I can help it. But if you need more granular control over 
classes on images and you use Elementor, this plugin is what you need. But if you
just need to do what I did, here's the snippet that worked for me: function db_add_class_to_single_featured_image(
$attr) { remove_filter('wp_get_attachment_image_attributes','db_add_class_to_single_featured_image');
if ( is_single() ) { $attr['class'] .= ' no-lazy'; } return $attr; } add_filter('
wp_get_attachment_image_attributes','db_add_class_to_single_featured_image');

![](https://secure.gravatar.com/avatar/39cac1218d1ff05adb5a2093ae5b2f2b9b4b04fe4d524bea706c021451dc11d9?
s=60&d=retro&r=g)

### 󠀁[Doesn’t work with background images](https://wordpress.org/support/topic/doesnt-work-with-background-images/)󠁿

 [katandmouse](https://profiles.wordpress.org/katandmouse/) 2022년 12월 20일

I was hoping to exclude background images from lazy loading, but I need to be able
to add a class to do it. This unfortunately does not do that. For my needs it's 
0 stars, but I give it 5 stars for other uses, so it's a 3 average for me.

 [ 모든 10 평가 읽기 ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/)

## 기여자 & 개발자

“Add class to Elementor Image”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이
이 플러그인에 기여하였습니다.

기여자

 *   [ Eduardo Villão ](https://profiles.wordpress.org/evcode/)

“Add class to Elementor Image”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image/contributors)
님께 감사드립니다.

[자국어로 “Add class to Elementor Image”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/add-class-to-elementor-image/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/add-class-to-elementor-image/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/add-class-to-elementor-image/)
을 [RSS](https://plugins.trac.wordpress.org/log/add-class-to-elementor-image/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.3.2

 * Changed: compatibility with WordPress 6.7.
 * Changed: code improvements.

#### 1.3.1

 * Changed: compatibility with WordPress 6.5.
 * Changed: code improvements.

#### 1.3

 * Fix: do not working on the latest versions of Elementor.
 * Changed: Compatibility with WordPress 6.3.

#### 1.2.4

 * Changed: Compatibility with WordPress 6.2.

#### 1.2.3

 * Changed: Compatibility with WordPress 6.1.

#### 1.2.2

 * Changed: Compatibility with WordPress 6.0.

#### 1.2.1

 * Fix php notice “Undefined index: cei_image_custom_class” in some cases.
 * Support to plugins translation.
 * Improve plugins header requirements.
 * Compatibility with WP 5.8.3.

#### 1.2

 * Add support to “Featured Image” Widget (Elementor PRO).
 * Compatibility with WP 5.8.

#### 1.1

 * Add support to “Image Box” Widget.

#### 1.0

 * Initial release.

## 기초

 *  버전 **1.3.2**
 *  최근 업데이트: **9개월 전**
 *  활성화된 설치 **1,000+**
 *  워드프레스 버전 ** 5.5 또는 그 이상 **
 *  다음까지 시험됨: **6.9.10**
 *  PHP 버전 ** 7.0 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/add-class-to-elementor-image/), 
   [Italian](https://it.wordpress.org/plugins/add-class-to-elementor-image/), 그리고
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/add-class-to-elementor-image/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/add-class-to-elementor-image)
 * 태그:
 * [custom class](https://ko.wordpress.org/plugins/tags/custom-class/)[elementor](https://ko.wordpress.org/plugins/tags/elementor/)
   [elementor pro](https://ko.wordpress.org/plugins/tags/elementor-pro/)[lazy load](https://ko.wordpress.org/plugins/tags/lazy-load/)
 *  [고급 보기](https://ko.wordpress.org/plugins/add-class-to-elementor-image/advanced/)

## 평점

 별 5점 만점에 4.8점.

 *  [  9/5-별점 후기     ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=4)
 *  [  1/3-별점 후기     ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/add-class-to-elementor-image/reviews/)

## 기여자

 *   [ Eduardo Villão ](https://profiles.wordpress.org/evcode/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/add-class-to-elementor-image/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://eduardovillao.me/)