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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط 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
      هر کدوم از مطالب رو که باز کنید، سمت چپ سایدبار نمایش داده میشه.
      پیشاپیش تشکر.
    • توسط Fast-Learn
      سلام.
      ببخشید میخواستم ببینم بهترین راه برای ساخت سایدبار نیمه چسبان مثل سایدبار همیار وردپرس چیه؟
       
      سایدبار نیمه چسبان: وقتی که داریم از بالا به پایین اسکرول میدیم و به انتهای ابزارک ها میرسیم، سایدبار پوزیشنش فیکس میشه و وقتی داریم از پایین به بالا اسکرول میدیم و به ابتدای ابرازک ها میرسیم هم همین طور!
    • توسط ehsan1859
      سلام خدمت سروران گرامی
      من یک برگه با ویژوال کامپوزر ساختم: http://mehrdadkhaji.ir/home/pagett
      حالا میخام این برگه رو بعنوان سایدبار استفاده کنم تا در کنار همه صفحاتم دیده بشن. از ویجت هایی مثل insert page هم استفاده کردم، اما محتویات اون به شکل مقابل نشون داده میشه: http://mehrdadkhaji.ir/home/11590-2
      حدس میزنم مشکل از همراه نبودن استایل ها باشه اما نمیدونم چیکار کنم. هزارتا راه حلو هم رفتم ولی نتونستم این مشکل رو حل کنم. کسی راه حل داره برای این مشکل؟ ممنون و دعاگو میشم. حتی اگه لازمه در قبال یاد دادن روش حل این مشکل هزینه ناقابلی هم تقدیم می کنم.
    • توسط icepack38
      سلام من از قالب صحیفه 5.5.6 استفاده میکنم . متاسفانه در این ورژن قالب اصلا سایدبار رو نمایش نمیده. باید چیکار کنم ؟ وقتی از قالب های پیشفرض استفاده میکنم سایدبار نمایش داده میشه اما توی صحیفه ورژن 5.5.6 نمایش داده نمیشه
      مشکلش کجاست ؟