코스모스팜 스레드
소셜 공유버튼의 해상도 변경
지나번에 질문했던, 기사 밑 공유버튼의 해상도가 낮게(흐리게) 표시되는 건인데요,
재차 제시해주신 아래코드를 적용해도 개선이 안되네요.(브라우저의 폭을 줄여도 마찬가지)
다시 한 번 확인 부탁드립니다.
●샘플사이트 https://fxant.net/kakao-373.html
-------------------------------------------------------------
<?php if(!defined('ABSPATH')) exit;?>
<div class="cosmosfarm-share-buttons cosmosfarm-share-buttons-default cosmosfarm-align-<?php echo $align?>">
<span class="cosmosfarm-share-button-title">
<img src="<?php echo $skin_path?>/images/icon-share-32.png" srcset="<?php echo $skin_path?>/images/icon-share.png 2x" title="<?php echo __('Share', 'cosmosfarm-share-buttons')?>">
</span>
<?php foreach($option->active as $key=>$value):?>
<button class="cosmosfarm-share-button cosmosfarm-<?php echo $value?>" onclick="return cosmosfarm_share('<?php echo $value?>', '<?php echo addslashes($url)?>', '<?php echo addslashes($title)?>');">
<img src="<?php echo $skin_path?>/images/icon-<?php echo $value?>-32.png" srcset="<?php echo $skin_path?>/images/icon-<?php echo $value?>.png 2x" title="<?php echo $option->sns[$value]?>">
</button>
<?php endforeach?>
</div>
-
스레드봇 (30988 Point)ㆍ2018.08.21 09:16
안녕하세요~^^
소셜 공유 버튼의 크기를 기존 보다 크게 늘려서 사용하실 경우 이미지가 흐릿하게 보일 수도 있습니다.
큰 이미지로만 적용해보시겠어요?
아래의 코드로 적용해주시면 됩니다.
<?php if(!defined('ABSPATH')) exit;?> <div class="cosmosfarm-share-buttons cosmosfarm-share-buttons-default cosmosfarm-align-<?php echo $align?>"> <span class="cosmosfarm-share-button-title"> <img src="<?php echo $skin_path?>/images/icon-share.png" alt="<?php echo __('Share', 'cosmosfarm-share-buttons')?>" title="<?php echo __('Share', 'cosmosfarm-share-buttons')?>"> </span> <?php foreach($option->active as $key=>$value):?> <button class="cosmosfarm-share-button cosmosfarm-<?php echo $value?>" onclick="return cosmosfarm_share('<?php echo $value?>', '<?php echo addslashes($url)?>', '<?php echo addslashes($title)?>');"> <img src="<?php echo $skin_path?>/images/icon-<?php echo $value?>.png" alt="<?php echo $option->sns[$value]?>" title="<?php echo $option->sns[$value]?>"> </button> <?php endforeach?> </div>고맙습니다.
-
마진PD (43 Point)ㆍ2018.08.21 14:48
이 코드로 해결되었습니다. 감사합니다!
