11 پاسخ

چگونه دو قالب جدا برای وردپرس ایجاد کنیم

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

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


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
2

سلام
@ghomi2018

استفاده از فریم ورک بوت استرپ این امکان رو به شما میده که تو ابعاد های مختلف طراحی رو انجام بدید
اما به فرض برای یه دستگاه خاص شما میخوایید نمایش به شکل دیگه باشه
باید نقطه شکست براش معرفی کنید
و از طریق media query در CSS این کار رو انجام بدید و بگید تو فلان عرض و ارتفا
فلان چیزا رو نمایش بده یا نده

توی گوگل راجب مدیا کوئری های CSS سرچ کنید
نمونه هارو ببینید متوجه میشید داستان کار به چه شکل هست.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

با استفاده از اصول طراحی Responsive یا واکنش گرا


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 5 سال پیش مطرح شد
1

درود...
‌از چارچوب Bootstrap & Bulma استفاده کنید...


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش مطرح شد
0

@ali.bayat
@Alimotreb
@milad
@endworld
خیر منظورم از سمت سرور بفهمه دیوایس مورد نظر چیه اگه pc بود یک قالب فراخوانی کنه و اجرا کنه و اگر موبایل بود یک قالب دیگه رو فراخوانی کنه و اجرا کنه دقیق مثل دیجی کالا
"مثل اپلیکیشن بشه"
البته این خودم فهمیدم چطور انجام میشه فقط خواستم اگه بقیه هم نیاز داشتن استفاده کنند.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

@ghomi2018
من تازه متوجه منظورتون شدم، مرسی
بله بفرمایید، شنیدن داره


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 5 سال پیش مطرح شد
0

@ghomi2018
درود...
منظور شما از برنامه‌ی تحت وب پیش‌رو یا PWA هستش...
پیوند زیر:
http://vrgl.ir/IIjHm


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش آپدیت شد
1

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

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

@ghomi2018
برای ارسال عکس در اینجا کافیه، ابتدا عکس تون رو در سایتی نظیر پیکوفایل بارگذاری کنید و سپس برای درج آن از ساختار زیر استفاده کنید:

ساختار:
![Alt Text](url)
مثال:
![GitHub Logo](/images/logo.png)

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

اینم نمونه عکس عملی:
مثال عکس


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
0

چند سال پیش یه وب‌سایت پیدا کردم که قالب های خوبی ارائه میداد. و هنگامی که شما دمو رو دانلود میکردید، یه مکانیزم ساده با PHP استفاده کرده بود و در قالب یه فایل detect.php کار کرده بود:

<?php
$userBrowser = $_SERVER['HTTP_ACCEPT']; 
if(stristr($userBrowser, 'application/vnd.wap.xhtml+xml')) 
{
$_REQUEST['wap2'] = 1;
}

elseif(stripos($_SERVER['HTTP_USER_AGENT'],"iPod"))
{
$_REQUEST['iphone'] = 1;

}
elseif(stripos($_SERVER['HTTP_USER_AGENT'],"iPhone"))
{
$_REQUEST['iphone'] = 1;

}
elseif(stripos($_SERVER['HTTP_USER_AGENT'],"Android"))
{
$_REQUEST['Android'] = 1;

}
elseif(stripos($_SERVER['HTTP_USER_AGENT'],"IEMobile"))
{
$_REQUEST['IEMobile'] = 1;

}
elseif(stristr($userBrowser, 'DoCoMo/' || 'portalmmm/'))
{
$_REQUEST['imode'] = 1;
}

elseif(stristr($userBrowser, 'text/vnd.wap.wml')) 
{
$_REQUEST['wap'] = 1;
}
elseif(stristr($userBrowser, 'text/html')) 
{
$_REQUEST['html'] = 1;
}

if(!defined('WAP'))
    define('WAP', isset($_REQUEST['wap']) || isset($_REQUEST['wap2']) || isset($_REQUEST['imode'])|| isset($_REQUEST['html'])|| isset($_REQUEST['Android'])|| isset($_REQUEST['iphone'])|| isset($_REQUEST['IEMobile']));

    if (WAP)
{
    define('WIRELESS_PROTOCOL', isset($_REQUEST['wap']) ? 'wap' : (isset($_REQUEST['wap2']) ? 'wap2' : (isset($_REQUEST['iphone']) ? 'iphone' : (isset($_REQUEST['imode']) ? 'imode' : (isset($_REQUEST['IEMobile']) ? 'IEMobile' :(isset($_REQUEST['html']) ? 'html' : (isset($_REQUEST['Android']) ? 'Android' : '')))))));  

if (WIRELESS_PROTOCOL == 'wap')
      {
$browser_t = "mobile";
      }
elseif (WIRELESS_PROTOCOL == 'wap2')
      {

$browser_t = "mobile";

      }
elseif (WIRELESS_PROTOCOL == 'imode')
      {

$browser_t = "mobile";

      }
      elseif (WIRELESS_PROTOCOL == 'iphone')
      {

$browser_t = "smartphone";

      }
      elseif (WIRELESS_PROTOCOL == 'Android')
      {

$browser_t = "smartphone";

      }
       elseif (WIRELESS_PROTOCOL == 'IEMobile')
      {

$browser_t = "smartphone";

      }
      elseif (WIRELESS_PROTOCOL == 'html')
      {

     $mobile_browser = '0';

if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i',
    strtolower($_SERVER['HTTP_USER_AGENT']))){
    $mobile_browser++;
    }

if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or 
    ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))){
    $mobile_browser++;
    }

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-');

if(in_array($mobile_ua,$mobile_agents)){
    $mobile_browser++;
    }
if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
    }
        if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'iemobile')>0) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
    }

if($mobile_browser>0){
   // do something wap

$browser_t = "mobile";

}
// non-mobile
else
{

$_SESSION['Browser_d'] = "web";
$browser_t = "web";

}
   } else {
   // do something else html

$_SESSION['Browser_d'] = "web";
$browser_t = "web";
   }

      }

    else
    {
$mobile_browser = '0';

if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i',
    strtolower($_SERVER['HTTP_USER_AGENT']))){
    $mobile_browser++;
    }

if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or 
    ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))){
    $mobile_browser++;
    }

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-');

if(in_array($mobile_ua,$mobile_agents)){
    $mobile_browser++;
    }
    if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'iemobile')>0) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
    }
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
    }

if($mobile_browser>0){
   // do something wap

$browser_t = "mobile";

}
// non-mobile
else
{
$_SESSION['Browser_d'] = "web";
$browser_t = "web";
}

    }
 ?>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام