0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش ساختن اسلاید شو مطالب تصاویر وردپرس جوملا دروپال asp

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 2375
تاریخ بروزرسانی ۲۳ فروردین ۱۳۹۷

برای یادگیری قدم به قدم آموزش ساختن اسلاید شو مطالب تصاویر وردپرس جوملا دروپال asp باید قدم به قدم با ما همراه باشید تمامی کد ها در اختیارتان قرار خواهد گرفت.آموزش ساختن اسلاید شو مطالب تصاویر وردپرس جوملا دروپال asp slider flexslider2 جی کوئری jquery wordpress joomla dropal php asp طراحی سایت ارزان زیبا عکس متحرک

برای طراحی اسلاید شو یک خط توضیح در باره جی کوئری میدهیم

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

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

یکی از این کتاب خانه های جی کوئری کار ایجاد افکت بروی li ها را در اسلاید شو انجام می دهد.نام آن را با دستجو در سایت گوگل پیدا کنید . فقط کافیست تایپ کنید slider یا اسلایدشو .خوب من یکی از انها را که امکانات خوبی دارد را به شما معرفی میکنم .آن هم اسلایدشو flexslider2 است.

برای اینکه این فایل کتاب خانه اجرا شود انتدا زمینه سازی میکنیم و در فایل header.php در میان دو تگ <head> اینجا </head> لینک فراخوانی جیکوئریرا قرار می دهیم. که شما میتوانید فایل jequery را از اینجا دانلود کنید.

به فایل اسلایدر از این کتابخانه هم نیاز است (” تفنگ بی فشنگ که ارزشی نداره “) ،از اینجا جی کوئری اسلایدشو flexslider2 دانلود کنید.

خوب حالا با دستور سی اس اس باید این کتاب خانه را تنظیم کنید که نیازی نیست و میتوانید از اینجا فایل اسلایدشو css رادانلود کنید.

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

<script src=”jquery.min.js”></script>
<script src=”modernizr.js”></script>

<link rel=”/flexslider.css” type=”screen” />

یا در صورت نیاز فایل های سی اس اس را به انتهای فایل style.css اضافه کنید.

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

دانلود فایل کد های اچ تی ام ال اسلاید شو slider

در میان کد های بالا <img src=”slide1.jpg” /> وجود دارد.عکس هایتان را در قالب در کنار کد های اسلایدر قرار بدهید و نام آنها را به slide1.jpg و slide2.jpg و… تغییر دهید.

 

حال با کد روبرو ۱۰ تا از آخرین پست های دسته با شماره آی دی ۳ را تکرار میکنیم در میان LI هر چه بنویسید خودش اسلاید میشود.

فاصله ابتدای کدها را بردارید{< ?    p h p}

< ?    p h p  query_posts(‘showposts=10&cat=3’);
if (have_posts()) : while (have_posts()) : the_post(); ?>
<li>
<img src=”slide3.jpg” />
</li>
< ?  p  h  p endwhile; endif; wp_reset_query(); ?>

مطالب مرتبط
آموزش طراحی سایت ریسپانسیو
مطالعه :

طراحی سایت ریسپانسیو مفهوم طراحی سایت Responsive یا طراحی سایت ریسپانسیو با توجه به اینکه امروزه فناوری اطلاعات و اینترنت بخش بزرگی از زندگی روزمره را در برگرفته است و می بایست طیف گسترده ی دستگاه هایی که با استفاده از آنها می توان به اینترنت دسترسی داشت را در نظر گرفت، مطرح گردید. بنابراین انعطاف پذیری سایت، یا طراحی سایت Responsive یکی از مهمترین شاخص های یک طراحی سایت با کیفیت است. و البته عامل پیشرفت کسب و کار اینترنتی می گردد. در این مقاله قصد داریم بهتر و دقیق تر به این موضوع بپردازیم.   طراحی سایت واکنش گرا (Responsive) چیست؟ طراحی سایت ریسپانسیو یا واکنش گرا (Responsive) به سایتی گفته می شود که با توجه به دستگاهی که کاربر برای مشاهده سایت استفاده می‌کند واکنش نشان می‌دهد. بنابراین سایت واکنش گرا (Responsive) بدین معنا است که اگر با تبلت، گوشی یا هر وسیله دیگر با هر اندازه که باشد به یک سایت واکنش گرا مراجعه کنید، طول و عرض سایت هم اندازه با دستگاه شما خواهد شد. در ادامه به اهمیت طراحی سایت واکنش گرا می پردازیم. اهمیت طراحی سایت واکنش گرا(Responsive) یک طراحی سایت Responsive می تواند بسیار به رشد و کیفیت سایت شما کمک کند. باتوجه به آمارهای اخیر بسیاری از کاربران متصل به اینترنت از گوشی یا تبلت خود استفاده می‌کنند، که ایران از […]

وبلاگ چیست ؟
مطالعه :

در این مقاله قصد داریم به بررسی وبلاگ و تاریخچه ایجاد آن بپردازیم. اگر هنوز تفاوت وب سایت و وبلاگ را نمیدانید و یا دوست دارید وبلاگ نویس شوید پیشنهاد می کنم تا پایان با ما همراه باشید. وبلاگ       اصطلاح وبلاگ (weblog) در سال 1997 توسط جورن بارگر ابداع شد که به معنای ثبت وقایع روزانه می باشد. وبلاگ ، وب سایتی شامل مجموعه ای از مطالب است که به ترتیب زمانی معکوس مرتب شده اند و اغلب با اطلاعات جدید در مورد موضوعات خاص به طور مرتب به روز می شوند. به طور کلی ، وبلاگ ها به یک یا چند موضوع یا مضمون اختصاص داده می شوند ، که معمولاً مورد توجه موضوعی قرار می گیرند.وبلاگ که به بلاگ یا وب‌نوشت نیز معروف است می تواند شامل یادداشت های شخصی ، اخبار ، مقالات علمی و موضوعاتی از این قبیل باشد. به کسی که محتوای وبلاگ را مینویسد بلاگر (blogger) یا وبلاگ نویس می گویند. جالب است بدانید اولین وب نوشت در ایران به سال ۱۳۸۰ برمی‌گردد. سلمان جریری اولین محتوا وبلاگ خود را در ۱۶ شهریور ۱۳۸۰ نوشت و پس از آن وبلاگ نویسی تا امروز ادامه دارد. در واقع می توان از او به عنوان اولین وبلاگ نویس ایرانی یاد کرد. تفاوت وبلاگ و وب سایت چیست ؟ وبلاگ را می‌توان نوعی وبسایت […]

شرکت طراحی سایت
مطالعه :

اگر پس از مدتی کلنجار رفتن با خود درباره ی داشتن یا نداشتن وب سایت به این نتیجه رسیده اید که با توجه به شرایط امروزی، کسب و کار شما به وب سایت نیاز دارد و اکنون به دنبال شرکت طراحی سایت هستید پیشنهاد می کنم ادامه ی این مقاله را از دست ندهید.   داشتن یا نداشتن وب سایت ؟ مساله این است! شاید 10 سال پیش کسب و کار سنتی رونق خوبی داشت اما امروزه که بیشتر مردم با تلفن های همراه خود زندگی می کنند و اینترنت را جزیی از الزامات زندگی روزمره می دانند نمی توان از اثرات کسب و کار آنلاین و مجازی چشم پوشی کرد. امروزه تنها با یک جستجو ساده در گوگل و کلیک بر روی گزینه خرید سایت افرادی کسب درآمد می کنند. چرا شما جزو این دسته از افراد نباشید؟ فارغ از مساله ی رشد و گسترش اینترنت ، داشتن وب سایت مزایای دیگری نیز دارد . زمانی که شما وب سایت دارید یعنی در هرروز هفته و هر ساعتی در دسترس هستید و می توانید به کسب درآمد بپردازید. داشتن وب سایت شما را محدود به محل زندگی خود نمی کند و شما می توانید حتی از شهرهای دیگر نیز مشتری داشته باشید. کدام شرکت طراحی سایت را انتخاب کنم؟ با یک جستجو ساده در گوگل شما با انبوهی از […]

کسب و کار اینترنتی با وب یار
مطالعه :

در دنیای امروزی که تنها با یک جستجو ساده در گوگل هزاران منبع و اطلاعات یافت می شود داشتن وب سایت برای هر کسب و کاری ضروری است. داشتن وب سایت شما را از محدودیت های زمان و مکان دور کرده و می تواند باعث رشد و پیشرفت شغلی تان شود. از طرفی با شیوع ویروس کرونا در جهان و از رونق افتادن کسب و کارها ، کسب و کار اینترنتی همچنان پابرجا بوده و حتی رونق بیشتری پیدا کردند. اگر مشغول مطالعه این مقاله هستید و تاکنون به داشتن وب سایت فکر نکرده اید نگران نباشید ! ما شما را به یک مشاوره رایگان تلفنی دعوت می کنیم تا بهتر بتوانید تصمیم بگیرید.   محتوا پادشاه است ! فرض می کنیم شما صاحب یک وب سایت هستید و قبلا تمام این مراحل را پشت سر گذاشته اید. حالا سوال اینجاست آیا صرف داشتن یک وب سایت می تواند باعث پیشرفت کسب و کار شود؟ البته که پاسح منفی است. وب سایت بدون محتوا مانند ظرفی بدون غذا است. شاید شنیده باشید که می گویند محتوا پادشاه است پس نباید قلمرویی این پادشاه را فراموش کرد. محتوا بهترین پل ارتباطی بین سایت شما و مخاطبان است. اگر محتوایی جذاب و کاربردی داشته باشید کاربران مدت بیشتری را در سایت شما گذرانده و حتی ممکن است به مشتریان ثابت شما تبدیل […]

بهبود ساختار سایت
مطالعه :

بسیاری از وب‌سایت‌ها ساختار گمراه‌کننده‌ای دارند. لینک دادن محتوا‌ها به یکدیگر از هیچ قاعده و قانونی تبعیت نمی‌کند، کاربر را گیج و سردرگم و به مسیر اشتباهی راهنمایی می‌کند. این می‌تواند برای سئوی سایت شما بسیار بد باشد. امروز شما را با استراتژی بهبود ساختار وب‌سایت آشنا می‌کنیم تا بتوانید جایگاه سایت‌تان را در موتورهای جستجو ارتقا دهید. و از طریق آن بتوانیم به افزایش درآمدتان کمک کنیم. با ما همراه باشید. مسیر کاربر(User Flow) مسیر کاربر و ساختار وب‌سایت ارتباط تنگاتنگی دارند. ساختار وب سایت شما مانند نقشه‌ی معماری یک ساختمان است.این ساختار یک طرح کلی از چگونگی پیوند دادن پست‌ها و صفحات سایت‌تان برای شما فرآهم می‌آورد. با استفاده از مفهومی معروف به خوشه‌بندی محتوا می‌توان دید که چگونه ساختار وب‌سایت ‎تان روی سئوی آن موثر است. در ادامه درباره خوشه‌بندی محتوا توضیح خواهیم داد. از طرف دیگر مسیر کاربر مربوط به نحوه و چگونگی جابجایی کاربران در سایت‌تان است و یکی از عوامل مهم و تأثیرگذار روی سئو است. ساختار وب‌سایت سهم بزرگی در این مهم دارد. از دیگر عوامل مؤثر،می‌توان به کیفیت محتواها و لینک‌های‌تان اشاره کرد. بهترین ابزار برای تجزیه و تحلیل سایت قبل از اعمال هر گونه تغییر اساسی در ساختار وب‌سایت‌ تان باید نحوه استفاده کاربران از سایت‌تان را بررسی کنید. دو برنامه‌ی کاربردی و معروف وجود دارد که می‌توانید برای این کار […]

طراحی سایت حرفه ای
مطالعه : 15 دقیقه

طراحی سایت اصفهان |طراحی سایت حرفه ای | سئو تضمینی سایت تیم طراحی سایت و سئو سایت وب یار به آدرس https://www.webyar.net ، بامجوز رسمی از نظام کامپیوتر کشور و دارای نماد اعتماد و نماد ساماندهی و با ۱۶ سال دانش تخصصی در زمینه طراحی وب سایت ,سئوسایت در گوگل و امنیت سرور

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *