طراحی قالب وب سایت سازگار با موبایل کار ساده ای نیست و نیاز به تجربه فراوانی دارد. در صورتی که تجربه ای در ساخت سایت سازگار با موبایل ندارید این کار را به طراحی سایت دارکوب بسپارید. طراحی سایت سازگار با موبایل بسیاری از هزینه های شما در مقایسه با طراحی جداگانه سایت برای موبایل را پایین می آورد. برای ساخت سیستم ستون بندی می بایست جهت صفحه بندی کلاس ستون اول و آخر را بدانید. البته بدون دانستن ستون اول و آخر نیز می توانید ستون بندی سازگار با انواع مرورگرها را داشته باشد. در این مقاله می خواهم به شما نحوه ساخت سیستم ستون بندی سازگار با موبایل توسط nth-of-type دستور css را آموزش دهم. لازم نیست کلاس ستون آخر و اول داشته باشید و یا تعداد ستون ها را بدانید، زیرا همه کارها توسط viewport انجام می شود. زیرا در سایزهای مختلف مرورگر و رزولوشن صفحه قالب به ستون های مختلف تبدیل می گردد.
منبع:
برای ساخت قالب جوملا 3 راحترین راه را به شما نشان می دهم. برای ساخت قالب جوملا 3 کافی است قالب خالی جوملا را از سایت http://blank.vc/دانلود نموده و فایل مورد نظر را بر روی کامپیوتر خود از حالت فشرده خارج سازید. سپس فایل templateDetails.xml را باز نموده و در بخش نام قالب خود را درج نموده و سایر اطلاعات را همینطور تکمیل نمایید پس از انجام تغییرات فایل را ذخیره نمایید و محتوای فلدر از حالت فشرده خارج شده را دوباره فشرده سازه نمایید. فرمت فایل فشرده شما می بایست zip باشد. پس از انجام این کار کافی است فایل مورد نظر را در جوملا نصب نمایید. این قالب خالی جوملا می باشد بنابراین پس نصب و انتخاب قالب به عنوان پیش فرض کافی است قالب را تکمیل نمایید. این قالب با موارد پیش فرض مورد نیاز برای جوملا تهیه شده بنابراین کافی است قالب سایت را مطابق به نظرات خود طراحی نمایید. همچنین در این قالب پایه های ایجاد نسخه موبایل وب سایت ایجاد گردیده بنابراین کافی است css مربوط به سایت را ایجاد نمایید.
همچنین در این قالب کتابخانه های Modernizr, jQuery, SASS & LESS و PIE ضمیمه شده بنابراین می توانید از تکنولوژی های html5 و css3 استفاده نمایید.
منبع:
http://sitedesign.joomir.com/طراحی-سایت-جوملا/item/701-ساخت-قالب-جوملا-3.html
لیست کل یادداشت های این وبلاگ
http://sitedar.com
http://joomir.com
