موضوعات وبسایت : آموزشی
آموزش امنیت اینستاگرام

اشتراک گذاری مطالب در وردپرس بدون افزونه

اشتراک گذاری مطالب در وردپرس بدون افزونه

نویسنده : شهلا رنجبر | زمان انتشار : 25 اسفند 1399 ساعت 10:10

آموزش امنیت اینستاگرام

تاریخ انتشار 1 سپتامبر 2015

با سلام خدمت تمام وردپرسی های عزیز و گرام ی .امروز با یک آموزش پرکارد و مهم دیگعه از سایت پاتوق وردپرس در خدمت شما هستیم!!!

همه ما هنگام دیدن از سایت های مختلف با دکمه هایی اشتراک گذاری  آشنا شده ایم و دیده ایم این دکمه ها رو این دکمه ها فوق العاده هم هستند.دکمه های اشتراک و مخصوصا اصل اشتراک گذاری در بحث سئو فوق العاده مهم است!!همانطور که میدانیم مهم ترین چیز در یک سایت داشتن سئو فوق العاده عالی است و اشتراک گذاشتن مطالب مختلف در سایت های مختلف نوعی امتیاز به حساب اومده و باعیث افزایش سئو و افزایش رنک سایت شما میشود پس شک نکنید داشتن دکمه های اشتراک گذاری جدای از داشتن سئو نیز باعث زیبایی و کامل شدن سایت شما نیز میشو.اما چیز دیگه ای که مهم است اینه که افزونه های مختلفی برای اشتراک گذاری وجود دارند اما چرا با نصب افزونه های مختلف سایت خود را سنگین و سرعت آن را کاهش بدهیم ( که خود نوعی ضعف در سئو است ) ما آموزشی قرار داده ایم که توسط این آموزش شما این دکمه های را بدون افزونه به وب سایت خود اضافه کنید!!!

برای اولین کار  کد های زیر را در محلی که میخواهید دکمه ای اشتراک گذاری باشند در پوسته خود قرار دهید!!

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<div class="social">

اشتراکگذارینوشتهدر:

<!–Twitter–>

<div class="icons">

<aclass="twitter"href="https://twitter.com/home?status=Reading: <?phpthe_permalink();?>"title="Share this post on Twitter!"target="_blank">Twitter</a>

<!–Facebook–>

<aclass="facebook"href="https://www.facebook.com/sharer.php?u=<?phpthe_permalink();?>&t=<?phpthe_title();?>"target="_blank">Facebook</a>

<!–Google Plus–>

<aclass="google-plus"target="_blank"href="https://plus.google.com/share?url=<?phpthe_permalink();?>"onclick="window.open(‘https://plus.google.com/share?url=<?phpthe_permalink();?>’,’gplusshare’,’width=600,height=400,left=’+(screen.availWidth/2-225)+’,top=’+(screen.availHeight/2-150)+”);return false;">Google+</a>

<!–Reddit–>

<aclass="reddit"href="http://www.reddit.com/submit?url=<?phpthe_permalink();?>&amp;title=<?phpthe_title();?>"title="Reddit"rel="nofollow"target="_blank">Reddit</a>

<!–Stumbleupon–>

<aclass="stumbleupon"href="http://www.stumbleupon.com/submit?url=<?phpthe_permalink();?>&amp;title=<?phpthe_title();?>"title="Stumble it"rel="nofollow"target="_blank">Stumble it</a>

<!–Digg–>

<aclass="digg"href="http://digg.com/submit?url=<?phpthe_permalink();?>&amp;title=<?phpthe_title();?>"title="Digg this!"rel="nofollow"target="_blank">Digg this!</a>

<!–Linkedin–>

<aclass="linkedin"href="http://www.linkedin.com/shareArticle?mini=true&amp;title=<?phpthe_title();?>&amp;url=<?phpthe_permalink();?>"title="Share on LinkedIn"rel="external nofollow"rel="nofollow"target="_blank">Share on LinkedIn</a>

<!–Pinterest–>

<aclass="pinterest"href="http://pinterest.com/pin/create/button/?url=<?phpthe_permalink();?>&media=<?php$url=wp_get_attachment_url(get_post_thumbnail_id($post->ID));echo$url;?>"title="Pinterest"rel="nofollow"target="_blank">Pinterest</a>

<!–Del.icio.us–>

<aclass="delicious"href="http://del.icio.us/post?url=<?phpthe_permalink();?>&amp;title=<?phpthe_title();?>"title="Bookmark on del.icio.us"rel="nofollow"target="_blank">Del.icio.us</a>

</div>

</div>

اما برای زیبا کردن این دکمه ها و همچنین افزایش زیبایی این دکمه ها این کد هایی css را در استایل پوسته خود قرار دهید

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

p{

direction:rtl;

font:12pxtahoma;

}

a{border:1pxsolid transparent;

border-radius:5px;

padding:5px;

color:#fff;

text-decoration:none;

font:12pxtahoma;}

.twitter{

background:#9AE4E8;

}

/*Facebook*/

.facebook{

background:#3B5998;

}

/*Google Plus*/

.google-plus{

background:#D34836;

}

/*LinkedIn*/

.linkedin{

background:#0e76a8;

}

/*StumbleUpon*/

.stumbleupon{

background:#EF4916;

}

/*Reddit*/

.reddit{

background:#CEE3F8;

}

/*Digg*/

.digg{

background:#1B5790;

}

/*Pinterest*/

.pinterest{

background:#C92228;

}

/*Delicious*/

.delicious{

background:#0b79e5;

}

.icons{

float:right;

}

در صورتی که خواستید از افزونه ای پیشرفته و پریمیوم برای اشتراک گذاری استفاده کنید به این آدرس بروید ( افزونه اشتراک گذاری پیشرفته وردپرس ) و لذت ببرید.

دکمه های اشتراک گذاری بدون افزونه

4.5

از

2

رای

آیا این مطلب برای شما مفید بود؟




ارسال نظر

نام


ایمیل


نظر