ایکون
100 قالب سایت آماده
897 هزار تومان
پیش نمایش
مجموعه مقالات وردپرس

آموزش افزودن سایدبار در وردپرس

سایدبار در وردپرس شامل یک ستون یا نوار کناری در سایت است که گاهی در سمت راست و گاهی در سمت چپ و یا هر دو طرف قرار می گیرد. سایدبار برای نمایش منو اصلی و یا اطلاعاتی مانند بنرهای تبلیغی که جزء محتوای اصلی سایت نیستند استفاده می شود. در این مقاله نحوه ویرایش و افزودن سایدبار در وردپرس را بررسی خواهیم کرد.

0
01 مهر 1398
آخرین بروزرسانی: 18 دی 1400

سایدبار وردپرس

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

افزودن سایدبار وردپرس

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

ویرایش سایدبار وردپرس

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

اکنون می خواهیم به آموزش مرحله به مرحله ویرایش و افزودن سایدبار وردپرس بپردازیم.

افزودن سایدبار وردپرس

شما هر قالبی که داشته باشید باید برای اضافه و ویرایش سایدبار وردپرس به پیشخوان سایت خود وارد شوید. در منو وردپرس به بخش نمایش بروید و روی گزینه ابزارک ها کلیک کنید. در هر قالبی یکسری المانها برای شخصی سازی سایدبار وجود دارند. البته ممکن است در برخی قالب ها المان های بیشتری تعریف شده باشد.

 

سایدبار وردپرس

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

افزودن سایدبار وردپرس

 

ویرایش سایدبار وردپرس

به عنوان مثال می خواهیم ببینیم چطور می توان یک تصویر را داخل سایدبار قرار داد. سه المان برای قرار دادن تصویر در سایدبار وردپرس تعریف شده است. المان متن، عکس و HTML سفارشی. ما در اینجا از المان HTML سفارشی برای اضافه کردن عکس به سایدبار استفاده می کنیم.

  • ابتدا المان HTML سفارشی را بگیرید و داخل جعبه افزودن سایدبار رها کنید.
  • برای اینکه کد HTML یک عکس را بنویسید، وارد نوشته ها شوید و روی افزودن نوشته کلیک کنید.
  • عکس مورد نظر خود را از “افزودن پرونده چند رسانه ای” داخل ویرایشگر بارگذاری کنید.
  • روی تصویر کلیک کنید تا نوار ابزار آن باز شود. سپس روی آیکن مداد را انتخاب کنید تا وارد صفحه ویرایش عکس شوید.
  • در اینجا می توانید سایز عکس را تغییر دهید و در قسمت “پیوند به” لینکی را برای آن قرار دهید.
  • بعد از اعمال تغییرات روی دکمه “بروزرسانی” کلیک کنید.
  • سربرگ متن در ویرایشگر را باز کنید تا کد ساخته شده نمایش داده شود.
  • کد را کپی کنید و در صفحه ابزارکها در کادر “محتوا” HTML قرار دهید و دکمه “ذخیره” را بزنید.
  • از سایت خود بازدید کنید و عکسی که داخل سایدبار قرار دادید را ببینید.

پ.ن: برای نمایش تصویر افزودن سایدبار وردپرس برای وضوح بهتر، می توانید روی آن کلیک کرده تا بزرگ شود.

افزودن سایدبار وردپرس
به همین راحتی می توانید هر عکس و مطلبی را به سایدبار خود اضافه کنید. امیدواریم این آموزش برای ویرایش و  افزودن سایدبار وردپرس شما مفید بوده باشد.

زهرا غفاری
زهرا غفاری
مهندسی نرم افزار و کارشناسی ارشد تجارت الکترونیک خوندم و 3 ساله که وردپرس و سئو کار می کنم.
مقالات مرتبط
بنر
آموزش گام به گام بسته نصب آسان در لوکال هاست
اگر در لوکال هاست وب سایت خود را راه اندازی کنید می توانید یکباره وب سایت خود را به هاست منتقل کنید. یعنی بدون آنکه نیاز به هاست و دامنه داشته باشید، سایت را بدون استرس و نگرانی راه اندازی می کنید  و پس از مطمئن شدن از همه تغییرات دلخواهتان، آن را به هاست اصلی انتقال می دهید. همچنین در مصرف ...
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
اگر می خواهید یک سایت حرفه ای طراحی کنید که کلیه امکانات یک فروشگاه آنلاین را داشته باشد کافی است یکی از 50 دموی فارسی و اختصاصی مانند دیجی کالا و موتن رو قالب وودمارت را نصب و استفاده کنید. همچنین این قالب فروشگاه ساز به همراه اپلیکیشن ارائه شده و کاربران می توانند یک نسخه از وب سایت را روی ...
بنر
آموزش نصب و فعالسازی ioncube در زمپ
ionCube Loader ماژولی است که برای اجرای فایل های رمزگذاری شده روی سرور نصب می شود. نصب و فعالسازی ioncube به سادگی انجام می شود. در صورت فعال نبودن ionCube شما با خطا مواجه می شوید. اما راهکار ساده رفع این خطا نصب ionCube در کمتر از چند دقیقه است که در ادامه به توضیح آن به صورت ویدئویی می پردازیم.
بنر
آموزش نصب آسان قالب وردپرس در Cpanel
شاید شما هم این جمله را شنیده باشید. در کم تر از 10 دقیقه سایت وردپرس خود را نصب کنید. در نگاه اول به نظرتان این جمله فقط یک تبلیغ برای جذب مخاطب به نظر می‌رسد اما کاملا درست است. کافی است از بسته نصب آسان وردپرس استفاده کنید تا سایت شما در کم تر از 10 دقیقه، روی هاست نصب شود. با هم نصب قالب ...
0 دیدگاه
دیدگاهی برای این مطلب ثبت نشده است.