پارس جوم ::  انجمن های تخصصی جوملا
تشخيص مرورگر با ورژن موبايل سايت - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: تشخيص مرورگر با ورژن موبايل سايت (/thread-17588.html)



تشخيص مرورگر با ورژن موبايل سايت - farid65 - ۷-۱-۱۳۹۴ ۰۹:۴۹ عصر

سلام و خسته نباشيد
سوالي داشتم
بعضي از سايت ها هستند كه وقتي با موبايل وارد مي شيد سايتي كه با موبايل طراحي شده بالا مي ياد...
من مي خوام براي يكي از سايت هام كه با جوملا طراحي شده اينجوري شرط بزارم كه
اگر كاربر با موبايل وارد شد قالب موبايل فعال شود...(نمي خوام از كلاس هاي هيدن يا موبايل بوت استرپ استفاده كنم )ميخوام يك قالب رو با امكانات خاص و دلخواه براي موبايل كاستومايز كنم و بعد شرطو برقرار كنم كه اگر اگر كاربر با موبايل وارد شد قالب موبايل فعال شود.
اگر راهنمايي كنيد ممنون مي شم
َ*
بعضي از سايت ها هم جالبه اصلان براي موبايل انگاري يه ورژن ديگه زدند مثال
سايت شکم سلام - راهنمای رستوران های گیلان در حالت معمولي بالا مي ياد ولي اگر با موبايل وارد شيد
به اين شكل هستش و يه m كنار دامنه مي نويسه و ساختارش يه چيز ديگست
mhttp://m.shekamsalam.com

منتظر راهنمايي اساتيد هستم


RE: تشخيص مرورگر با ورژن موبايل سايت - mahan - ۷-۱-۱۳۹۴ ۱۱:۵۶ عصر

درود بر شما
موردی که شما فرمودید همان قابلیت ریسپانسیو قالب است که اگر در قالب لحاظ شده باشد به صورت اتوماتیک در هر اندازه ای بارگذاری خواهد شد
آموزش استفاده از Bootstrap را جستجو کنید
و یا از فریم ورک ها و یا قالب های آماده که دارای این قابلیت هستند استفاده کنید

شاد باشید و شادی بخش دیگران


RE: تشخيص مرورگر با ورژن موبايل سايت - farid65 - ۸-۱-۱۳۹۴ ۰۸:۰۶ صبح

اقا ماهان دست شما درد نكنه ولي من گفتم كه .(نمي خوام از كلاس هاي هيدن يا موبايل بوت استرپ استفاده كنم ) يعني بحث من رسپانسيو زدن نيست ...
مثال من رو دقت كنيد
سايت اصلي
mhttp://shekamsalam.com
سايت موبايل
mhttp://m.shekamsalam.com

ديتابيس ها يكي است و از css يا كلاس هيدن بوت استرپ استفاده نشده


RE: تشخيص مرورگر با ورژن موبايل سايت - YasinDesign - ۸-۱-۱۳۹۴ ۱۰:۰۹ صبح

(۸-۱-۱۳۹۴ ۰۸:۰۶ صبح)farid65 نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
اقا ماهان دست شما درد نكنه ولي من گفتم كه .(نمي خوام از كلاس هاي هيدن يا موبايل بوت استرپ استفاده كنم ) يعني بحث من رسپانسيو زدن نيست ...
مثال من رو دقت كنيد
سايت اصلي
mhttp://shekamsalam.com
سايت موبايل
mhttp://m.shekamsalam.com

ديتابيس ها يكي است و از css يا كلاس هيدن بوت استرپ استفاده نشده
سلام
چرا میگید از بوت استرپ استفاده نشده ؟

این کدهای css بوت استرپ این سایت هست
کد:
<script src="http://m.shekamsalam.com/js/scripts.main.js?v=1"></script>
<link href="http://m.shekamsalam.com/css/bootstrap-rtl.min.css" rel="stylesheet">
مگه میشه ورژن موبایل یه سایت بدون بوت استرپ یا همون ریسپانسیو خودمون نباشه ؟

ورژن موبایل این سایت کلا با یک استایل دهی دیگه نوشته شده و توش از بوت استرپ هم استفاده شده
در ضمن این سایت با جوملا نوشته نشده و از پایه با PHP نوشته شده


RE: تشخيص مرورگر با ورژن موبايل سايت - farid65 - ۸-۱-۱۳۹۴ ۰۳:۵۳ عصر

ببخشيد استايلشو نگاه نكردم...
سوال كلي من اينه كه چطوري اينكارو با جوملا انجام بدم ب ه اين شكل :
يه ديتابيس داريم 2 تا قالب كانفيگ شده قالب يكي براي دسكتاپ يكي موبايل (با بوت استرپ)
مي خوام يك قالب اصلي سايت بدون بوت استرپ و فيكس بزنم ...يه قالب ديگه براي موبايل با بوت استرپ.....
هر وقت كاربر با موبايل وارد شد قالب موبايل فعال شود و برعكس...مانند مثال...

مي خوام ورژن موبايل سايت بزنم به اين شكل :

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

mhttp://m.shekamsalam.com


RE: تشخيص مرورگر با ورژن موبايل سايت - YasinDesign - ۸-۱-۱۳۹۴ ۰۶:۴۹ عصر

سلام

کد css قالب فیت شده را برای سیستم به اینصورت توی index.php وارد کنید
کد:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
حالا کد استایل css برای موبایل و تبلت را وارد کنید
کد:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/phone.css" type="text/css" />
خب حالا کلیات کدنویسی توی این فایل برای موبایل و تبلت به این صورته
کد:
@media screen and (max-width: 480px) {
مکان کدهای شما
}
@media screen and (max-width: 650px) {
مکان کدهای شما
}
@media screen and (max-width: 980px) {
مکان کدهای شما
}
توجه داشته باش که توی کدنویسی برای موبایل و تبلت اندازه ها را فقط بر اساس % باید وارد کنی
و رنگ ها را اگه با تکنولوژی RGBA وارد کنی بهتره

موفق باشید