• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

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

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

سلام

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

قالب من در حال حاضر با این ساختار هست:

***

منو اول که برگه ها در اون به صورت اتوماتیک نشون داده میشه (این هیچی)

تصویر هدر و لوگوی سایت (اینم هیچی)

منوی دوم سایت که زیر هدر قرار داره و میخوام این منو با اسکرول به هدر بچسبه.

***

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

برای مثال لینک های زیر رو پیدا کردم ولی موفق نشدم خوب از این ها یه جمع بندی برای انجام این کار کنم :wacko:

لینک اول

لینک دوم

لینک سوم

کد منوی من به صورت زیر است:


<div class="navbar">
<div class="middle">
<?php
$argsmenu = array(
'theme_location' => 'top_menu',
'container' => false,
'menu_class' => 'main_menu',
'depth' => 1,
'walker' => new themeslug_walker_nav_menu
);
wp_nav_menu($argsmenu);
?>
</div><!--Middle -->
</div><!--Navbar -->

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


/*----- Navigation ----------------------------------------*/
.navbar {
width:100%;
float:right;
background:url(images/nav_bg.png) repeat-x;
height:41px;
}
.navbar ul{
list-style: none;
}
.navbar li {
float:right;
background:url(images/nav_left.jpg) no-repeat left -36px;
height:40px;
line-height:34px;
text-align:center;
border-left: 1px solid #414141;
border-right: 1px solid #151515;
}
.navbar li a {
padding:0 15px 0 15px;
height:40px;
color:#fff;
}
.navbar li a:hover{
background:url(images/nav_bg_hover.png) repeat-x;
color:#63CDF3;
}
.base {
width:100%;
float:right;
}

قسمت دیگری از استایل:


.middle {
width:1000px;
margin: 0 auto;
position:relative
}

0

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


لینک به پست

جناب آقای فخار عزیز جز اینکه بگم تشکر و خدا خیرت بده و بهترین هارو برات آرزو می کنم که اینجوری به همه کمک میکنی چیز دیگه ای نمیتونم بگم :)

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

1

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


لینک به پست

با سلام و احترام

جناب آقای فخار عزیز من کد زیر رو در استایل قالب اضافه کرد:


/* | ezafe shode */
#wpparsitopmenu {
width:100%;
position:relative;
clear:both;

}
#wpparsitopmenu .wpptmnav {
display:inline-block;list-style:none;float:right;margin-right:100px;
}
#wpparsitopmenu .wpptmnav li {
display:inline-block;padding-right:10px;
}
#wpparsitopmenu .wpptmnav li a,
#wpparsitopmenu .wpptmnav li a:link,
#wpparsitopmenu .wpptmnav li a:visited
{
text-decoration:none;color:#ccc;
display:block;
padding-left:3px;
padding-right:3px;
}
#wpparsitopmenu .wpptmnav li a:hover,
#wpparsitopmenu .wpptmnav li a:active
{
text-decoration:none;color:#FFF;
background:#000000;
}
/* | ezafe shode */

سپس کد زیر رو قبل از بسته شدن تگ head قرار دادم:


<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(window).scroll(function() {
if ($(window).scrollTop() >= 300) {
$("#wpparsitopmenu").css({"position": "fixed", "top" : "0px" });
} else {
$("#wpparsitopmenu").css({"position": "relative", "top" : "auto" });
}
})
});//]]>
</script>

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


<div id="wpparsitopmenu">
<div class="navbar">
<div class="middle">
<ul class="wpptmnav">
<?php
$argsmenu = array(
'theme_location' => 'top_menu',
'container' => false,
'menu_class' => 'main_menu',
'depth' => 1,
'walker' => new themeslug_walker_nav_menu
);
wp_nav_menu($argsmenu);
?>
</ul>
</div><!--Middle -->
</div><!--Navbar -->
</div><!--wpparsitopmenu -->

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

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

از زمان و حوصله ای که به خرج میدید کمال تشکر رو دارم.

ویرایش شده در توسط raminsat1
0

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


لینک به پست

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

0

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


لینک به پست

در استایلش اضافه کنید


z-index:99999999;

2

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


لینک به پست

به کدام کلاس اضافه کنم جناب آقای فخار؟

0

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


لینک به پست

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

ویرایش شده در توسط raminsat1
0

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


لینک به پست


#wpparsitopmenu {
width:100%;
position:relative;
clear:both;
z-index:999999;
}

اگر مشکل باقی بود مقدار 999999 را افزایش دهید

در قالب شما


z-index:999999999;

1

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


لینک به پست

با اضافه کردن 9 به عدد اصلی تنها بعد از رول شدن و رد کردن منو از جای اصلی، منو در زمان رول سریع تر نمایش داده میشود و مشکل نمایش منو پشت ساید بار و پست ها هنوز پابرجا است

کد با تغییرات نهایی به صورت زیر شد:


z-index:99999999999999;

این همه 9 اضافه کردم :)

0

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


لینک به پست

در سورس قالب ببینید که بازم z-index دارید مقدار منو را از اون بیشتر کنید ...

1

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


لینک به پست

در سورس قالب ببینید که بازم z-index دارید مقدار منو را از اون بیشتر کنید ...

سورس قالب یا استایل؟

خیر در جای دیگری وجود ندارد

0

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


لینک به پست

اگر آدرس آنلاین قرار بدید بهتر میشه بررسی کرد ...

0

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


لینک به پست

آدرس خدمت شما

لینک

0

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


لینک به پست

من جوابتون رو براتون گذاشتم همون عدد رو استفاده کنید و در زیر منو ها z-index را از کدهای استایل حذف کنید

1

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


لینک به پست

آقای فاخر من فقط کدی که شما فرمودید رو در استایل قرار دادم و در دیگر قسمت های استایل z-index وجود نداره!

ویرایش شده در توسط raminsat1
0

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


لینک به پست

لینک استایل بنده

لینک

0

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


لینک به پست

منو در مورگر کروم به صورت صحیح نمایش داده میشه ولی توی فایرفاکس مشکل هنوز هست و زیر پست ها میره!

0

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


لینک به پست

کوکی و کش ها را حذف کنید

برای مشاهده تغییرات استایل اغلب بهتره یکبار مرورگر باز و بسته بشه

1

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


لینک به پست

بخدا آقای فاخر من کوکی ها با کش رو خالی کردم و ده دقیقه هم مرورگر رو بستم مجدد باز کردم ولی توی فایرفاکس منو زیر پست ها میره - برای شما توی مرورگر فایرفاکس این مشکل وجود نداره؟

از صبر و حوصلتون برای بررسی مشکل بنده هم خیلی ممنونم و انشالله بتونم حتی خیلی کم در آینده لطف شما رو جبران کنم

0

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


لینک به پست

تصحیح می کنم اشتباه خودم رو = آقای فخار عزیز :)

0

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


لینک به پست

قالب شما قبلا دو تا کد z-index داشت که مجبورر بودید z-index رو بالا بگیرید الان z-index رو بگذارید 99 درست می شه

1

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


لینک به پست

اقای فخار فرمایش شمارو انجام دادم:

1- در مرورگر کروم همه چیز اوکیه

2- در مرورگر اینترنت اول که به پایین اسکرول می کنیم همه چیز درست هست ولی بعد از اینکه دوباره به بالا رول می کنیم کلا قالب میریزه بهم

3- در مرورگر فایرفاکس هم مشکل قبلی که منو زیر پست ها قرار میگرفت و نصفه میشد وجود داره

پیشنهادی برای من و بررسی و رفع مشکل دارید؟

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط ahmadwp
      سلام خدمت اعضای گرامی.
      در وردپرس فارسی نسخه ۴.۸.۲ مشکلی رو پیدا کردم که راهکاری برای حلش به ذهنم نرسید، ممنون می شم راهنمایی کنید تا حلش کنم.
      وقتی یک قسمت از متن رو انتخاب می کنم و می خوام به اون لینک بدم، وقتی که می خوام بر روی آیکون تیک تا تایید کلیک کنم یا وقتی که می خوام بر روی آیکون چرخ دنده کلیک کنم، پاپ آپ درج لینک هی ظاهر می شه و دوباره محو می شه! و نمی شه بر روی اون آیکون ها کلیک کرد و گزینه ها رو انتخاب کرد.
      ابتدا تصور کردم شاید مشکل از تداخل افزونه ها باشه یا قالب مشکلی داشته باشه یا هنگام به روز رسانی خطایی به وجود اومده باشه، اما وقتی بسته نصبی وردپرس رو مجددا از wp-persian دریافت کردم و بر روی یک فضای دیگه نصب کردم، دیدم که از ابتدا همین مشکل وجود داره، افزونه wp-jalali رو هم غیرفعال کردم اما مشکل حل نشد!
      یعنی چه از ابتدا دریافت و نصب کنین، چه وردپرس قدیمی تر سایت تون رو آپدیت کنین به این نسخه فارسی، همین مشکل براش به وجود میاد.
      یک ویدیو پیوست همین مطلب کردم که به خوبی این مورد رو نشون می ده. سپاسگزارم.
      Video_2017-10-21_110732.wmv
    • توسط mohammad_mh
      سلام
      این سایت من با قالب بی تم
      digiaccount.ir
      و این هم 2 نمونه سایت مثل هم
      https://ebanking.bankmellat.ir/ebanking/
      http://consolefa.ir/
       
      چطوری پوسته سایت را اینطوری  بکنم حالت باکس من فرق داره
    • توسط kimia212asd
      با سلام من چند روزه با وردپرس کار میکنم   سایت رو باز میکنم ریداکت میشه  به سایت دیگه  خارجی هستش
      فایل وردپرس  رو پاک کردم دوباره نصب کردم باز همونه
      با هاستینگ صحبت کردم  اونم  سایت رو ریستور کرد به یک هفته پیش باز اون مشکل هست
      لطفا راهنمایی کنید  مشکل رو برطرف کنم
      ادرس  سایت  ببینید
      www.vatanfal.com
    • توسط Lincer
      سلام وقت بخیر دوستان
      کسی میدونه پوسته این وبسایت رو از کجا میشه پیدا کرد؟
      https://carpet-machines.com
    • توسط Rangarang
      سلام
      وقتی سایتمون پروتکل SSL داشته باشه و بخوایم تو صفحه اول از یک IFRAME ای استفاده کنیم که خودش SSL نداره (HTTP هست)، باید چیکار کرد؟ چون قبل از اینکه SSL رو سایت نصب بشه، IFRAME درخواست خودش رو به نسخه HTTP می فرستاد اما دقیقا بعد از نصب SSL اون IFRAME به صورت خودکار درخواست HTTPS می فرسته به سایت مقصد و چون سایت مقصد HTTPS نداره، IFRAME با خطا مواجه می شه. من می خواستم بدونم چطوری باید کاری کرد که IFRAME درخواست HTTP ارسال کنه همچنان.
      از افزونه Really Simple SSL استفاده می کنم.
      مرسی