ورود عضویت ویژه
مشهدهاست
برای خرید سزار قیمت پیشنهادی خود را فقط با شماره 09333023200 تلگرام نمائید.
خانه / طراحی و توسعه وب / پایگاه وردپرس / آموزش وردپرس / آموزش انتخاب قالب با چند استایل مختلف برای کاربران

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

12345
آموزش انتخاب قالب با چند استایل مختلف برای کاربرانبازبینی توسط رضافرخی(مدیر ارشد) در ۲۵-۰۴-۱۳۹۲امتیاز: 5.0آموزش انتخاب قالب با چند استایل مختلف برای کاربرانبا سلام خدمت دوستان وردپرسی و دیگر عزیزان.در آموزش امروز قصد داریم تا با قابلیت بسیار خوب و حرفه ای آشنا بشویم و آن را برای قالب های خود پیاده ...

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

style-swicher-3zar-ir

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

نکته ای که باید به آن واقف باشید این است که تنها کدهای css قابل جایگزینی هستند.

خوب اگر برای شروع کار آماده هستید با ما همراه باشید.

ابتدا کدهای css قالبی را که طراحی نمودید را در فایل های مختلف با نام های مختلف ذخیره کنید. توجه کنید که قالب پیش فرضتان را با نام style.css ذخیره کنید.حالا فایل هایی که آماده کرده اید به همراه یک کد جاوا که بعنوان سوئیچر است به این صورت آدرس آن فایل ها را در بین تگ های head قالب قرار می دهید.

در اسکریپتی که در بالا می باشد و شما در تک هدر میگذارید به جز قالب پیش فرض تان که نامش default است (منظورم مقدار title است که درج نشده و لازم نیست) و برای سایر استایل ها در کدهای بالا در قسمت title نامی مناسب برگزینید.
حالا کافیست که دکمه های انتخاب استایل قالب را در قسمت body قالبتان در اختیار کاربر قرار دهید که میتوانید بصورت زیر تعریف نمائید :

نکته قابل توجه برای شما دوستان اینکه در تعریف لینک ها حتما توجه کرده اید که نامی که برای هر استایل در قسمت title در مرحله قبل انتخاب کرده ایم را در کدهای بالا در داخل پرانتز setActiveStyleSheet قرار می دهیم که من برای استایل دومی که میخواهم استفاده کنم نام style2 را برگزیدم.

فایل دمویی براتون آماده شده است با استفاده از آن تغییرات لازم را در قالب خود بدهید.
امیدوارم از این آموزش استفاده لازم را ببرید.
شادی از آن لحظه های شما …

QR: آموزش انتخاب قالب با چند استایل مختلف برای کاربران
مرجع : سزار
لینک کوتاه : http://www.3zar.ir/?p=21467
Processing your request, Please wait....
  • دیدگاهتان را فقط در رابطه با همین موضوع ثبت کنید, در غیر اینصورت پاسخ داده نخواهد شد.
  • اگر سوالتان به بررسی سایت مربوط می شود حتما آدرس سایت را ذکر کنید.
  • استفاده از نام های تبلیغاتی و آدرس سایت ها غیر مرتبط, باعث عدم تایید و پاسخ به دیدگاه می شود.
  • دیدگاه‌های کاربران 84 نظر

    1. حامد نورهانی

      سلام
      فوق العاده بود
      موفق باشید

    2. دستتون درد نکنه خیلی دنبالش بودم
      من یه مشکل دیگه هم دارم
      یه قالب ساختم ولی هر اسلایدری که توش میذارم خرابه و فک کنم کدهای جی کوئری لود نمیشه در صورتی که کتابخانه جی کوئری رو به قالبم لینک کردم البته افزونه های دیگه ای هم با قالبم مشکل دارن که فک کنم اون ها هم بخاطر داشتن کد های جی کوئری مشکل دارند ممنون میشم پاسخ دهید

    3. کارت درسته رضا جان

      مطالبتم که داغ و دسته اول و یونیک

      فقط فکر یه قالب موزیک وردپرس برای ا باشید

      ممنون

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

      • VIP

        سلام
        این یک اسکریپت ساده است نمونه اش تو سایت بچه زیاده دیدم.مثلا تو سایت بیان بطور کامل پیاده سازی شده اسن.

    5. با سلام به آقا رضا – اومدیم بگیم مطالب رو حمایت میکنیم – مفیدن –

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

    7. ببخشید من هر کاری کردم نتونستن این کد رو توی قالب sahifa بکار بندازم … میخوام همونطور که توی تنظبمات میتونیم اسکین با رنگ های مختلفش رو خودمون انتخاب کنیم کاربر هم بتونه همین کار رو انجامش بده …

    8. سلام

      من میخوام موضوعات سایتم به صورت درختی نشونش بدم ولی دو تا موصوع خاص رو نشون بده

      یعنی همه موضوعات رو نمایش بده ولی دو تا موضوع خاص رو نمایش نده

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

    9. راستی این سئو چیه چوری باید سایت رو تو گوگل ثبت کنی ؟؟

      • VIP

        در گوگل سرویسی وجود دارد تحت عنوان وبمستر تولز که بوسیله آن میتوانید از خدمات گوگل در این زمینه استفاده کنید.

    10. آقا من یه کدی میخوام که مثل این عکس وقتی موس رو میاری روی اسم موضوع زیر شاخه هاش باز بشه به همین صورت ممنون میشم اگه راهنمایی کنید.

      http://www.7upload.ir/uploads/z962338_Screenshot_16.png

      • VIP

        سلام
        برای پیاده سازیش باید خاصیت hover لینک موضوع را بصورت باکس با طول مشخص بدید و li های درون یعنی موارد داخلی آن را بصورت float از راست باشد.

    11. سلام
      خیلی عالی بود
      یکی دو سال پیش جناب پارسا یک افزونه نوشتند که سرعت رو محاسبه می کرد و بر حسب سرعت به صورت خودکار قالب رو عوض می کرد البته یک اشتباه در محاسبات بود و یکجا بجای ضرب در 1024 عدد تقسیم شده بود که نتیجه را به هم می ریخت و همه را کم سرعت می دید
      با اصلاح اون مشکل و اضافه کردنش به این آموزش فکر کنم افزونه ای کاربردی و فوق العاده قدرتمند را می تونید ارائه کنید (در حد پیشنهاد)
      خسته نباشید

    12. سلام ، میخواستم ببینم از این قابلیت میشه برای سوئیچ بین حالت grid و blog توی قالب رمال استفاده کرد؟ … که ما یکی رو به صورت پیش فرض انتخاب کنیم و کاربرا با هر کدوم که راحت تر یودن کار کنن !

      • VIP

        سلام
        یادتون باشد این فقط برای تغییر css است نه کدهای برنامه نویسی شده.اگر اونطور میخواهید باید 2 حالت در صفحه نخست فرخوانی بشود که صفحه اول شما سنگین میشود.

    13. سلام آقا رضا
      من دیروز سایتم رو انتقال دادم روی یه هاست دیگه بعد که رفتم توی مدیریت سایت دیدم قالب
      مدیریت بهم ریخته و روی قسمت نوشته ها یا نمایش یا هرکدوم که کلیک میکنم پیام زیر رو میده
      You don’t have permission to access /wp-admin/edit.php on this server.
      البته تو هر قسمت یکم فرق میکنه . مثلا روی افزودن نوشته که کلیک میکنم پیام زیر میاد
      You don’t have permission to access /wp-admin/post-new.php on this server.
      کلا مشکلش توی پوشه ی wp-admin هست
      لطفا راهنمایی کنید که چطور این مشکل رو حل کنم
      به پشتیبانی هاست هم گفتم ولی بلد نبود

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

      چطوری منم به سایتم اضافش کنم ؟

      • VIP

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

    15. دستت درد نکنه . اولی خیلی جالب و ساده بد ولی یه مشکل داشت دکمه ضرب کردن نداشت .
      دومی هم جالبه ولی پیچیدست دارم باش ور میرم ببینم به نتیجه مطلوب میرسم

    16. بدبخت شدم . دومی فارسی رو ساپورت نمی کنه . چیکار کنم ؟ اخه خیلی جالبه

    17. من از افزونه دومی استفاده کردم . خیلی جالب بود و امکانات جالبی برا تنظیما و … داشت . ولی در مرحله اخر که خاستم متن فارسی را بنویسم و در سایت به نمایش بدم . من فارسی من رو در سایت بصورت ?????????????????? علامت سوال نمایش می دهد

    18. دوتا سه تا کامنت بالاتر را نگاه کنید . ازتون پرسیدم چطوری این نوار اطلاع رسانی بنفش رو به سایتم اضافه کنم شما دوتا افزونه به بنده معرفی کردید . منظورم همونا بودند

      http://wordpress.org/plugins/wordpress-notification-bar
      http://wordpress.org/plugins/wp-topbar

    19. الان من مشکلم اینه افزونه دومی فارسی رو ساپورت نمی کنه
      میخوام ببینم راهی فاسی رو هم بش اضافه کنیم دهم ؟

      • VIP

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

    20. سلام اگر ممکن هست کامنت های http://www.3zar.ir/21467-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8-%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D8%A7-%DA%86%D9%86%D8%AF-%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84-%D9%85%D8%AE%D8%AA%D9%84%D9%81-%D8%A8.html این صفحه را جداگانه مطالعه کنید . چون در مدیریت وردپرس مشخص نمیشود کامنت ها مربوط به چه بخشی هستند

    21. من :
      سلام
      بخشید هرچند اینجا جاش نیست ولی یه سوال داشتم
      اسم اون افزونه که اول سایتتون اطلاعیه رو با رنگ بنفش می نویسه چیه ؟؟
      چطوری منم به سایتم اضافش کنم ؟
      ——————————————————————-
      شما :
      سلام
      افزونه نیست و با کدنویسی انجام شده است.فکر کنم افزونه زیر هم همین کار را برایتان انجام دهید :
      1
      2

      http://wordpress.org/plugins/wordpress-notification-bar
      http://wordpress.org/plugins/wp-topbar
      —————————————————–
      من :
      من از افزونه دومی استفاده کردم . خیلی جالب بود و امکانات جالبی برا تنظیما و … داشت . ولی در مرحله اخر که خاستم متن فارسی را بنویسم و در سایت به نمایش بدم . فارسی من رو در سایت بصورت ?????????????????? علامت سوال نمایش می دهد

      چطوری این مشکل را حل کنم

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

      • VIP

        سلام
        شما از کد زیر استفاده کنید و به جای شناسه ما 3zar-ir شناسه خود را بزارید :

    23. سلام
      آقا رضا میخواستم بپرسم دامنه ی IR و US چه فرقی با هم دارند؟
      منظورم اینه که کدوم قویتره توی گوگل؟
      من دامنه ی IR داشتم ولی الان به US تغییرش دادم
      آیا توی امارم اثری داره؟

      • VIP

        سلام
        دامنه ی IR و US ؟!!!
        من به شخصه ir را دوست دارم اما در مورد مسئله ای که میفرمائید دو حال پیش میاد اول اینکه اسم دومین چی باشد مثلا یکی اسمش کامبیز است و دومین kam.biz را ثبت میکند مسئله دیگه از لحاظ قیمت است و چند مورد دیگر هم هست که جاش اینجا نیست! شما بر اساس نیاز باید انتخاب کنید و هیچ فرقی ندارد.
        در زمینه تغییر باید آدرس های url خود ریدایرکت بکنید تا شکسته نشود.

        • سلام
          یعنی دامنه ی IR با US فرقی توی جستجو ی گوگل نداره
          اخه من قبلا دامنه ی US داشتم و 4000 نفر ورودی گوگل داشتم بعد هاستم رو تغییر دادم و دامنه رو هم به IR تغییر دادم . الان امارم سقوط کرده و فقط 300 نفر ورودی گوگل دارم
          مشکل از کجاست که امارم سقوط کرده؟
          راستی وقتی که میخواستم هاستم رو تغییر بدم , پنلم دایرکت ادمین بود ولی هاستی که میخواستم به اونجا انتقال بدم سی پنل بود واسه همین پشتیبان هاست جدید به سی پنل تغییرش داد . حالا چجوریش رو نمیدونم ؟
          حالا میخوام بدونم ایا ممکنه این کارش اثر بدی روی سئوی سایت گذاشته باشه یا نه؟
          با تشکر.لطفا راهنمایی کنید

    24. ممنونم ازتون . ورژن تازشم اومده ولی اونم همین مشکل رو داره

    25. سلام یه سوال که در مورد این مطلب نیست ولی به “هک و کدهای وردپرسی” ربط داره.
      شما چطور شکل نمایش scrol bar رو تغییر دادید. اگر کد یا افزونه ای رو معرفی کنید خیلی از شما ممنون میشم.

      • VIP

        سلام
        این کد را در فایل استایل خود جایگذاری نمائید :

    26. با سلام و ا حترام
      میتونید بهم بگید چطور میتونم یکسری از افزونه ها رو به صورت دیفالت در قالب قرار بدم.
      بدین صورت که وقتی کسی قالب رو نصب کرد افزونه ها هم باهاش باشند.
      اگر راهکار دیگه ای دارید هم بگید ممنون میشم
      آخه من یک قالب دارم که باید همراه با اون چند افزونه حتما باشه…

      ممنون

    27. سلام
      یه افزونه نظرسنجی فارسی میخواستم مال من خارجی و دکمه ارسالش vote است یکی می خواستم به جای vote ارسال باشه؟

    28. باسلام
      خواستیم یک سوالی بپرسم و اون هم اینکه چطور صفحه ایی از سایت خارجی رو در سایتم قرار دهم بطوری که کامل منو ها و کل سایت در یک آدرس صفحه قرار بگیره -منوهای من نباشن-و فقط روی بالای آن یک تولبار سایتم رو اضافه کنم اون هم در وردپرس می خوام انجامش بدم.
      ایا کد یا افزونه خاصی وجود داره
      با تشکر

    29. چرا سوالم رو پاک کردید
      ——————-
      انهم چطور می تونم فریم بالای سایت بزارم با لای یک سایت خارجی که آدرسش تو سایت خودم باشه و هیچ لینک یا منویی مال سایتم بین اون نباشه
      اگه نمی دونید بگید سوالم رو کجا بپرسم-لازم نبود دییگاهم رو حذف کنید!

      • VIP

        سلام
        هیچ موردی بی پاسخ نمی ماند یا پاک نمیشود مگر مواردی که نیاز به بررسی باشد.
        نوع حرف زدن شما خوب نیست …

    30. سایت زیر رو ببینید فریم بالای اون میگم
      http://www.keenthemes.com/preview/index.php?theme=metronic_frontend
      همون فریم مشکی که close گذاشته

    31. 1-همین دیگه فریم بالای سایت آیا افزونه خواصی داره یا میشه دستی طراحیش کرد که مثلا به سایت دیگه در زیر اون قرار بدم اونم تو وردپرس مثلا صفحه ثبت نام گوگل یا هرچی بزارم فقط بالاش یک فریم سایت طراحی کنم ؟
      2-یک سوال دیگه این CAPACHA رو چطور تنظیم کنم مال من از راست به چپ اعداد رو میزاره؟

      • VIP

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

    32. مممنون عالی بود

    33. شهراد بخشایش

      سلام و خسته نباشید،
      ببخشید برای اینکه مطالب سریع تر در گوگل و سایر متور‌های جست و جو قرار گیرند باید چیکار کرد؟
      بعضی‌‌ها میگن ۱ ساعته وارد میشه!
      اما من نیاز به کمک دارم

      با سپاس

    34. آقا عالی بود خیلی راحت هم کار کرد
      فقط مشکل اینه این نوشته بالای هدرمیاد و فاصله ایجاد میکنه بالای هدر
       styleswicher

    35. این کد جاوا اسکریپتی که دادین قرار دادم ، کار کرد
      خیلی عالی بود ، اما
      متن styleswicher و مینویسه
      باید چیکار کنم حذف بشه

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

    جوابی بنویسید

    ایمیل شما نشر نخواهد شدفیلد های ضروری نشانه گذاری شده است. *

    *


    *

    سفارش تبلیغ

    برای عضویت در خبرنامه پیامکی سزار کافیست عدد 3 را به شماره 500020409 پیامک کنید ! آخر هفته ها پیامک های خوشمزه ما رو رایگان بخونید !