loading...

طراحی سایت

بازدید : 1
يکشنبه 27 خرداد 1403 زمان : 10:17

درین یادگرفتن می خواهیم بپردازیم به اثبات کردن سایدبار در وردپرس. به صورت نمونه درصورتی که شما در همین شیت (برگه مقاله ها لردات) اسکرول به زیر اعمال دهید میبینید که سایدبار یه به عبارتی ردیف کناری به طور اثبات باقی می ماند. درپی دو طریق برای داشتن سایدبار اثبات را توضیح میدهیم. طراحی سایت در مشهد در نحوه نخستین با به کارگیری از پلاگین این عمل را اعمال می دهیم و در طرز دوم فارغ از به کارگیری از پلاگین و از روش Css این عمل‌را جاری ساختن می دهیم. ما در لردات از طریق دوم پیش رفتیم و سفارش می کنیم شماهم از همین نحوه مبادرت فرمایید تا بیهوده پلاگین مازاد روی تارنما خویش نصب نکرده باشید.

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

با اثبات کردن سایدبار میتوانید کال تو اکشن‌های خویش را در هر مکان برگه که مخاطب اسکرول می‌نماید اکران دهید البته در حالتی‌که این عمل را اجرا ندهید محتوای سایدبار شما صرفا در اولِ کاغذ اکران داده می گردد.

چرا سایدبار اثبات داشته باشیم؟
طرز اثبات کردن سایدبار
همان طور که گفتیم دو طریق برای اثبات کردن سایدبار که شایسته ترین و کاربردی ترین طرز‌ها می‌باشند را در‌این نوشته‌ی‌علمی می خواهیم معرفی کنیم. طرز نخستین با استعمال از پلاگین WP Sticky Sidebar می‌باشد و شیوه دوم با به کارگیری از کدنویسی Css است که هر دو طرز معمولی می‌باشند و تفاوت آنان این می باشد که در شیوه دوم نیازی وجود ندارد پلاگین‌ای نصب نمایید و بیهوده پلاگین‌های خویش را بیشتر نمایید.

شیوه اولیه: پلاگین WP Sticky Sidebar
این پلاگین‌را مانند هر پلاگین دیگری می بایست روی تارنما خویش نصب و فعالسازی کنیم. پس به پیشخوان وردپرس می رویم و آن‌گاه به مسیر پلاگین‌ها > اضافه کردن می رویم و عبارت WP Sticky Sidebar را کاوش میکنیم و آنگاه این پلاگین‌را نصب و فعالسازی می کنیم.

شیوه اولیه: پلاگین WP Sticky Sidebar
بعداز فعالسازی پلاگین برای اثبات کردن سایدبار نصیب جدیدی به منوی پیکربندی پیشخوان وردپرس اضافه می‌گردد. پس برای این عمل کافی میباشد به مسیر پیکربندی > WP Sticky Sidebar برویم.

پیکربندی اثبات کردن سایدبار با پلاگین
اکنون از بخش Sticky Class بایستی شناسه یا این که کلاس Css المنت‌ای که میخواهید اثبات گردد را وارد فرمائید و در فیلد دوم شناسه یا این که کلاس Css بخشی که المنت سایدبار و محتوا جای‌دارد را وارد فرمائید.

برای اینکه بفهمید شناسه یا این که کلاس سایدبار و المنت نگهدارنده سایدبار و محتوا در پوسته وب سایت شما چیست کافی میباشد به برگه‌ای که می خواهید سایدبار آن‌را اثبات فرمایید بروید و بعد از آن روی سایدبار کلیک راست فرمایید و روی آیتم‌ی Inspect بزنید. هم اکنون کدهای شیت برای شما گشوده می‌گردد. با موشواره روی کدها بروید و مشاهده کنید که کدام خط برای نصیب سایدبار و نگهدارنده سایدبار و محتوای آن میباشد.

یافتن شناسه یا این که کلاس المنت در صفحه ها وبسایت
به صورت نمونه در تصویر بالا کلاس سایدبار ما (sidebar) است و شناسه نصیب نگهدارنده محتوا و سایدبار (single-post) می‌باشد. دقت داشته باشید که در شرایطی که نصیب class را یا این که به عبارتی کلاس را خواستید وارد فرمائید می بایست در اولِ آن یک نقطه بگذارید مثل (.sidebar) و در صورتی‌که قسمت id که در تصویر بالا نداریم‌را خواستید وارد فرمایید بایستی در اولِ آن # بگذارید مثل (#sidebar). هم اکنون با اعتنا به نکاتی که توضیح داده شد برای اثبات کردن سایدبار شیت تصویر بالا پیکربندی را به صورت پایین وارد می کنیم.

درج شناسه یا این که کلاس المنت سایدبار
همینطور از نصیب Settings میتوانید پیکربندی مرتبط با مسافت سایدبار از بالا و زیر را مشخص و معلوم نمایید و همینطور اندازه آن‌را معلوم فرمایید و در غایت روی دکمه Save کلیک فرمایید تا پیکربندی ذخیره خواهد شد. در حالتی‌که از پلاگین ارتقا سرعت مانند لایت اسپید کش استعمال میکنید بایستی یک بدور کش وب سایت را پاک سازی نمایید و ببینید که اثبات کردن سایدبار در وب سایت شما انجام یافته.

شیوه دوم: کدنویسی Css
در صورتی‌که قصد دارید سوای پلاگین سایدبار اثبات داشته باشید کافی میباشد کلاس المنت سایدباری که می خواهید اثبات نمائید را پیدا فرمائید و آن‌گاه در Css به آن position: sticky بدهید. در‌پی جامع تر توضیح میدهیم.

چنانچه عشق و علاقه‌مند میباشید تا کدنویسی Html و Css را خاطر بگیرید سفارش میکنیم زمان فراگیری سریع و معمولی کدنویسی Html و Css که تماما بدون‌پول است را ملاحظه کنید.

برای یافتن شناسه یا این که کلاس سایدبار‌تان کافی میباشد به شیت‌ای که می خواهید سایدبار آن‌را اثبات نمایید بروید و بعد از آن روی سایدبار کلیک راست فرمایید و روی مورد‌ی Inspect بزنید. اکنون کدهای برگه برای شما گشوده میشود. با موشواره روی کدها بروید و مشاهده کنید که کدام خط برای نصیب سایدبار میباشد و کمی که در class آن وارداتی را اسکن نمائید.


یافتن شناسه یا این که کلاس المنت در صفحه های وبسایت
به صورت نمونه در تصویر بالا class سایدبار ما sidebar می باشد. پس از اینکه کلاس یا این که class را یافتید و آن‌را اسکن کردید تکه کد خویش‌را در قسمت Css‌های مازاد قرار دهید. کافی میباشد از پیشخوان خویش به مسیر اکران > سفارشی سازی > Css مازاد بروید و تکه کد ذیل را در آن قرار دهید.

.sidebar{
position: sticky !important;
}
اعتنا داشته باشید که به مکان عبارت sidebar بایستی کلاس المنت خویش که یافتید را قرار دهید. در غایت روی دکمه نشر کلیک فرمائید و در صورتی‌که از پلاگین‌های کش به کارگیری میکنید کش خویش را تطهیر نمایید تا اثبات کردن سایدبار در وب سایت شما صورت گرفته باشد. این دقیقا همین کاری میباشد که ما در لردات برای داشت سایدبار اثبات اجرا دادیم.

درصورتی که دیدید اثبات کردن سایدبار با این نحوه جاری ساختن نشد در تارنما شما به File Maneger هاست خویش بروید و آنگاه به مسیر Public_html > wp-content > themes بروید و وارد فولدر پوسته خویش گردید. حال وارد فولدر footer.php گردید و در اولِ آن کد ذیل را قرار دهید و دوباره آزمایش نمائید.


در صورتیکه بازهم نتوانستید سایدبار اثبات را داشته باشید احتمالا نرم افزار نویس پوسته شما کدنویسی اصولی ایفا نداده میباشد. دراین‌صورت پیشنهادمان به کارگیری از طریق اولیه می باشد. قابل ذکر می‌باشد که در حالتی که احتمال نداشتن کدنویسی اصولی صحیح باشد طرز اولیه هم به صدق اعمال نخواهد شد.

درین یادگرفتن می خواهیم بپردازیم به اثبات کردن سایدبار در وردپرس. به صورت نمونه درصورتی که شما در همین شیت (برگه مقاله ها لردات) اسکرول به زیر اعمال دهید میبینید که سایدبار یه به عبارتی ردیف کناری به طور اثبات باقی می ماند. درپی دو طریق برای داشتن سایدبار اثبات را توضیح میدهیم. طراحی سایت در مشهد در نحوه نخستین با به کارگیری از پلاگین این عمل را اعمال می دهیم و در طرز دوم فارغ از به کارگیری از پلاگین و از روش Css این عمل‌را جاری ساختن می دهیم. ما در لردات از طریق دوم پیش رفتیم و سفارش می کنیم شماهم از همین نحوه مبادرت فرمایید تا بیهوده پلاگین مازاد روی تارنما خویش نصب نکرده باشید.

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

با اثبات کردن سایدبار میتوانید کال تو اکشن‌های خویش را در هر مکان برگه که مخاطب اسکرول می‌نماید اکران دهید البته در حالتی‌که این عمل را اجرا ندهید محتوای سایدبار شما صرفا در اولِ کاغذ اکران داده می گردد.

چرا سایدبار اثبات داشته باشیم؟
طرز اثبات کردن سایدبار
همان طور که گفتیم دو طریق برای اثبات کردن سایدبار که شایسته ترین و کاربردی ترین طرز‌ها می‌باشند را در‌این نوشته‌ی‌علمی می خواهیم معرفی کنیم. طرز نخستین با استعمال از پلاگین WP Sticky Sidebar می‌باشد و شیوه دوم با به کارگیری از کدنویسی Css است که هر دو طرز معمولی می‌باشند و تفاوت آنان این می باشد که در شیوه دوم نیازی وجود ندارد پلاگین‌ای نصب نمایید و بیهوده پلاگین‌های خویش را بیشتر نمایید.

شیوه اولیه: پلاگین WP Sticky Sidebar
این پلاگین‌را مانند هر پلاگین دیگری می بایست روی تارنما خویش نصب و فعالسازی کنیم. پس به پیشخوان وردپرس می رویم و آن‌گاه به مسیر پلاگین‌ها > اضافه کردن می رویم و عبارت WP Sticky Sidebar را کاوش میکنیم و آنگاه این پلاگین‌را نصب و فعالسازی می کنیم.

شیوه اولیه: پلاگین WP Sticky Sidebar
بعداز فعالسازی پلاگین برای اثبات کردن سایدبار نصیب جدیدی به منوی پیکربندی پیشخوان وردپرس اضافه می‌گردد. پس برای این عمل کافی میباشد به مسیر پیکربندی > WP Sticky Sidebar برویم.

پیکربندی اثبات کردن سایدبار با پلاگین
اکنون از بخش Sticky Class بایستی شناسه یا این که کلاس Css المنت‌ای که میخواهید اثبات گردد را وارد فرمائید و در فیلد دوم شناسه یا این که کلاس Css بخشی که المنت سایدبار و محتوا جای‌دارد را وارد فرمائید.

برای اینکه بفهمید شناسه یا این که کلاس سایدبار و المنت نگهدارنده سایدبار و محتوا در پوسته وب سایت شما چیست کافی میباشد به برگه‌ای که می خواهید سایدبار آن‌را اثبات فرمایید بروید و بعد از آن روی سایدبار کلیک راست فرمایید و روی آیتم‌ی Inspect بزنید. هم اکنون کدهای شیت برای شما گشوده می‌گردد. با موشواره روی کدها بروید و مشاهده کنید که کدام خط برای نصیب سایدبار و نگهدارنده سایدبار و محتوای آن میباشد.

یافتن شناسه یا این که کلاس المنت در صفحه ها وبسایت
به صورت نمونه در تصویر بالا کلاس سایدبار ما (sidebar) است و شناسه نصیب نگهدارنده محتوا و سایدبار (single-post) می‌باشد. دقت داشته باشید که در شرایطی که نصیب class را یا این که به عبارتی کلاس را خواستید وارد فرمائید می بایست در اولِ آن یک نقطه بگذارید مثل (.sidebar) و در صورتی‌که قسمت id که در تصویر بالا نداریم‌را خواستید وارد فرمایید بایستی در اولِ آن # بگذارید مثل (#sidebar). هم اکنون با اعتنا به نکاتی که توضیح داده شد برای اثبات کردن سایدبار شیت تصویر بالا پیکربندی را به صورت پایین وارد می کنیم.

درج شناسه یا این که کلاس المنت سایدبار
همینطور از نصیب Settings میتوانید پیکربندی مرتبط با مسافت سایدبار از بالا و زیر را مشخص و معلوم نمایید و همینطور اندازه آن‌را معلوم فرمایید و در غایت روی دکمه Save کلیک فرمایید تا پیکربندی ذخیره خواهد شد. در حالتی‌که از پلاگین ارتقا سرعت مانند لایت اسپید کش استعمال میکنید بایستی یک بدور کش وب سایت را پاک سازی نمایید و ببینید که اثبات کردن سایدبار در وب سایت شما انجام یافته.

شیوه دوم: کدنویسی Css
در صورتی‌که قصد دارید سوای پلاگین سایدبار اثبات داشته باشید کافی میباشد کلاس المنت سایدباری که می خواهید اثبات نمائید را پیدا فرمائید و آن‌گاه در Css به آن position: sticky بدهید. در‌پی جامع تر توضیح میدهیم.

چنانچه عشق و علاقه‌مند میباشید تا کدنویسی Html و Css را خاطر بگیرید سفارش میکنیم زمان فراگیری سریع و معمولی کدنویسی Html و Css که تماما بدون‌پول است را ملاحظه کنید.

برای یافتن شناسه یا این که کلاس سایدبار‌تان کافی میباشد به شیت‌ای که می خواهید سایدبار آن‌را اثبات نمایید بروید و بعد از آن روی سایدبار کلیک راست فرمایید و روی مورد‌ی Inspect بزنید. اکنون کدهای برگه برای شما گشوده میشود. با موشواره روی کدها بروید و مشاهده کنید که کدام خط برای نصیب سایدبار میباشد و کمی که در class آن وارداتی را اسکن نمائید.


یافتن شناسه یا این که کلاس المنت در صفحه های وبسایت
به صورت نمونه در تصویر بالا class سایدبار ما sidebar می باشد. پس از اینکه کلاس یا این که class را یافتید و آن‌را اسکن کردید تکه کد خویش‌را در قسمت Css‌های مازاد قرار دهید. کافی میباشد از پیشخوان خویش به مسیر اکران > سفارشی سازی > Css مازاد بروید و تکه کد ذیل را در آن قرار دهید.

.sidebar{
position: sticky !important;
}
اعتنا داشته باشید که به مکان عبارت sidebar بایستی کلاس المنت خویش که یافتید را قرار دهید. در غایت روی دکمه نشر کلیک فرمائید و در صورتی‌که از پلاگین‌های کش به کارگیری میکنید کش خویش را تطهیر نمایید تا اثبات کردن سایدبار در وب سایت شما صورت گرفته باشد. این دقیقا همین کاری میباشد که ما در لردات برای داشت سایدبار اثبات اجرا دادیم.

درصورتی که دیدید اثبات کردن سایدبار با این نحوه جاری ساختن نشد در تارنما شما به File Maneger هاست خویش بروید و آنگاه به مسیر Public_html > wp-content > themes بروید و وارد فولدر پوسته خویش گردید. حال وارد فولدر footer.php گردید و در اولِ آن کد ذیل را قرار دهید و دوباره آزمایش نمائید.


در صورتیکه بازهم نتوانستید سایدبار اثبات را داشته باشید احتمالا نرم افزار نویس پوسته شما کدنویسی اصولی ایفا نداده میباشد. دراین‌صورت پیشنهادمان به کارگیری از طریق اولیه می باشد. قابل ذکر می‌باشد که در حالتی که احتمال نداشتن کدنویسی اصولی صحیح باشد طرز اولیه هم به صدق اعمال نخواهد شد.

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 229
  • کل نظرات : 0
  • افراد آنلاین : 5
  • تعداد اعضا : 0
  • بازدید امروز : 52
  • بازدید کننده امروز : 1
  • باردید دیروز : 98
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 53
  • بازدید ماه : 263
  • بازدید سال : 7859
  • بازدید کلی : 16774
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی