[mk-73مشارکت کننده]

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

[سعید شعبانیسرپرست کل]

درود بر شما

خوب اگر خودتون با مدیا کوئری, css, html و jquery آشنا باشید می تونید یک منو دقیقا مثل منو همین سایت ایجاد کنید. در غیر اینصورت می تونید از افزونه هایی مثل mmenu WordPress plugin استفاده کنید.

[mk-73مشارکت کننده]

من خیلی اشنا نیستم الان تازه شروع کردم اموزشی برای این کار وجود ندارد ویا خودتون یک نمونه انجام داده باشید بذاری بهم.

[سعید شعبانیسرپرست کل]

افزونه ای که خدمتتون معرفی کردم (mmenu) کردم دارای نسخه رایگان اما به صورت Jquery هست [mmenu.frebsite.nl]. شما می تونید با استفاده از فهرست های وردپرس و همچنین نسخه Jquery این افزونه دقیقا همین منو را در وبسایتتون پیاده سازی کنید.

[mk-73مشارکت کننده]

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

[سعید شعبانیسرپرست کل]

خوب افزونه ای که می خواهید به جای اسلایدری که خودتون کدنویسی کردید استفاده کنید باید ساختاری مشابه با اونی که درست کردید داشته باشه تا دقیقا عملکردش با استفاده از کدهای css و js قبلی یکسان باشد. مثلا شما برای اسلاید شود از ساختار زیر استفاه کردید:

<div class="slider">
	<ul>
		<li><img src="" alt="" /></li>
		<li><img src="" alt="" /></li>
		<li><img src="" alt="" /></li>
		<li><img src="" alt="" /></li>
		<li><img src="" alt="" /></li>
	</ul>
</div>

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

[mk-73مشارکت کننده]

در حالت کلی بهتر است یک سایت که راه اندازی میکنیم با ورد پرس با افزونه کار کند یا اینکه کد باشه بهتر است،الان شما شما اموزشی در جهت ساخت اسلایدشو ریسپانسیو سراغ دارید لینکشو بذارید.مممنون

[سعید شعبانیسرپرست کل]

نگاه کنید استفاده از افزونه یا کدنویسی به صورت اختصاصی تقریبا یکی هستند. در اون افزونه هم توسعه دهنده از کد نویسی html, CSS و زبانهای برنامه نویسی PHP, JavaScript و … استفاده کرده تا بتونه اسلایدر را ایجاد کنه. تفاوت های کوچکی بین این دو مقوله وجود داره. مثلا توسعه دهنده یک افزونه اسلایدر سعی می کنه که امکاناتی که بدرد اکثر سایت ها می خوره را داخل افزونه قرار بده، در حالی ممکن هست بسیاری از این امکانات مورد نیاز سایت شما نباشد. اگر بتونید یک افزونه که مطابق با امکانات مورد نیاز شما هست را پیدا کنید دیگه لازم نیست از اول اون را کد نویسی کنید. ولی اگر می بینید اگر خودتون یک اسلایدر را به صورت اختصاصی برای سایتتون کد نویسی کنید سبکتر و کارایی آسانتری نسبت به افزونه های موجود داره حتما خودتون اون را کد نویسی کنید.

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

http://designmodo.com/responsive-slider/
http://www.barrelny.com/blog/building-a-jquery-slideshow-plugin-from-scratch/
http://imageslidermaker.com/blog/how-to-make-a-responsive-image-slider-using-jquery-and-css

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

[نویسنده]

نوشته ها