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

فرصت را از دست ندهید
انجمن مه سفر
+ پاسخ به موضوع
نمایش نتایج: از 1 به 2 از 2

موضوع: آموزش ویرایش قالب ویبولتین - برای اولین بار در ایران

  1. P30web آواتار ها
    P30web
    مدیر کل سایت
    مدیر کل سایت
    Oct 2015
    وب پارسی
    8,215
    7742
    1,789
    5,281
    36

    آموزش ویرایش قالب ویبولتین - برای اولین بار در ایران

    باسلام و درود خدمت شما کاربران گرامی پی سی وب :

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

    مرحله اول - اقدامات بکاپ گیری و پشتیبانی گیری :

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

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

    دلیل تاکیدم : دلیل تاکیدم روی بکاپ گیری به این دلیل هست که تمامی اقداماتی که جلوتر انجام میدهیم غیرقابل برگشت هست و یک اشتباه کوچک میتواند باعث بشه ضرر مالی و وقتی زیادی رو متحمل شوید .

    مرحله دوم - وارد پنل مدیریت کل ویبولتین شوید و... :

    وارد ادمین سی پی (Admincp) یا همون پنل مدیریت کل شوید و از سپس از سمت راست روی بخش (استایل ها & قالب ها) کلیک کنید تا منوی زیر مجموعه آن باز شود :



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

    مرحله سوم - آشنایی با بخش های مختلف یک قالب :

    در ویبولتین این گونه نیست که کل کد ها در یک فایل یا یک جا باشه و برای راحتی کد ها در فایل ها و بخش های مختلفی ذخیره سازی میشه :

    مثلا به صورت کلی یک صفحه از ویبولتین به صورت زیر دسته بندی شده است :


    ----


    به بالای سایت معمولا Header می گویند ، و برعکس به پایین سایت Footer می گویند :


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

    هدف از این توضیحات این بود که بدانید مثلا اگر قراره پایین سایت چیزی اضافه کنید ، میتوانید برید سراغ ویرایش قالب footer یا اگر میخواهید بالای سایت رو ویرایش کنید برید سراغ Header یا برای ویرایش منو میتوانید برید سراغ Navbar و...

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

    #1 ارسال شده در تاريخ 02-19-2018 در ساعت 02:36 PM

  2. P30web آواتار ها
    P30web
    مدیر کل سایت
    مدیر کل سایت
    Oct 2015
    وب پارسی
    8,215
    7742
    1,789
    5,281
    36

    قسمت دوم

    خوب در بخش قبلی شما رو با یکسری توضیحات پایه آشنا کردیم ، از این جا به بعد کارمون عملی تر خواهد شد :

    یک نکته مهم رو بگم این جا که شما برای ویرایش قالب ویبولتین نیاز به حداقل دانش Html & css دارید : اگر بخواهید حیلی حرفه ای تر هر چیزی رو که میخواهید بتوانید به قالب تون اضافه کنید ، نیاز به دانش JavaScript - JQuery - پی اچ پی php - مای اس کیو ال MySQl + آشنایی کامل با ویبولتین و برنامه نویسی ویبولتین و.... دارید .

    میان بر برای کسانیی که آشنایی با Html & css ندارد : زمانی که ما میخواستیم شروع کنیم ویبولتین رو (10 - 12 سال پیش) هیچ کدوم از منابع امروز نبود و مجبور بودیم تمام موارد فوق رو یاد بگیریم ، چون نه کسی بود که ازش راهنمایی بگیریم ، نه جایی بود یه مقدار مطالعه کنیم و... ولی امروز خیلی وب نسبت به 10 - 12 سال پیش پیشرفت کرده و شما بدون اشنایی با این زبان ها نشانه گذاری و برنامه نویسی هم میتوانید قالب و استایل تون رو ویرایش کنید ،

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


    مرحله چهارم - جستجوی قالب و ویرایش قالب موردنظر :

    خوب ما فرض رو میگیریمم که توضیحات فبلی رو اوکی شده اید و میخواهید ویرایش قالب رو شروع کنید :

    مثلا ما در این بخش میخواهیم بریم پایین سایت یکسری لینک اضافه کنیم :

    خوب گفتیم پایین سایت footer میشه و به احتمال 98% درصد باید کدهای html مون رو در همین بخش وارد کنیم ،

    و کدهای سی اس اس رو هم میتوانیم در همین فایل یا به صورت جداگانه در فایل های دیگر مثل : (additional.css) وارد کنیم .

    خوب برای ویرایش قالب Footer به صورت زیر عمل میکنیم :

    در بخش (استایل ها & قالب ها) => جست و جو در قالب ها => چنین صفحه ای باز میشه و طبق توضیحات تصویر باید عمل کنید :




    خوب من یک نمونه هم انجام میدهم که متوجه شوید :



    سپس روی جستجو گفتیم کلیک میکنیم : که یه همچین صفحه ای باز میشه :




    که روی footer دوبار کلیک میکنیم . و صفحه ای به این صورت باز میشه :




    شما باید کد های قالب رو ویرایش و یا تغییر بدهید :

    نکته بسیار مهم : قبل از تغییرات حتما یکبار کدهای درون قالب رو یک جا ذخیره کنید ، یا یک بار کپی کنید و در یک جای مطمئن پیست کنید ، که اگر کدهای مربوطه رو بهم ریختید . بشه درست کرد

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

    امیدوارم مفید واقع شود .
    موفقیت کلید شادی نیست، شادی کلید موفقیت است؛ اگر آنچه انجام می دهی دوست بداری، موفق خواهی بود.

    #2 ارسال شده در تاريخ 02-19-2018 در ساعت 03:13 PM

+ پاسخ به موضوع

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

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

Designed With Cooperation

Of Creatively