پرش به

    • ورود
    • عضویت
    • Log In with Google
    کاربر گرامی، برای استفاده کامل از امکانات سایت نیاز است شما، عضو سایت شوید !

    اطلاعیه مهم در مورد آموزش ها

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

    موفق و پیروز باشید.

    جزئيات مقاله/خودآموز بازديد از تاپيك پشتيبانی اين مقاله

    • اضافه شده در تاریخ: اسف ۲۷ ۱۳۹۳ ۱۰:۲۹ بعد از ظهر
    • تاريخ بروزرسانی: فرو ۱۵ ۱۳۹۴ ۰۴:۴۸ قبل از ظهر
    • بازديد ها: 4443
     


    * * * * *
    2 رأی

    آموزش تکمیلی و تصویری افزونه طراحی صفحه ثبت نام Pfcblockgenerator

    آموزش تکمیلی و تصویری افزونه طراحی صفحه ثبت نام Pfcblockgenerator

    ارسال شده توسط amir christ در اسف ۲۷ ۱۳۹۳ ۱۰:۲۹ بعد از ظهر
    نام افزونه: Pfc_block_generator
    ورژن های پشتیبانی شده: 3.7+
    عملکرد: توسط این افزونه خواهید توانست براحتی و بدون دانش برنامه نویسی صفحه ثبت نام را خودتان طراحی کنید.
    زبان های استفاده شده: PHP, MySQL, JavaScript, HTML, CSS
    برنامه نویس و طراح: امیر کرایست
    =========================
    شرح آموزش:

    شعار افزونه:


    زیبائی ها را خودت خلق کن.


    طراحان عزیز برای آموزش های حرفه ای و تغییرات در افزونه به آدرس زیر مراجعه کنند:


    http://phpfoxclub.ir...ه-ثبت-نام-مخصو/



    تصویر



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

    ما در این آموزش سه بخش خواهیم داشت:
    ++ بخش اول: بخش معرفی و آموزش های نصب و راه اندازی های اولیه
    ++ بخش دوم: آموزش ایجاد بلوک ها و کدهای مورد نیاز برای نمایش در صفحه ثبت نام
    ++ بخش سوم: آموزش ایجاد، و طراحی قالب توسط افزونه بدون دستکاری در کدها

    بخش اول: بخش معرفی و آموزش های نصب و راه اندازی های اولیه
    بعد از اینکه فایل را از آدرس زیر دانلود کردید:

    http://phpfoxclub.ir...کلوپ-در-phpfox/


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

    + نصب:
    در پنل ادمین خود به آدرس زیر بروید:

    ادمین پنل -> گسترش دهنده ها -> محصولات -> وارد کردن محصول

    و روی نصب کلیک کنید.

    + آپدیت:
    در پنل خود به آدرس زیر بروید:

    ادمین پنل -> گسترش دهنده ها -> محصولات -> مدیریت محصولات

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

    + وارد کردن لایسنس:
    بعد از اینکه افزونه را نصب کردید، اولین کار وارد کردن لایسنس است که موقع خرید، بصورت اتوماتیک دریافت کرده اید.

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

    تصویر


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

    http://phpfoxclub.ir...لایسنس-از-کلوپ/


    به آدرس زیر بروید:

    ادمین پنل -> تنظیمات -> مدیریت تنظیمات -> PFC Block Generator

    و از بین گزینه ها پیدا کنید:
    PFC License Key
    
    لایسنس خود را وارد کرده و بعد ذخیره کنید:
    + نصب قالب پیشفرض Dream:
    در مرحله دوم، حتما باید قالب پیشفرض را نصب کرده و خواستید استفاده کنید و اگر هم نخواستید، قالبی بصورت پیشفرض داشته باشید که در مواقع لزوم از آن استفاده کنید، ولی قبل از هر کار توصیه می کنم که به آدرس زیر بروید:

    ادمین پنل -> ماژول ها -> pfcblockgenerator

    و روی Add Styles کلیک کنید تا صفحه زیر باز شود:

    تصویر


    در قسمت Name اسمی به دلخواه مثلا نام قالبی که نصب خواهد شد را بنویسید: Dream

    بعد به انتهای صفحه رفته و روی "Install Your Style" کلیک کنید:

    تصویر


    لطفا توجه داشته باشید که اگر قالبی طراحی کنید اسم این دگمه خواهد بود "Install Your Style" ولی اگر قالبی را خواستید تغییرات ایجاد کنید خواهد بود "Update Your Style":

    تصویر


    و بعد گزینه Manage Styles را کلیک کنید و روی قالبی که نصب کردید کلیک کنید تا فعال شود:

    تصویر


    تبریک، شما اولین قالب را به همین راحتی نصب و فعال کردید.

    اولین قالب را بدون تغییرات نصب کردید، ولی از این به بعد، براحتی اصلا 1000 تا قالب را با تغییرات دلخواه از قسمت Add Styles براحتی طراحی کنید، و بدون اینکه به کدهای قالب دست بزنید و تنها از طریق پنل مدیریتی ماژول براحتی طراحی کنید و لذت خلق زیبائی ها را خودتان حس کنید. ولی فعلا طراحی نکنید بریم به بقیه آموزش...

    + آپلود تصویر پشت زمینه:
    اگر میخواهید که تصاویر پشت زمینه زیبائی را قرار دهید که با هر رفرش تصویر دیگری جایگزین میشود، روی گزینه Background Images کلیک کنید تا صفحه و مراحل کار را ببینید:



    تصویر


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

    ولی اگر نمی خواهید از پشت زمینه استفاده کنید، این قسمت را انجام ندهید و یا اگر انجام دادید دیگر نمی خواهید که از پشت زمینه استفاده کنید، همه دگمه های سبز رنگ را قرمز کنید و یا راحت ترین راه غیر فعال کردن پشت زمینه از تنظیمات هست که اگر روی گزینه Setting کلیک کنید، مستقیم به بخش تنظیمات افزونه منتقل خواهید شد و پیدا کنید: Background Image و این گزینه را غیر فعال کنید:

    تصویر


    + افزودن بلوک، خبر و ...:
    خوب، تا این مرحله ما فقط طراحی قالب را داشتیم ولی بدون محتوا، و حتما می دانید بدون محتوا بدردی نمی خورد که در تصویر زیر چنانچه ملاحظه می کنید، می توانید از اسم بخش ها که مشخص هست محتویات قالب را اضافه کنید:



    تصویر


    ما برای هر بخش یک Add برای اضافه کردن و یک Manage برای مدیریت داریم که براحتی از قسمت اضافه کردن می توانید بلوکی را ایجاد و از قسمت Manage مدیریت کنید.

    + اسلایدر
    در اولین قدم، به Add Slide بروید که بصورت پیشفرض فعال است و همین الان هم در صفحه ثبت نام فعال شده ولی بدون محتوا...

    از قسمت Add Slide متن مورد نظر برای نمایش روی تصویر، و تصویر خود را آپلود نمائید:

    تصویر


    باز نگران نباشید، به هر تعداد که می خواهید تصویر آپلود نمائید، ولی توجه داشته باشید که افزونه فقط 5 تا از آنها را نمایش خواهد داد، چرا که بصورت پیشفرض محدودیت روی 5 قرار داده شده است و برای اینکه تعداد را کم و زیاد کنید باز از گزینه Setting به تنظیمات افزونه رفته و پیدا کنید: Slide Limit

    و عدد مقابل آنرا را کم و زیاد کرده و بعد ذخیره نمائید:

    تصویر


    توجه: چون من سایز این اسلایدر را برای اینکه زیباتر به نظر برسد، بحالت زیبائی طراحی کرده ام، لطفا موقع آپلود از تصاویر با سایز:
    912 X 220
    
    استفاده کنید تا اسلایدر شما زیباتر از پیش باشد. برای اینکار از برنامه Paint خود ویندوز استفاده کنید. برای مثال این طرح:

    تصویر


    خواستید اولین تصویر، همین تصویر را آپلود نمائید.

    مرحله بعد اضافه کردن بلوک هست.
    ما در این افزونه دو نوع بلوک داریم:

    1- بلوک بزرگ
    2- بلوک کوچک

    ما در هر سطر دو تا بلوک بزرگ خواهیم داشت و چهار تا بلوک بزرگ

    در واقع شما باید به این صورت برای اینکه زیبائی قالب به هم نخوره بلوک ایجاد کنید.

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

    و در داخل بلوک های کوچک هم، از آخرین ارسالی ها، آخرین بلوک ها، آخرین صفحات، آخرین کامنت ها و ... کلا به این نوع محتوا پر خواهیم کرد که البته باز حتما وجود این محتوا ضروری نیست و من نظر خودم را گفتم.

    شما این بلوک ها را تنها با یک کلیک که آیا بلوک های بزرگ بالاتر از بلوک های کوچک قرار بگیرد، یا اینکه اول بلوک های کوچک قرار بگیرد و یا اینکه اسلایدر در بالای صفحه باشد و یا پائین صفحه، همه و همه بدون دستکاری در کدها و بدون دانش برنامه نویسی و تنها با یک کلیک امکانپذیر است:

    تصویر


    در مورد محتوای بلوک ها، و کدهای آماده برای استفاده و ... توضیحات کلی، در بخش دوم آموزش توضیح خواهم داد.

    + خبرهای مهم
    ما بخشی نیز به عنوان خبرهای مهم داریم، که بصورت زیبائی در صفحه ثبت نام از راست به چپ حرکت خواهد کرد که برای اضافه کردن خبرهای مهم سایت خود از قسمت ماژول روی Add News خبرهای خود را اضافه کنید:

    تصویر



    بصورت پیشفرض خبرهای سایت روی گزینه 10 میباشد.

    ما در این افزونه 2 تا کلمه برای ترجمه داریم که من به بخش ترجمه اضافه نکردم و داخل تنظیمات قرار دادم که براحتی می توانید دگمه های موجود در صفحه ثبت نام که عبارتند از ورود و ثبت نام را به هر اسمی که خواستید ترجمه کنید:

    تصویر

    جالبه نه؟ ما تا حال بدون اینکه به کدهای قالب دست بزنیم براحتی و با لذت تمام، قالب طراحی کردیم.



    بخش اول آموزش ها در اینجا تمام میشود، و برای ادامه آموزش به بخش دوم آموزش ها در ادامه همین مطلب توجه فرمائید.



    موفق و پیروز باشید.
    • علیرضا عباسی, omidkarami, fox-man و 2 فرد دیگر این پست را پسندیده اند

    تغییر Layout ایندکس انجمن
    انتخاب فونت دلخواه
    انتخاب رنگ عناصر
    123456789101112131415
    انتخاب عکس به عنوان پس زمینه
    انتخاب پترن به عنوان پس زمینه
    انتخاب رنگ پس زمینه ایندکس
    انتخاب رنگ منو ها
    Click To Disable Effects