pop up maker カスタマイズ

ポップアップした時のタイトルがモバイルが大きすぎるので変更


/plugins/popup-maker/templates/popup.php
15行めを下に変更

  <div id="pum_popup_title_<?php pum_popup_ID(); ?>" class="<?php pum_popup_classes( null, 'title' ); ?>" style="<?php if ( wp_is_mobile() ) : ?>
font-size:18px;
<?php else: ?>
 font-size:25px;
<?php endif; ?>">
				<i class="fas fa-search"></i> <?php pum_popup_title(); ?>
			</div>

フィルターをポップアップで追加

1. archive.php

/wp-content/themes/jstork/archive.php

#7下に変更

<h1 class="archive-title ttl-category h2">
<?php single_cat_title(); ?><div style="float:right;"><?php echo do_shortcode('<"category_filter" class="pum-trigger  popmake-"803" "  data-do-default=""><span class="btn-stitch"><i class="fas fa-search"></i> 絞り込み検索</span>'); ?></div>
</h1>  <?php echo do_shortcode('  件あります
'); ?> <?php } elseif (is_tag()) { ?>

もと

<h1 class="archive-title ttl-category h2">
<?php single_cat_title(); ?>
</h1>

2. category_filter.php ファイルを作りテーマルートに挿入

3. popupmakre でコードを作成

4. function.phpで描きコードを追加 またはsnippetsに読み込む

コンテンツ内にphpを書き出す

//phpをショートコードで読み込む
function short_php($params = array()) {
  extract(shortcode_atts(array(
    'file' => 'default'
  ), $params));
  ob_start();
  include(get_theme_root() . '/' . get_template() . "/$file.php");
  return ob_get_clean();
}

add_shortcode('myphp', 'short_php');