Responsive

آموزش بوت استرپ ، شروع کار با بوت استرپ

برای شروع سریع تر می توانید از MaxCDN استفاده نمایید. به این صورت که با قرار دادن آدرس زیر در header وبسایت، مستقیماً از مرجع رسمی بوت استرپ، کلاس ها و فایل ها را فراخوانی کنید. نکته قابل توجه در این روش این است که این کار، باعث کاهش سرعت بارگذاری سایت و در نتیجه کند شدن آن شود ( که توصیه نمی گردد ) [crayon-5a363e8369b7a134498589/] همچنین افزودن برخی پلاگین های جاوا اسکریپت در انتهای صفحه و قبل از </body> توصیه می شود. دلیل انجام این کار، قابل شناسایی ...

ادامه مطالب
طراحی صفحه ریسپانسیو یا سایت واکنشگرا چیست ؟

سایت واکنش گرا یا سایت ریسپانسیو ( Responsive ) سایتی است که با ابعاد و رزولوشن دستگاه های مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد ( مثل اکثر گوشی های هوشمند موبایل ( یا نمایشگری متوسط ) مثل لپ تاپ و تبلت ( و یا نمایشگرهای بزرگ ) کامپیوترهای رومیزی و ال سی دی های بزرگ‌ ) داشته باشند، می توانند به راحتی سایت را بررسی کنند و دیگر نیازی نیست اندازه صفحه را تغییر دهند که سایت به صورت کامل دیده شود. امروزه کاربران از نمایشگرهای مختلف در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده می کنند. بنابراین سایتی می تواند در فضای وب موفق باشد که بتواند ...

ادامه مطالب
آموزش Bootstrap بخش  دوم – ساختار کلی بوت استرپ

در این بخش قصد داریم توضیحی در مورد ساختار کلی فریمورک bootstrap ارائه نماییم. همانطور که می دانید، بوت استرپ محبوب ترین فریمورک HTML، CSS وJavaScript برای طراحی و توسعه وب سایت های واکنشگرا می باشد. طراحی وب واکنشگرا به معنای ساخت وب سایت هایی می باشد که بصورت خودکار خودشان را برای خوب به نظر رسیدن در همه دستگاه ها از موبایل های کوچک تا دسکتاپ های بزرگ، تنظیم می کنند.  در بوت استرپ 3، استایل های mobile-first بخشی از هسته فریمورک  می باشند. همچنین بوت استرپ با همه مرورگرهای مدرن مانند Chorme, Firefox, Internet Explorer, Safari و Opera سازگار می باشد. با توجه به مطالب بخش اول از مقالات مردان وردپرس، بعد از آماده سازی بوت استرپ که می ...

ادامه مطالب
معرفی پلاگین وردپرسی ، My Bootstrap Menu

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

ادامه مطالب
معرفی و بررسی قالب وردپرس ، Avada

چهار سال پیش در سال ۲۰۱۲ گروهی در فلوریدا گردهم آمد تا تنها محصول کمپانی ThemeFusion را تولید کنند، پس از چندی نسخه اولیه از محصول شگفت انگیز فراهم شد و روانه بازار و در مرکز آن ThemeForest شد، بازاری که در یک نگاه می توان به بزرگی آن پی برد و امروز پس از ۴ سال محصول شگفت انگیز آنها توانست با رقمی خیره کننده 240 هزار فروش رکوردار پرفروش ترین قالب تاریخ وردپرس شود. محصولی که همه کارشناسان بر این باورند که تنها یک محصول نیست و در دل خود محصولاتی دیگر نهان دارد اما تنها کاربر پول یک محصول را می پردازد هدف گروه ThemeFusion براین است که یک محصول ...

ادامه مطالب
آموزش وردپرس ، معرفی پلاگین Child Theme Configurator

اگر شما با سفارشی سازی قالب های وردپرس کار می کنید این برای شما کافی نخواهد بود که یک تم child از قالب نصب شده خود و سبک ها یا قالب ها و یا توابع  را سفارشی سازی کنید. Child Theme Configurator یک ابزار سریع و آسان که به شما اجازه تجزیه و تحلیل مشکلات آن و سفارشی سازی کردن آن را فراتر از گزینه های Customizer  یا سفارشی سازی وردپرس می دهد.یک ابزار طراحی شده برای کاربران وردپرس که قادر به سفارشی کردن مستقیم شیوه های(Stylesheet) ،برای  child theme  می باشند.Child Theme Configurator  به شما اجازه  شناسایی و نادیده گرفتن ویژگی  CSS که شما می خواهید را می دهد.آنالیزور به صورت اتوماتیک ،  پیکربندی  child theme شما را اسکن خواهد کرد.این به ...

ادامه مطالب
معرفی پلاگین وردپرسی Max Mega Menu

به راحتی با کشیدن و رها کردن منو ها در این پلاگین مگا منو واکنش گرای  خود را بسازید. ایجاد منوهای مگا ابزارک استفاده ساخته شده در ویژوال سازنده مگا منو. در اینجا می توانید مستندات و دموی آنلاین را مشاهده فرمایید   https://www.maxmegamenu.com امکانات: مگا منو سازنده کشیدن و رها کردنی. نمایش ابزارک در منوی وردپرس خود. ویرایشگر تم با 100+ گزینه ی  سفارشی سازی ساخته شده پشتیبانی از شناور (سنتی) و یا مگا منو سبک زیر منو. HoverIntent یا رویداد کلیک برای باز کردن منوها محو شدن یا اسلاید انتقال اضافه کردن آیکون به آیتم های منو 'مخفی کردن متن و گزینه "غیرفعال کردن لینک' در آیتم های منو تراز آیتم های منو را به سمت چپ یا راست از نوار منو تراز منوهای فرعی به سمت چپ یا راست از ...

ادامه مطالب
معرفی پلاگین وردپرسی Owl Carousel

هر سایتی دارای طراحی خاص می باشد.جلوه هایی که به سایت می دهیم سایت ها را کاربر پسند تر می کنند.یکی از کارهایی که برای بهتر شدن سایت می توان انجام داد ایجاد اسلایدر برای سایت می باشد.برخی اسلایدر ها سنگین هستند و برخی دیگر واکنش گرا نیستند.اما اگر بخواهیم یک اسلایدر سبک و کار آمد در سایت خود قرار دهیم چه؟در وردپرس پلاگینی وجود دارد که به وسیله آن می توانیم یک اسلایدر واکنش گرا (responsive) برای سایت وردپرسی خود بسازیم.در این قسمت از آموزش وردپرس به بررسی این پلاگین می پردازیم. اضافه کردن یک Carousel یا اسلاید شو به وب سایت وردپرسی بر اساس Owl Carousel، Owl Carousel واکنش گرا  بوده و به طور کامل ...

ادامه مطالب
معرفی و بررسی قالب وردپرس ، Graphene

امروز با معرفی قالب وردپرسی Graphene خواهیم پرداخت با مردان وردپرس همراه باشید. به راستی اگر به دنبال قالب رایگان برای سایت های شرکتی هستید پشنهاد ما به شما قالب Graphene می باشد، بیش از یک میلیون دانلود توسط کاربران در سایت رسمی وردپرس نشان از این دارد که این قالب طرفداران زیادی دارد، اما در زیر توضیحی هر چند کوتاه در خصوص این قالب خواهیم داد: کاملا واکنش گرا (‌ Responsive )  قابلیت شخصی سازی  تغییر رنگ کلی سایت به رنگ دلخواه  دارای صفحه تنظیمات در بخش مدیریت وردپرس دارای منو دریافت و نمایش نظرات کاربران دارای مکان هایی برای نمایش ویجکت دارای صفحه ۴۰۴ دارای امکان قرار دادن شورتکد در صورت تمایل می توانید این قالب را به صورت رایگان از این آدرس دریافت ...

ادامه مطالب
معرفی و بررسی قالب وردپرس ، Flex Mag

راه اندازی یک سایت مجله کار چندان ساده ای نمی باشد چرا که می بایست قالبی با امکانات بسیار زیاد داشت که بتوان تمامی بخش ها را پوشش داد از این رو ساخت چنین قالب هایی زمان بسیار زیادی را از طراحان و سازندگان می گیرد در نتیجه اگر تصمیم به راه اندازی مجله اینترنتی دارید پیشنهاد می کنیم که از قالب های آماده در این زمنیه استفاده کنید یکی از بهترین این قالب ها که مخصوص مجله طراحی شده است قالب وردپرسی Flex Mag می باشد که با قیمتی مناسب در بازار Themeforest در دسترس است. از ویژگی های این فالب می توان به موارد زیر اشاره کرد: سازگار با آخرین نسخه از وردپرس (‌ ...

ادامه مطالب