ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: krite2010 ที่ 21 เมษายน 2017, 21:02:41



หัวข้อ: แก้ code ใน Wp อย่างไรครับแนะนำด้วยครับ
เริ่มหัวข้อโดย: krite2010 ที่ 21 เมษายน 2017, 21:02:41
คือ จะแก้ code นะครับเพิ่ม การ Share ใน Line@ ทำอย่างไร ครับ แนะนำด้วย ขอบคุณมากครับ
โค๊ด:
function product_sharing() {
global opt;
if(!empty($vela_opt['enable_quickview'])){
if(isset($_POST['data'])) { // for the quickview
$postid = intval( $_POST['data'] );
} else {
$postid = get_the_ID();
}

$share_url = get_permalink( $postid );

$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $postid ), 'large' );
$postimg = $large_image_url[0];
$posttitle = get_the_title( $postid );
?>
<div class="social-sharing">
<div class="widget widget_socialsharing_widget">
<h3 class="widget-title"><?php if(isset($vela_opt[&#39;product_share_title&#39;])) { echo esc_html($vela_opt[&#39;product_share_title&#39;]); } else { esc_html_e(&#39;Share this product&#39;, &#39;vela&#39;); } ?></h3>
<ul class="social-icons">
<li><a class="facebook social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo &#39;[url]https://www.facebook.com/sharer/sharer.php?u=&#39;.[/url]$share_url; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__(&#39;Facebook&#39;, &#39;vela&#39;); ?>"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo &#39;[url]https://twitter.com/home?status=&#39;.[/url]$posttitle.&#39;&nbsp;&#39;.$share_url; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__(&#39;Twitter&#39;, &#39;vela&#39;); ?>" ><i class="fa fa-twitter"></i></a></li>
<li><a class="pinterest social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo &#39;[url]https://pinterest.com/pin/create/button/?url=&#39;.[/url]$share_url.&#39;&amp;media=&#39;.$postimg.&#39;&amp;description=&#39;.$posttitle; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__(&#39;Pinterest&#39;, &#39;vela&#39;); ?>"><i class="fa fa-pinterest"></i></a></li>

<li><a class="gplus social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo &#39;[url]https://plus.google.com/share?url=&#39;.[/url]$share_url; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__(&#39;Google +&#39;, &#39;vela&#39;); ?>"><i class="fa fa-google-plus"></i></a></li>
<li><a class="linkedin social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo &#39;[url]https://www.linkedin.com/shareArticle?mini=true&amp;url=&#39;.[/url]$share_url.&#39;&amp;title=&#39;.$posttitle; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__(&#39;LinkedIn&#39;, &#39;vela&#39;); ?>"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>


หัวข้อ: Re: แก้ code ใน Wp อย่างไรครับแนะนำด้วยครับ
เริ่มหัวข้อโดย: superjak ที่ 21 เมษายน 2017, 22:32:21
ใช้ปลักอินช่วยไม่ง่ายกว่าเหรอครับ seed social  ก็แชร์ไปยังไลน์ได้
หรือไปก็อปปี้โค๊ดจาก https://www.addthis.com  เอา ก็น่าจะง่ายกว่าเขียนเอง


หัวข้อ: Re: แก้ code ใน Wp อย่างไรครับแนะนำด้วยครับ
เริ่มหัวข้อโดย: subport ที่ 21 เมษายน 2017, 22:58:30
น่าจะแชร์ผ่าน Line  ไหมครับ


เพิ่มใต้
<li><a class="linkedin social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo 'https://www.linkedin.com/shareArticle?mini=true&amp;url='.$share_url.'&amp;title='.$posttitle; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__('LinkedIn', 'vela'); ?>"><i class="fa fa-linkedin"></i>

=== โดยพิมพ์ว่า ===


<li><a class="facebook social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo 'https://lineit.line.me/share/ui?url='.$share_url; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__('Facebook', 'vela'); ?>"><i class="fa fa-facebook"></i></a></li>

เปลี่ยน css ด้วยนะครับ
ผมแค่เปลี่ยน ลิงก์ทีแชร์ออก


==


หรือใช้ plugin นี้ก็ได้ครับ

https://th.wordpress.org/plugins/seed-social/ สะดวกรวดเร็ว


หัวข้อ: Re: แก้ code ใน Wp อย่างไรครับแนะนำด้วยครับ
เริ่มหัวข้อโดย: krite2010 ที่ 22 เมษายน 2017, 12:14:14
น่าจะแชร์ผ่าน Line  ไหมครับ

=== โดยพิมพ์ว่า ===


<li><a class="facebook social-icon" href="javascript:void(0)" onclick="javascript:window.open('<?php echo '[url]https://lineit.line.me/share/ui?url='.[/url]$share_url; ?>', '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); return false;" title="<?php echo esc_attr__('Facebook', 'vela'); ?>"><i class="fa fa-facebook"></i></a></li>

เปลี่ยน css ด้วยนะครับ
ผมแค่เปลี่ยน ลิงก์ทีแชร์ออก


ตัวเว็บ : http://www.webtest.iallvintage.com/
สอบถามครับคือ รู้สึกแปลก Facebook social - icon ไม่มี icon line ทำไงละครับ


หัวข้อ: Re: แก้ code ใน Wp อย่างไรครับแนะนำด้วยครับ
เริ่มหัวข้อโดย: subport ที่ 22 เมษายน 2017, 13:38:26
ต้องเขียน CSS ขึ้นมาใหม่ครับ

ลองเข้าไปค้นใน css โดยการ inspect element ในลิงก์ที่แชร์บนโปรดักซ์ครับ ลองดู source css
แต่ให้ผมเดาน่าจะอยู่ที่ theme ครับ