Bước 1: Copy file element-logo.php từ thư mục themes > flatsome > template-parts > header > partials vào thư mục child-theme tương ứng (themes > child-theme > template-parts > header > partials)

Bước 2: Thêm thẻ H1 vào theo mẫu dưới đây

<!-- Header logo -->
<?php if(is_front_page()) : ?><h1 style="margin-bottom:0"><?php endif; ?>
<?php 
    $darklogo = get_field('dark_logo','option');
    $lightlogo = get_field('light_logo','option'); 
    $stickylogo = get_field('sticky_logo','option'); 
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?><?php echo get_bloginfo( 'name' ) && get_bloginfo( 'description' ) ? ' - ' : ''; ?><?php bloginfo( 'description' ); ?>" rel="home">
    <?php if(flatsome_option('site_logo')){
      $logo_height = get_theme_mod('header_height',90);
      $logo_width = get_theme_mod('logo_width', 200);
      $site_title = esc_attr( get_bloginfo( 'name', 'display' ) );
      if(get_theme_mod('site_logo_sticky')) echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$stickylogo.'" class="header-logo-sticky" alt="'.$site_title.'"/>';
      echo '<img width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header_logo header-logo" alt="'.$site_title.'"/>';
      //if(!get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$lightlogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
      if(get_theme_mod('site_logo_dark')) echo '<img  width="'.$logo_width.'" height="'.$logo_height.'" src="'.$darklogo.'" class="header-logo-dark" alt="'.$site_title.'"/>';
    } else {
    bloginfo( 'name' );
  	}
  ?>
</a>
<?php if(is_front_page()) : ?></h1><?php endif; ?>

Bước 3: Lưu lại kết quả và kiểm tra

Bài viết Thêm thẻ H1 vào Logo cho Website WordPress sử dụng Theme Flatsome đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.

Bước 1: Chọn nút hoặc text và đặt link để mở popup. Cấu trúc link dạng (Ví dụ): #mopopup

Bước 2: Chèn đoạn code sau đây vào trang cần hiển thị Popup

<div id="mopopup" class="lightbox-by-id lightbox-content lightbox-white mfp-hide">
//Nội dung Popup ở đây
</div>

Chú ý:

• Thẻ ID trùng với link mở popup, ở ví dụ trên là mopopup
• Nội dung Popup: Có thể là form, hình ảnh, text. . . Để dễ làm và tùy biến, nên tạo Block trong UX Blocks và chèn các nội dung phù hợp với nhu cầu, sau đó chèn Shortcode của Block Popup vào vị trí của nội dung popup.
• Nên để đoạn code popup này vào cuối trang, có thể chèn trong Flatsome > Advanced > Global Settings > Footer

Kính siêu trong https://phucanglass.com/kinh-sieu-trong/

Kính phun cát https://guongkinhthudo.vn/kinh-hai-long/kinh-phun-cat/

Việc còn lại là viết CSS để làm đẹp cho cái popup này. Chúc bạn thành công!

Bài viết Hiển thị Popup khi bấm vào nút Call to Action đã xuất hiện đầu tiên vào ngày Flatsome Tips For You.