WordPress.org টিউটোরিয়াল : Social Buttons

20
480

আমরা সব সময়ই দেখি WordPress সাইটগুলোর পোস্টে Facebook Like Button, Twitter Tweet Button, Google +1 Button ইত্যাদি থাকে। এগুলো আপনার সাইটের জনপ্রিয়তা বাড়াতে সাহায্য করে। কারণ, আপনি যখন সেই পোস্ট Like করবেন বা Tweet করবেন সেটা Facebook ও Twitter-এ আপনার বন্ধুরা দেখতে পাবে। ফলে তারাও ঐ পোস্ট দেখতে আসবে। Google +1-এর ক্ষেত্রেও একই কথা প্রযোজ্য।

 

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

এখন দেখি কিভাবে এটা আপনার সাইটে যোগ করবেন। দু’ভাবে করা যায়।

  • Plugin ব্যবহার করে Social Buttons যোগ করা।
  • Manually Coding ব্যবহার করে Social Buttons যোগ করা।

Plugin ব্যবহার করে Social Buttons যোগ করা

Plugin ব্যবহার করে কিভাবে এটা করবেন সেটা আমি বলবো না। একটু খুঁজলেই বহু Plugin পেয়ে যাবেন যেটা দিয়ে এগুলো করা যায়।

তবে বেশি Plugin ব্যবহার করলে আপনার সাইট Slow হয়ে যেতে পারে। তাই Plugin ব্যবহার না করে তার বদলে Manually যত বেশি Code ব্যবহার করতে পারবেন তত ভালো।

 

Manually Coding ব্যবহার করে Social Buttons যোগ করা

  • আপনার WordPress সাইটে Login করুন।
  • Dashboard-এ যান।
  • “Appearance” মেনু-এর সাবমেনু “Editor”-এ যান।
  • যে Theme ব্যবহার করছেন তার “functions.php” সিলেক্ট করুন।
  • একদম নিচে এই Code-গুলোর যেকোন একটি যোগ করে দিন।
পোস্ট বা পেজের উপরে একটার নিচে একটা বাটনের জন্য নিচের কোডটি ব্যবহার করুন।
/*-----------------------------------------------------------------------------------*/
/* Social Buttons
/*-----------------------------------------------------------------------------------*/
add_action('the_content', 'social_buttons');
function social_buttons($content){
 if(!is_feed() && !is_home()) {
  $social .= '<div class="share-this">
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
   <div class="plusone"><g:plusone size="medium" annotation="inline" href="'.get_permalink().'"></g:plusone></div>
   <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
   <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
   <div class="facebook-share-button">
    <iframe src="http://www.facebook.com/plugins/like.php?href='.urlencode(get_permalink(get_the_ID())).'&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
   </div>
  </div>';
 }
 return $social . $content;
}
পোস্ট বা পেজের নিচে একটার নিচে একটা বাটনের জন্য নিচের কোডটি ব্যবহার করুন।
/*-----------------------------------------------------------------------------------*/
/* Social Buttons
/*-----------------------------------------------------------------------------------*/
add_action('the_content', 'social_buttons');
function social_buttons($content){
 if(!is_feed() && !is_home()) {
  $social .= '<div class="share-this">
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
   <div class="plusone"><g:plusone size="medium" annotation="inline" href="'.get_permalink().'"></g:plusone></div>
   <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
   <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
   <div class="facebook-share-button">
    <iframe src="http://www.facebook.com/plugins/like.php?href='.urlencode(get_permalink(get_the_ID())).'&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
   </div>
  </div>';
 }
 return $content . $social;
}
পোস্ট বা পেজের উপরে একটার পাশে আরেকটা বাটনের জন্য নিচের কোডটি ব্যবহার করুন।
/*-----------------------------------------------------------------------------------*/
/* Social Buttons
/*-----------------------------------------------------------------------------------*/
add_action('the_content', 'social_buttons');
function social_buttons($content){
 if(!is_feed() && !is_home()) {
 $social .= '<div class="share-this">
<table border="0" width="100%">
<tr>
<td style="border-width: 0px;">
 <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
<td style="border-width: 0px;">
 <iframe src="http://www.facebook.com/plugins/like.php?href='.urlencode(get_permalink(get_the_ID())).'&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
</td>
<td style="border-width: 0px;">
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <div class="plusone"><g:plusone size="medium" annotation="inline" href="'.get_permalink().'"></g:plusone></div>
</td>
</tr>
</table>
 </div>';
 }
 return $social . $content;
}
পোস্ট বা পেজের নিচে একটার পাশে আরেকটা বাটনের জন্য নিচের কোডটি ব্যবহার করুন।
/*-----------------------------------------------------------------------------------*/
/* Social Buttons
/*-----------------------------------------------------------------------------------*/
add_action('the_content', 'social_buttons');
function social_buttons($content){
 if(!is_feed() && !is_home()) {
 $social .= '<div>
<table border="0" width="100%">
<tr>
<td style="border-width: 0px;">
 <a href="http://twitter.com/share" data-count="horizontal">Tweet</a>
 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
<td style="border-width: 0px;">
 <iframe src="http://www.facebook.com/plugins/like.php?href='.urlencode(get_permalink(get_the_ID())).'&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
</td>
<td style="border-width: 0px;">
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <div><g:plusone size="medium" annotation="inline" href="'.get_permalink().'"></g:plusone></div>
</td>
</tr>
</table>
 </div>';
 }
 return $content . $social;
}
  • “Update File”-এ ক্লিক করে Save করে বের হয়ে আসুন।
  • আপনার সাইটে কোন Page বা Post-এ গিয়ে দেখুন।
  • দেখবেন Google +1, Twitter Tweet ও Facebook Like Buttons যোগ হয়ে গেছে।

 

এটা পদ্ধতিটা SEHA সাইটের জন্য কাজ করার সময় আমি খুঁজে বের করি।

আজ এ পর্যন্তই।

আগামীতে WordPress 3.3.1 -এর Admin Bar Customization সম্পর্কে লেখা নিয়ে আসবো।

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

20 মন্তব্য

  1. Admin Bar Customization সম্পর্কে লেখার অপেক্ষায় থাকলাম /

  2. ট্রিপল এসঃ ভাই আমি আমার কথার জবাব কিন্তু পাইনাই । দয়া করা একটু বলেন , আবার লেখলাম (আমাকে একটু হেল্প করেন , আমি করতে পারলাম না , করতে গেলে ( Parse error: syntax error, unexpected $end in /home/u565494740/public_html/wp-content/themes/esplanade/functions.php on line 2081 ) এই লেখা আসে ,)

  3. vi amare apnara kew ke help korte parben aktu….
    Wordpress dia akta website create korsilam http://absjabed.co.cc
    Aktu jai dakhen to site tate plz
    Prblm ta ami bujte partase na
    Aktu bole dile upokar hoito…,

  4. আমাকে একটু হেল্প করেন , আমি করতে পারলাম না , করতে গেলে ( Parse error: syntax error, unexpected $end in /home/u565494740/public_html/wp-content/themes/esplanade/functions.php on line 2081 ) এই লেখা আসে ,

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

eleven − 8 =