نسخه آزمایشی

آموزش ساخت قالب سایت اندرویدها
آموزش ساخت قالب سایت اندرویدها

قالب سایت Androidha.com

جلسه ی ۴۲  هم اضافه شد.

با عرض سلام خدمت تمامی دوستان عزیز

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

در این سری از آموزش ها ابتدا از مباحث ساده شروع کرده و کم کم پیش می رویم.

از html و Css شروع می کنیم و در مرحله ی اول فقط بلاک های مربوط به قسمت های مختلف سایت رو ایجاد خواهیم کرد.

این بلاک ها عبارتند از:

۱- هدر

۲- منو

۳- بخش آخرین اخبار دنیای اندروید و اسلایدر تصاویر

۴- محتوای سایت که شامل تبلیغات + مطالب اصلی سایت می باشد.

۵- بلاک سایدبار سمت چپ سایت که شامل بلاک ورود ، تبلیغات بنری ، دسته بندی ، آخرین دانلود ها ، آخرین بازدید های هفته و تبلیغات متنی می باشد.

۶- بلاک مربوط به صفحه بندی مطالب

۷- بلاک مربوط به فوتر

بعد از ایجاد شکل ظاهری سایت توسط Html و Css به سراغ تبدیل قالب Html به قالب وردپرس خواهیم رفت.

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

قیمت آموزش ها هم متغیر هست. سه قسمت اول که شامل طراحی هدر ، بخش منو و بخش آخرین اخبار دنیای اندروید هست به مبلغ ۱۰۰۰ تومان به فروش می رسد.

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

 

سری اول آموزش ها:

جلسه ی ۱ : در این جلسه در مورد کلیات سایت Androidha.com و بخش های مختلفی که این سایت دارد صحبت می کنم و در نهایت بخش هدر رو ایجاد خواهیم نمود.

جلسه ی ۲ : در این جلسه بلاک مربوط به منو رو ایجاد خواهیم کرد.

جلسه ی ۳ : در این جلسه بلاک مربوط به اخبار دنیای اندروید و همچنین بلاک مربوط به اسلایدر رو ایجاد خواهیم کرد.

 

سری دوم آموزش ها:

جلسه ی ۴: در این جلسه ابتدا مشکلی که برای بخش مطالب درجلسه ی قبل بوجود اومده بود رو رفع خواهیم کرد.

در مرحله ی بعد قسمت مربوط به Thumbnail قالب رو طراحی می نماییم. ضمن این که بلاک مربوط به عنوان مطلب رو هم ایجاد خواهیم کرد.

جلسه ی ۵: در این جلسه بلاک مربوط به رتبه دهی مطلب و همچنین بلاک های مربوط به تعداد بازدید ها و متن مطلب را طراحی خواهیم کرد.

جلسه ی ۶: در این جلسه دکمه ی ادامه مطلب رو ایجاد می کنیم. در ادامه محلی برای بلاک دکمه های اشتراک گذاری و محلی برای تعداد نظرات و تاریخ انتشار مطلب در نظر خواهیم گرفت.

 

سری سوم آموزش ها:

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

جلسه ی ۸: در این جلسه بلاک مربوط به صفحه بندی مطالب رو ایجاد می کنیم ( دقت کنید که شماره بندی صفحات یعنی ۱ ۲ ۳ ۴ و…. مربوط به پلاگین هست و در جلسات آینده موقعی که راجع به قالب وردپرس صحبت میشه آموزش داده خواهد شد)

جلسه ی ۹: در این جلسه دوباره به سراغ منوی بالای سایت می ریم و منو رو به دو قسمت سمت راست و چپ تقسیم می کنیم. سمت راست گزینه های منو هستند و سمت چپ دکمه های اشتراک گذاری و … که در این جلسه فعلا سمت راست رو تکمیل می کنیم.

جلسه ی ۱۰: در این جلسه سمت چپ بلاک منوی بالا رو طراحی خواهیم کرد. یعنی زمان و دکمه های اشتراک گذاری توئیتر ، فیسبوک و فید سایت

 

سری چهارم آموزش ها:

جلسه ی ۱۱: ساخت بلاک مربوط به فرم جستجو ی سایت

جلسه ی ۱۲: تکمیل بلاک تبلیغات متنی

جلسه ی ۱۳: تکمیل قسمت پربازدیدترین های هفته

جلسه ی ۱۴: تکمیل بلاک بیشترین دانلود ها

 

سری پنجم آموزش ها:

جلسه ی ۱۵: در این جلسه بخش تبلیغات بنری رو تکمیل خواهیم نمود.

جلسه ی ۱۶: در این جلسه دکمه ی ادامه مطلب رو تکمیل می کنید یعنی وقتی موس روش میره بکگراندش تغییر می کنه.

جلسه ی ۱۷: تغییر فونت بخش های مختلف سایت.

 

سری ششم آموزش ها:

جلسه ی ۱۸: در این جلسه بخش فوتر به صورت کامل تکمیل خواهد شد.

جلسه ی ۱۹: در این جلسه در رابطه با نصب وردپرس ، نحوه قرار دادن قالب طراحی شده به عنوان قالب پیشفرض وردپرس و یکسری نکات دیگر صحبت می کنیم. در این جلسه ضمنا قالب html رو تا حدودی برای قالب وردپرس آماده می کنیم.

جلسه ی ۲۰: در این جلسه بلاک مربوط به جستجو به صورت کامل تکمیل می شود و بخش محتوای مطالب نیز تا حدودی تکمیل خواهد شد. در این جلسه عنوان مطلب ، متن مطلب ، تعداد بازدید ها ، تعداد نظرات ، تاریخ انتشار مطلب ، دکمه ی ادامه مطلب ، تصویر شاخص مطلب و همچنین لوپی مطالب در آن قرار دارند تکمیل می شود. در واقع بعد از این جلسه شما می توانید به راحتی مطالبتون رو توی سایت منتشر کنید و اون ها رو ببینید.

جلسه ی ۲۱: در این جلسه قسمت دسته بندی مطالب به صورت کامل طراحی خواهد شد.

جلسه ی ۲۲: در این جلسه تبلیغات بنری و فرم ورود به سایت به صورت کامل تکمیل خواهند شد.

 

سری هفتم آموزش ها:

جلسه ی ۲۳: در این جلسه قسمت مربوط به تبلیغات متنی از حالت استاتیکی به حالت دینامیکی در خواهد آمد.

جلسه ی ۲۴: در این جلسه روی قسمت صفحه بندی مطالب کار خواهیم کرد و در واقع بخش صفحه بندی در این جلسه تکمیل خواهد شد.

جلسه ی ۲۵: در این جلسه بخش رتبه دهی به مطلب (Post Rating) رو تکمیل خواهیم کرد ضمن این که در ادامه بخش موضوعات هر مطلب رو نیز تکیم می کنیم.

جلسه ی ۲۶: در این جلسه تبلیغات بزرگ بالای مطالب رو تکمیل خواهیم کرد.

 

سری هشتم آموزش ها:

جلسه ی ۲۷: در این جلسه ی کوتاه به یه مبحث خیلی ریز( که شاید اگه کسی راهنماییتون نکنه نتونید حلش کنید) اشاره خواهیم کرد. من خودم قبلا( موقعی که داشتم سایت Zahedannews.com  رو طراحی می کرد) این مشکل رو داشتم. مشکل این هست که شما توی مطلب از یک عکس استفاده می کنید که سمت مثلا چپ قرار داره ولی موقعی که مطلب رو ارسال می کنید عکس سمت راست قرار می گیره که در این جلسه به این موضوع خواهیم پرداخت.

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

http://www.mediafire.com/download/f902y5qjg7wa96j/27%20-%20Fixing%20Image%20Of%20Content.rar

 

سری نهم آموزش ها:

جلسه ی ۲۸: در این جلسه قسمت آخرین اخبار دنیای اندروید ها رو تا حدودی تکمیلی می کنیم.

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

http://www.mediafire.com/download/htbw2ue0603zdhd/28%20-%20Making%20Rss%20Block.rar

 

سری دهم آموزش ها:

جلسه ی ۲۹: در این جلسه یک اسلایدر آماده رو ویرایش می کنیم و طوری تغییرش می دهیم که گزینه های اضافه ای که داره حذف بشود. البته ما می تونستیم از پلاگین ها نیز استفاده کنیم ولی به نظر من از پلاگین هرچی کمتر استفاده بشه بهتر خواهد بود.

جلسه ی ۳۰: در این جلسه هم در راستای جلسه ی قبل یکسری فایل های جی کوئری ، جاوا اسکریپت ، Css و یکسری کد ها حذف خواهند شد تا حجم اسلایدر رو تا حد امکان پایین بیاریم.

جلسه ی ۳۱: در این جلسه بعد از ساده کردن  و کم حجم کردن اسلایدر ، اسلایدر رو به داخل کدهای مربوط به قالبون وارد می کنیم تا بشه از این اسلایدر در قالب سایت استفاده بشه. در این جلسه فقط و فقط این عمل انجام میشه یعنی قرار دادن اون اسلایدر آماده (که ساده و کم حجم شده است) در قالب سایت.

جلسه ی ۳۲: در این جلسه به اسلایدر استایل می دیم تا دقیقا عرض و ارتفاعش طوری باشه که در محل مورد نظر قرار بگیره.

 

سری یازدهم آموزش ها:

جلسه ی ۳۳: در این جلسه اسلایدری که در ۴ جلسه ی قبل آماده کرده بودیم را از حالت استاتیک تبدیل به حالت دینامیک خواهیم کرد.

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

http://www.mediafire.com/download/ho4o4utb5qyre2f/33%20-%20Customizing%20Slider%20-%20Chapter%205.rar

 

سری دوازدهم آموزش ها :

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

جلسه ی ۳۴ : در این جلسه قسمت های مختلف قالب index.php را جدا می کنیم تا بعدا در ساخت قالب صفحات جداگانه دچار مشکل نشویم.

http://www.mediafire.com/download/8hrtwpdl8djt5o0/34%20-%20Splite%20Code.rar

جلسه ی ۳۵ : در این جلسه اولین صفحه ی جداگانه یعنی صفحه ی single.php را ایجاد خواهیم کرد.

http://www.mediafire.com/download/zdu1grabsvvvp4i/35%20-%20Single%20Page%20_%20Chapter1.rar

 

سری سیزدهم آموزش ها:

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

جلسه ی ۳۶ : در این جلسه به بخش نظرات خواهیم پرداخت و با استفاده از کدهای وردپرس فرم های نظرات رو در فایل single.php نشان خواهیم داد.

http://www.mediafire.com/download/7girxic7brnonro/36%20-%20Single%20Page%20_%20Chapter2%20-%20Comments.rar

جلسه ی ۳۷ : در این جلسه نظرات کاربران رو استایل دهی می کنیم.

http://www.mediafire.com/download/ka7ik83do5qj9u3/37%20-%20Single%20Page%20_%20Chapter3%20-%20Comments.rar

 

سری چهاردهم آموزش ها:

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

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

http://www.mediafire.com/download/q7bk1axdoxh9i1s/38%20-%20Single%20Page%20_%20Chapter4%20-%20Comments.rar

جلسه ی ۳۹ : در این جلسه بخش مربوط به آموزش های اندروید رو طراحی خواهیم کرد.

http://www.mediafire.com/download/7983xf7znyq8328/39%20-%20Android%20Learning%20Block.rar

 

سری پانزدهم آموزش ها:

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

جلسه ی ۴۰: در این جلسه بخش دکمه های اشتراک گذاری تکمیلی خواهندشد.

http://www.mediafire.com/download/4ts2xssqtws8t98/40_-_Sharing_Buttons.rar

جلسه ی ۴۱: در این جلسه به سراغ منوی بالای سایت خواهیم رفت و بیشتر روی گزینه ی اکانت من کار خواهیم کرد.

http://www.mediafire.com/download/4umcwe480vr4y14/41_-_Top_Menu_1.rar

 

سری شانزدهم آموزش ها:

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

جلسه ی ۴۲: در این جلسه در مورد فایل page.php و ساخت صفحات مربوط به تبلیغات و تماس با ما و …. صحبت خواهیم کرد.

http://www.mediafire.com/download/g1p758eg1dgqtal/42_-_page.php.rar

 

فایل های مربوط به این آموزش

۱- اسکرین شات از سایت Androidha.com : جهت دانلود به اینجا مراجعه نمایید.

۲- کدهایی که در جلسه ی ۲۰ استفاده شده اند:

الف : کد شروع Loop

ب : کد پایان Loop

پ : کد عنوان مطالب

ت : کد لینک شدن عنوان مطالب

ث : کد متن مطالب

ج : کد افزودن امکان درج تصویر شاخص (این کد باید در فایل functions.php نوشته شود)

چ : کد نشان دادن تصویر شاخص در قالب (این کد رو باید در محل مورد نظر کپی کنید)

ح : کد نشان دادن روز انتشار مطلب

خ : کد نشان دادن ماه انتشار مطلب

د : کد نشان دادن سال انتشار مطلب

ذ : کد افزودن امکان تعداد بازدید ها ( این کد باید در فایل functions.php نوشته شود)

ر : کد اضافه کردن یک عدد به تعداد بازدید ها (این کد را بعدا در فایل single.php قرار خواهیم داد)

ز : کد نشان دادن تعداد بازدید های مطلب

ژ : کد افزودن امکان درج پشتیبانی قالب از ابزارک جستجو(این کد باید در فایل functions.php نوشته شود)

س : کد نشان دادن ابزارک های دلخواه  در قالب سایت

۳ – کدهایی که در جلسه ی ۲۱ استفاده شده اند :

در این جلسه هم مثل جلسه ی قبل می تونید از کدهای مربوط به ابزارک ها استفاده کنید با این تفاوت که باید به جای واژه ی “جستجو” واژه ی “موضوعات” رو قرار بدید.

۴ – منابعی که در جلسه ی ۲۲ استفاده شده اند:

الف : پلاگین wck custom fields and custom post types creator

ب : کد شروع Loop مربوط به تبلیغات بنری

پ : کد پایان Loop

ت : پلاگین Theme My Login جهت ایجاد فرم ورود به سایت.

۵ – منابعی که در جلسه ی ۲۴ استفاده شده اند:

الف: پلاگین wp-pagenavi

ب : کد مربوط به پلاگین Wp-pagenavi

۶ – منابعی که در جلسه ی ۲۵ استفاده شده اند:

الف: پلاگین Wp-PostRating

ب: کد مربوطه به پلاگین Wp-PageRating

۷ – اسلایدر مورد استفاده قرار گرفته شده در سری دهم

دانلود کنید.

۸- پلاگین Simple Share Button Adder برای اضافه کردن دکمه های اشتراک گذاری

دانلود کنید.

 

نکته : اجازه ی طراحی قالب سایت Androidha.com از سایت اندرویدها گرفته شده است.

 

دموی آموزش ها:

جهت مشاهده ی دموی آموزش تا قسمت ۱۷ به اینجا مراجعه نمایید.

 

درضمن اگه سوالی پیرامون این آموزش ها داشتید می تونید در بخش تالار گفتگو سوالتون رو مطرح نمایید.

جهت ورود به تاپیک مربوطه به اینجا مراجعه نمایید.

 

 

والسلام

سید

1 دیدگاه برای آموزش ساخت قالب سایت اندرویدها

  1. امتیاز 5 از 5

    (مالک تایید شده)

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

.فقط مشتریانی که این محصول را خریداری کرده اند و وارد سیستم شده اند میتوانند برای این محصول دیدگاه ارسال کنند.
محصولات فروشگاه

نظر خود را بیان کنید.


 

با لرنینگ تی وی به بهترین‌ها فکر کن


یاد بگیر

یاد بگیر

آموزشت رو پیداکن، دانلودکن، ببین، و یاد بگیر

یاد بده

یاد بده

آموزشت رو آماده کن، برای ما ارسال کن، و مدرس شو

پول‌دار شو

پول‌دار شو

دانشت رو بفروش و پول در بیار

تا زمانی که انجامش ندی غیر ممکنه ... اگه دوست داری، حتما میشه، پس

بیا انجامش بدیم

There are no products