15 پست در این موضوع قرار دارد

سلام

دوستان سایت رو تازه ریسپانسیو کردم.

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

دقیقا این عکساش ....

Screen_Shot_2015_06_05_at_13_33_01.png

خب حالا میخوام به جای اینکه لینک پاپ آپ باشه ، لینک دیگه ای بذارم.

یعنی وقتی با گوشی یا ... وارد میشن غیر از سایز ها ، لینک ها هم تغییر کنند.

چجوری باید این کار رو انجام بدم !؟

0

به اشتراک گذاری این پست


لینک به پست

سلام ، با CSS که نمیشه

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

مثال:


<a href="http://forum.wp-parsi.com" id="naslno">test</a>
<script>
if (document.documentElement.clientWidth < 890) {
document.getElementById("naslno").href = "http://naslno.com";
}
</script>

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

1

به اشتراک گذاری این پست


لینک به پست

سلام ، با CSS که نمیشه

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

مثال:


<a href="http://forum.wp-parsi.com" id="naslno">test</a>
<script>
if (document.documentElement.clientWidth < 890) {
document.getElementById("naslno").href = "http://naslno.com";
}
</script>

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

ممنون

تغییر کرد

اما کد لینک های پاپ آپ من به این صورت هستند و اول کد پاپ آپ رو میخونه (موسو میگیرم روش لینکو نشون میده تغییر کرده اما پاپ آپ رو اجرا میکنه)


<a href="Accont-free" data-reveal-id="myModal" id="linkfree">


<a href="#Accont-VIP" class="lightbox" id="linkvip">

id هاشم جداگانه تنظیم کردم ... اما فرقی نکرد

لینک سایت هم داخل امضام هست اگر خواستید نگاه کنید.

+ از سایت 979 کوچکتر کنید لینک تغییر میکنه.

0

به اشتراک گذاری این پست


لینک به پست
ممنون تغییر کرد اما کد لینک های پاپ آپ من به این صورت هستند و اول کد پاپ آپ رو میخونه (موسو میگیرم روش لینکو نشون میده تغییر کرده اما پاپ آپ رو اجرا میکنه)
 [url="Accont-free"] 

 [/url][url="#Accont-VIP"] 

id هاشم جداگانه تنظیم کردم ... اما فرقی نکرد لینک سایت هم داخل امضام هست اگر خواستید نگاه کنید. + از سایت 979 کوچکتر کنید لینک تغییر میکنه.

دقیقاً میخواین چکار کنید توضیح بدید.

0

به اشتراک گذاری این پست


لینک به پست

دقیقاً میخواین چکار کنید توضیح بدید.

خلاصه بگم ، روی حالت ویندوز میخوام پاپ آپ ها باز بشه (همینی که الان هست)

و برای گوشی و ... میخوام لینک معمولی باز بشه. کلیک کنند برن داخل یک صفحه دیگه.

0

به اشتراک گذاری این پست


لینک به پست

در css دو استایل تعریف کنید .

یکی با سایز مانیتور کامپیوتر و دیگری با سایز موبایل .

سپس کد پاپ آپ رو داخل div مربوط به سایز کامپیوتر قرار بدید .

و دیگری هم در div مربوط به سایز موبایل .

1

به اشتراک گذاری این پست


لینک به پست

در css دو استایل تعریف کنید .

یکی با سایز مانیتور کامپیوتر و دیگری با سایز موبایل .

سپس کد پاپ آپ رو داخل div مربوط به سایز کامپیوتر قرار بدید .

و دیگری هم در div مربوط به سایز موبایل .

این کارو انجام دادم اما نتیجه ای نداد... یعنی قبل از اینکه تایپیک ارسال کنم تست کرده بودم.

0

به اشتراک گذاری این پست


لینک به پست

ببخشید ، مشکل من قابل حل شدنه یا خیر ؟

مرسی

0

به اشتراک گذاری این پست


لینک به پست

<?php
if ( wp_is_mobile() ) { ?>
<a href="پیوند به نشانی" id="linkvip">
<?php } else { ?>
<a href="#Accont-VIP" class="lightbox" id="linkvip">
<?php } ?>

2

به اشتراک گذاری این پست


لینک به پست


<?php
if ( wp_is_mobile() ) { ?>
<a href="پیوند به نشانی" id="linkvip">
<?php } else { ?>
<a href="#Accont-VIP" class="lightbox" id="linkvip">
<?php } ?>

این کد رو داخل سایت به این صورت گذاشتم بعدش سایت رو رفرش کردم بالا نمیومد....


<a href="#Accont-VIP" id="linkvip" class="lightbox">
<div class='vip-box'>
<div class='vip-box-inner'>
<h2>اکانت ویژه</h2>
<div class='speed'></div>
برای خرید سرویس های ویژه سایت کلیک کنید. <p>
امروز :<?php echo jdate('l j F Y'); ?>
ساعت : <?php echo jdate('H:i:s'); ?>
</div>
</div>
</a>
<?php
if ( wp_is_mobile() ) { 979 >
<a href="/vip.php" id="linkvip">
<?php } else { 2000 >
<a href="#Accont-VIP" class="lightbox" id="linkvip">
<?php } ?>

مشکل کجاست ؟ ممنون

0

به اشتراک گذاری این پست


لینک به پست
این کد رو داخل سایت به این صورت گذاشتم بعدش سایت رو رفرش کردم بالا نمیومد....
 [url="#Accont-VIP"] [/url]


[b] [url="#Accont-VIP"]اکانت ویژه[/url][/b]

[url="#Accont-VIP"]برای خرید سرویس های ویژه سایت کلیک کنید. [/url]
[url="#Accont-VIP"]امروز :ساعت : [/url]
[url="#Accont-VIP"]

مشکل کجاست ؟ ممنون

اوّلین مشکلش اینکه wp_is_mobile بر اساس پیکسل کار نمیکنه ، بلکه میاد تشخیص میده اگر با سیستم عامل موبایل وارد شده فلان کد رو نمایش بده یا نه.

دومین مشکلش این هست که شما <a> رو نبستید

باید به این صورت استفاده کنیدشون:


<a href="#Accont-VIP" id="linkvip" class="lightbox">
<div class='vip-box'>
<div class='vip-box-inner'>
<h2>اکانت ویژه</h2>
<div class='speed'></div>
برای خرید سرویس های ویژه سایت کلیک کنید. <p>
امروز :<?php echo jdate('l j F Y'); ?>
ساعت : <?php echo jdate('H:i:s'); ?>
</div>
</div>
</a>
<?php
if ( wp_is_mobile() ) { >
<a href="/vip.php" id="linkvip">innerHTML</a>
<?php } else { >
<a href="#Accont-VIP" class="lightbox" id="linkvip">innerHTML</a>
<?php } ?>

2

به اشتراک گذاری این پست


لینک به پست

اوّلین مشکلش اینکه wp_is_mobile بر اساس پیکسل کار نمیکنه ، بلکه میاد تشخیص میده اگر با سیستم عامل موبایل وارد شده فلان کد رو نمایش بده یا نه.

دومین مشکلش این هست که شما <a> رو نبستید

باید به این صورت استفاده کنیدشون:


<a href="#Accont-VIP" id="linkvip" class="lightbox">
<div class='vip-box'>
<div class='vip-box-inner'>
<h2>اکانت ویژه</h2>
<div class='speed'></div>
برای خرید سرویس های ویژه سایت کلیک کنید. <p>
امروز :<?php echo jdate('l j F Y'); ?>
ساعت : <?php echo jdate('H:i:s'); ?>
</div>
</div>
</a>
<?php
if ( wp_is_mobile() ) { >
<a href="/vip.php" id="linkvip">innerHTML</a>
<?php } else { >
<a href="#Accont-VIP" class="lightbox" id="linkvip">innerHTML</a>
<?php } ?>

بازهم مشکل حل نشد و طبق معمول سایت بالا نیومد....

0

به اشتراک گذاری این پست


لینک به پست


<?php
if ( wp_is_mobile() ) { >

رو به


<?php
if ( wp_is_mobile() ) { ?>

تبدیل کنید و


<?php } else { >

رو به


<?php } else { ?>

تبدیل کنید

1

به اشتراک گذاری این پست


لینک به پست


<?php
if ( wp_is_mobile() ) { >

رو به


<?php
if ( wp_is_mobile() ) { ?>

تبدیل کنید و


<?php } else { >

رو به


<?php } else { ?>

تبدیل کنید

مرسی

دستتون درد نکنه.

کاملا درست کار کرد.

1

به اشتراک گذاری این پست


لینک به پست
در در 6/6/2015 at 20:13، imanfakhar گفته است :
 

<?php
if ( wp_is_mobile() ) { ?>
<a href="پیوند به نشانی" id="linkvip">
<?php } else { ?>
<a href="#Accont-VIP" class="lightbox" id="linkvip">
<?php } ?>

 

سلام!

حالا اگه بخوایم که تو موبایلی نمایش نده باید به چه شکلی بزنیم؟

من از کد زیر استفاده می کنم برای تبلیغات تو سایدبار چپ که به صورت ابزارکی هم هستش، اما هر چور کد رو دستکاری کردم و جای if و elde رو تغییر دادم سایدبارم کلا لود نمیشد!:huh:

می خوام که تو نسخه موبایلی تبلیغات رو کلا نشون نده!

تشکر :)

<?php 
	}
if(get_option('wpd_offon_adsleft5') =="true") {
	if ( !function_exists('dynamic_sidebar')|| !dynamic_sidebar('تبلیغات چپ موقعیت 5') ) : ?>
    <div class="LeftBlock CBS">
      <div class="textwidget">
        <p align="center"><a rel="nofollow" href="<?php bloginfo('url'); ?>/ads/" target="_blank"> <img src="<?php bloginfo('template_directory'); ?>/images/ads/ads258x150.png" alt="ads"></a></p>
      </div>
    </div>
<?php endif;
} ?> 

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط jistili1
      سلام دوستان.من اومدم به قول خودم سایتم رو با استفاده از دستور های media query در css ریسپانسیو کردم.سایتم اینه:namavaz.ir.اومدم برای سایز های مختلف device سایت رو تعریف کردم.ولی الان وقتی سایت رو باز میکنید اصلا کاری به مدیاکوئری ها نداره.همون صفحه ای که روی لپتاپم میاره رو روی موبایل میاد زوم بک میکنه.اگه سایز مرورگر رو توی لپتاپ تغییر بدم مدیاکوئری ها کار میکنن ولی روی موبایل مشکل داره.ممنون میشم راهنمائیم کنید.
    • توسط Hassan Hesampour
      سلام دوستان وقتتون بخیر
      آقا ما یه سایت داریم به آدرس : dryouclinic.com 
      توی قسمت بلاگ ( نوشته های سایت ) بخصوص مطالبی که اخیرا توی سایت درج شده ، ریسپانسیو مطالب دچار مشکل شده
      یعنی الان هر نویسنده ای که بخواد مطلب جدید بذاره نحوه چیدمان نوشته ها میریزه بهم
      تمام افزونه ها رو غیر فعال کردم بازم نشد
      مشکل از خود قالب هست اما نمیدونم چه مشکلی برای قالب پیش اومده که جدیدا وقتی مطلب میذاریم میریزه بهم ، یادم هم نمیاد که چه تغییری توی سایت دادیم که این مشکل پیش اومد
      عکس ضمیمه رو ببینید تا بهتر متوجه منظورم بشید ، ممنون میشم اگر کسی مشکل رو فهمید کمکم کنه

    • توسط pouria7777
      سلام خسته نباشید
      میخواستم ببینم اگر بخوام این مجموعه عکس بالا رو توی موبایل به همین صورت و ترتیب نشون بدم چیکار باید بکنم؟ یعنی سایزشون کوچیک بشه به جای این که به هم ریخته بشن و از حالت خطی در بیان.

    • توسط kamran.azarniya
      سلام و درود
      بنده در این سایتم کمی مشکل منو داشتم نمیدونم چه تنظیماتی کردم که منو از جایگاه اصلی خودش اومده پایینتر ، حالا به نظرتون باید چیکار کنم یا چه کدیو اصلاح کنم
      تشکر
      avahesab.ir
    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html