Elementor Pro – 번역된 팝업에서 인라인 CSS가 렌더링되지 않음

문제 개요

WPML과 함께 Elementor Pro를 사용하여 팝업을 제작하고 번역할 때, 번역된 팝업의 인라인 CSS가 올바르게 렌더링되지 않을 수 있습니다. 이로 인해 원본과 번역본 사이에 약간의 시각적 차이가 발생합니다.

임시 해결 방법

진행하기 전에 사이트의 전체 백업을 반드시 수행하세요.

• …/wp-content/plugins/elementor-pro/modules/popup/tag.php 파일을 여세요.
• 99번째 줄을 찾으세요.
• 다음 코드를:

  public function render() {
  	$settings = $this->get_active_settings();
  
  	if ( 'close' === $settings['action'] ) {
  		$this->print_close_popup_link( $settings );
  
  		return;
  	}
  
  	$this->print_open_popup_link( $settings );
  }

• 다음과 같이 변경하세요:

  public function render() {
  	$settings = $this->get_active_settings();
  
  	if ( 'close' === $settings['action'] ) {
  		$this->print_close_popup_link( $settings );
  
  		return;
  	}
  
  	// WPML Workaround for compsupp-7039
  	if ( class_exists('Sitepress') && isset($settings['popup']) ) {
  		$settings['popup'] = apply_filters( 'wpml_object_id', $settings['popup'], get_post_type($settings['popup']) , TRUE  );
  	}
  
  	$this->print_open_popup_link( $settings );
  }

모든 알려진 문제