Rustin

لینک در سایدبار

10 پست در این موضوع قرار دارد

سلام

2 تا سوال دارم اگه دوستان بتونن کمک کنن، بی نهایت متشکر خواهم بود.

1. چطور میشه یک لینک داخلی (به یک صفحه یا مطلب) در سایدبار ایجاد کرد؟ بصورتی که حاوی یک عکس باشه و دائما در سایدبار نمایش داده بشه؟

چیزی شبیه این که از سایت بیگ بنگ برداشته شده (http://bigbangpage.com/)

Capture.PNG.6bd8c16edf64649d4e2738a4929582dd.PNG

2. سوال دیگه ای هم که دارم اینه که چطور باید ویجت ها (ابزارک ها) را با فاصله از هم قرار داد؟ برای من وقتی چندتا ویجت در سایدبار میزارم، همه چسبیده به هم نمایش داده میشن. نه مثل تصویر بالا جدا جدا.

0

به اشتراک گذاری این پست


لینک به پست

سلام .

1- می تونید خودتون داخل سایدبار با html , css ایجاد کنید و هم می تونید عکسی که داخل ویجت میزارید داخل <a href="لینک مورد نظر"></a> بزارید.

2- می تونید با margin دادن به ویجت ها فاصله موردنظر ایجاد کنید.

2

به اشتراک گذاری این پست


لینک به پست
در 3 ساعت قبل، Rustin گفته است :

سلام

2 تا سوال دارم اگه دوستان بتونن کمک کنن، بی نهایت متشکر خواهم بود.

1. چطور میشه یک لینک داخلی (به یک صفحه یا مطلب) در سایدبار ایجاد کرد؟ بصورتی که حاوی یک عکس باشه و دائما در سایدبار نمایش داده بشه؟

چیزی شبیه این که از سایت بیگ بنگ برداشته شده (http://bigbangpage.com/)

Capture.PNG.6bd8c16edf64649d4e2738a4929582dd.PNG

2. سوال دیگه ای هم که دارم اینه که چطور باید ویجت ها (ابزارک ها) را با فاصله از هم قرار داد؟ برای من وقتی چندتا ویجت در سایدبار میزارم، همه چسبیده به هم نمایش داده میشن. نه مثل تصویر بالا جدا جدا.

در تکمیل راهنمایی دوستمون @Mirrajabi ، 

یه ویجت متنی ایجاد کنید و به جای متن به شکل زیر عمل کنید

<a href="آدرس تصویر همراه با http://"> متن دلخواه </a> 

برای فاصله بین ابزارک ها هم باید از css کمک بگیرید (کلاس ابزارک موردنظر رو پیدا کنید و فواصل پایین و بالا رو با margin-top و margin-bottom تنظیم کنید)

1

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، logomaster گفته است :

در تکمیل راهنمایی دوستمون @Mirrajabi ، 

یه ویجت متنی ایجاد کنید و به جای متن به شکل زیر عمل کنید

<a href="آدرس تصویر همراه با http://"> متن دلخواه </a> 

برای فاصله بین ابزارک ها هم باید از css کمک بگیرید (کلاس ابزارک موردنظر رو پیدا کنید و فواصل پایین و بالا رو با margin-top و margin-bottom تنظیم کنید)

سلام و تشکر بابت پاسختون.

از روشی که گفتین انجام دادم ولی تصویر قابل کلیک کردن نیست، من تصویر رو به یک صفحه از وبسایتم لینک دادم ولی در سایدبار قابل کلیک کردن نیست.

از طریق روشی که اینجا خوندم https://makeaweblog.com/how-to-add-image-link-to-wordpress-sidebar/ هم امتحان کردم ولی بازم نشد.

توی همین لینک یک افزونه بنام Image Widget معرفی کرده که از اونم استفاده کردم، و به درستی تصویر و لینک رو قرار دادم ولی بازم عکس قابل کلیک کردن نیست.

اینم آدرس سایت: http://ouroboros.ir/introduce-science-alert/

جالبه که لینک‌های ویجت آخرین ارسالی ها بخوبی قابل کلیک هستند ولی لینکهای ویجتهای دیگه نه!!!

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 11 دقیقه قبل، Rustin گفته است :

سلام و تشکر بابت پاسختون.

از روشی که گفتین انجام دادم ولی تصویر قابل کلیک کردن نیست، من تصویر رو به یک صفحه از وبسایتم لینک دادم ولی در سایدبار قابل کلیک کردن نیست.

از طریق روشی که اینجا خوندم https://makeaweblog.com/how-to-add-image-link-to-wordpress-sidebar/ هم امتحان کردم ولی بازم نشد.

توی همین لینک یک افزونه بنام Image Widget معرفی کرده که از اونم استفاده کردم، و به درستی تصویر و لینک رو قرار دادم ولی بازم عکس قابل کلیک کردن نیست.

اینم آدرس سایت: http://ouroboros.ir/introduce-science-alert/

جالبه که لینک‌های ویجت آخرین ارسالی ها بخوبی قابل کلیک هستند ولی لینکهای ویجتهای دیگه نه!!!

منم راستش گیج شدم. ظاهرا همه چی درسته . در مورد افزونه ، شاید تداخلی با دیگر افزونه ها داشته باشه! شاید البته..

حالا شما کد زیر رو هم یک بار داخل یک ابزارک متنی قرار بدید و تست کنید ببینید چطوره

<img src="image link with http://" alt="matn jaygozine tasvir" height="42" width="42">

 

اون alt ینی alternative (متنی هستش که وقتی تصویر لود نشه نمایش داده میشه . فکر کنم مث تولتیپ هم عمل میکنه) عرض و ارتفاع هم که مشخصه . لینک تصویر هم با http:// باشه حتما

ویرایش شده در توسط logomaster
1

به اشتراک گذاری این پست


لینک به پست
در 7 دقیقه قبل، logomaster گفته است :

منم راستش گیج شدم. ظاهرا همه چی درسته . در مورد افزونه ، شاید تداخلی با دیگر افزونه ها داشته باشه! شاید البته..

حالا شما کد زیر رو هم یک بار داخل یک ابزارک متنی قرار بدید و تست کنید ببینید چطوره

<img src="image link with http://" alt="matn jaygozine tasvir" height="42" width="42">

فرقی نکرد.

راجع به افزونه، من قبلا یک افزونه ای نصب کرده بودم بنام WP Content Copy Protection & No Right Click که برای جلوگیری از راست کلیک در سایت بکار میره. ولی در حال حاضر غیرفعاله. تنها گزینه ای که احتمال میدم باعث تداخل بشه، همینه. شما نظری ندارید؟

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

این کد رو هم الان از یک سایت خارجی خوندم و امتحان کردم ولی بازم نشد.

<a href="http://insert your link here"><img src="http://your image source here"></a>

لینک "صفحه" مورد نظرم رو توی قسمت سبز رنگ اول گذاشتم و لینک "عکس" مورد نظرم رو توی سبزرنگ دوم. ولی بازم قابل کلیک نبود!!

بطور کلی چرا لینک توی سایدبار قابل کلیک نیست؟ در صورتی که لینکهای درون ویجت تازه ترین مطالب قابل کلیک هستند؟ واقعا گیج شدم.

ویرایش شده در توسط Rustin
0

به اشتراک گذاری این پست


لینک به پست
در 2 دقیقه قبل، Rustin گفته است :

این کد رو هم الان از یک سایت خارجی خوندم و امتحان کردم ولی بازم نشد.


<a href="http://insert your link here"><img src="http://your image source here"></a>

لینک "صفحه" مورد نظرم رو توی قسمت سبز رنگ اول گذاشتم و لینک "عکس" مورد نظرم رو توی سبزرنگ دوم. ولی بازم قابل کلیک نبود!!

بطور کلی چرا لینک توی سایدبار قابل کلیک نیست؟ در صورتی که لینکهای درون ویجت تازه ترین مطالب قابل کلیک هستند؟ واقعا گیج شدم.

ببنید ، انقد پیچیده نیست که با جابجایی کدها و ... درست بشه ، چیزی که من  حدس میزنم ، مشکل از سایدباره ، این تصویر که گذاشتید ، در حالت موبایل کلیک میخوره و درسته! اما در نمایش دسکتاپ نه . نمیدونم راه درستی باشه یا نه ، اما امتحانش ضرر نداره ، اگه میتونید عرض سایدبارتون رو از تنظیمات تغییر بدید.

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

0

به اشتراک گذاری این پست


لینک به پست
در 8 دقیقه قبل، logomaster گفته است :

ببنید ، انقد پیچیده نیست که با جابجایی کدها و ... درست بشه ، چیزی که من  حدس میزنم ، مشکل از سایدباره ، این تصویر که گذاشتید ، در حالت موبایل کلیک میخوره و درسته! اما در نمایش دسکتاپ نه . نمیدونم راه درستی باشه یا نه ، اما امتحانش ضرر نداره ، اگه میتونید عرض سایدبارتون رو از تنظیمات تغییر بدید.

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

جالبه، خودم توی موبایل امتحان نکرده بودم الان دیدم کار میکنه.

ولی متاسفانه با تغییر عرض سایدبار هم توی دسکتاپ حل نشد!!!

تشکر از وقتی که گذاشتین.

پیشاپیش تشکر میکنم از دوستان اگر پیشنهادی در این مورد داشته باشن.

1

به اشتراک گذاری این پست


لینک به پست

سایدبار رو کلن حذف کردم و یک سایدبار جدید ساختم. بالاخره درست شد.!!!!

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط mohammad_mh
      سلام و خسته نباشید
      برای وب سایت های فارسی بهتره سایدبار دقیقا کجا قرار بگیرد؟
    • توسط reza01
      با سلام/ میخواستم به بخش نمایش تکی محصول/ ساید باری رو اضافه کنم
      که هر بار محصول جدیدی رو میفرستم بتونم داخلش مطلب یا شورت کد دلخواه مربوط به اون محصول رو اضافه کنم
       
    • توسط sultansulay
      سلام دوستان عزیز خسته نباشید
       
      ببخشید بنده یه مشکلی داشتم رنگ یکی از سایتبار های من سفید هستش و
      فکر کنم به قالب سایتم نمیاد
      چطوری باید تغیرش بدم
      sultan-music.com
    • توسط Rustin
      سلام دوستان
      این کد مربوط به سایدبار سایت من هست، که از فایل style.php ورداشتم.
      ============================================================================================================================== /* Sidebar | Width Sidebar | Width /* ============================================================================================================================ */ <?php $sidebarW = mfn_opts_get( 'sidebar-width', '23' ); $contentW = 100 - $sidebarW; $sidebar2W = $sidebarW - 5; $content2W = 100 - ( $sidebar2W * 2 ); $sidebar2M = $content2W + $sidebar2W; $content2M = $sidebar2W; ?> .with_aside .sidebar.columns { width: <?php echo $sidebarW; ?>%; } .with_aside .sections_group { width: <?php echo $contentW; ?>%; } .aside_both .sidebar.columns { width: <?php echo $sidebar2W; ?>%; } .aside_both .sidebar.sidebar-1{ margin-left: -<?php echo $sidebar2M; ?>%; } .aside_both .sections_group { width: <?php echo $content2W; ?>%; margin-left: <?php echo $content2M; ?>%; } /* من این کد رو به طور کامل نمیتونم بفهمم، تنها چیزی که میتونم توش عوض کنم عرض سایدبار هست (همون عدد 23). مشکل من اینه که من نمیخام برای اینکه ابزارک هام بدرستی نمایش داده بشن مجبور بشم اینقدر سایدبارم رو عریض کنم. اگر به سایت مراجعه کنید میبینید که سایدبار خیلی عریض هست و این صرفا به این دلیله که میخاستم ابزارک ها بدرستی نمایش داده بشن... ولی ابزارک ها تمام فضای سایدبار رو نگرفتن بلکه قسمت چپ سایدبار کامل خالیه...
      چطور میتونم بدون تغییر دادن عرض خود سایدبار، کاری کنم که فقط عرض ابزارک های تو سایدبار افزایش پیدا کنه و بدرستی نمایش داده بشن؟ توی کد بالا که همچنین چیزی رو نمیتونم ببینم. (اگر دوستان کسی میتونه کد بالا رو برام توضیح بده تشکر میکنم.)
      پیشاپیش از پاسخگوییتون تشکر میکنم.
      اینم آدرس سایتم: http://www.ouroboros.ir
    • توسط Rustin
      سلام، من یک مشکل اساسی با سایدبار سایتم دارم.
      من از پوسته bethem استفاده میکنم. یک سایدبار ایجاد کردم ولی وقتی ابزارک ها رو توی سایدبار میزارم، محتوای ابزارک بطرز فجیعی بد نمایش داده میشه.
      توی تمام مرورگرهای دسکتاپ چک کردم بد نشون میده ولی توی مرورگر کروم توی اندروید خوبه (تقریبا).
      اینم آدرس سایتم: http://www.ouroboros.ir
      هر کدوم از مطالب رو که باز کنید، سمت چپ سایدبار نمایش داده میشه.
      پیشاپیش تشکر.