• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش تغییر قالب و ظاهر Sublime Text

9 2867 ۲۵ بهمن ۹۳

در این مطلب میخوام به شما آموزش بدم که چطور میتونین قالب ویرایشگر محبوب Sublime Text رو تغییر بدین و از اون لذت ببرین. در ابتدا که این ادیتور رو نصب میکنید ، ظاهرش تقریبا مثل عکس زیر هست : sublime1 با استفاده از آموزشی که امروز بهتون میدم ، میتونین اونو به شکل های زیر در بیارین :

  1. قالب روشن : soda-light
  2. قالب تیره : soda-dark

برای این کار قالبی بنام Soda Theme وجود داره ، که در دو نسخه تیره و روشن موجود هست. برای شروع باید به صفحه مورد نظر در سایت Github برید و قالب مربوطه رو دانلود کنید. کمی به پایین اسکرول کنید و روی گزینه Download Zip کلیک کنید : sublime2بعد از اینکه دانلود شد ، فایل رو Extract کنید : sublime3حالا باید نام این پوشه رو به Theme - Soda تغییر بدین : sublime4 بعد از اینکار باید این پوشه رو به فولدر Package منتقل کنید. برای باز کردن فولدر Package باید مراحل زیر رو انجام بدین : sublime5با اینکار فولدر Package باز میشه ، بصورت زیر : sublime6حالا پوشه Theme - Soda رو به اینجا منتقل کنید : sublime7حالا باید Sublime Text رو باز کنید و گزینه زیر رو انتخاب کنید : sublime8با اینکار صفحه ای که میتونیم در اون تنظیمات Sublime Text رو عوض کنیم ، باز میشه. به کدهایی که درون تصویر زیر هست زیاد دقت نکنید ، چون ممکنه که شما اصلا چنین کدهایی در ادیتور خودتون نبینید : sublimeشاید شما این صفحه رو که باز کنید ، هیچ کدی درونش نباشه. هیچ مشکلی نداره. تنها کاری که باید بکنید اینه که ، یک کاما به آخر این کدها اضافه کنید ، بصورت زیر : sublime9 و بعد از اون کد زیر رو اضافه کنید :

sublime10   حالا Ctrl + S رو فشار بدین تا این فایل ذخیره بشه. با اینکار تغییراتی در ظاهر بوجود میاد که خیلی خوشایند نیست! حالا باید یکبار ادیتور رو ببندید و دوباره اون رو باز کنید تا تغییرات رو مشاهده کنید : sublime11 میبینید که قالب عوض شده. این کدی که قرار دادیم مربوط به روشن بود. اگر خواستین که از نسخه تیره اون استفاده کنید ، باید کد زیر رو اضافه کنید بجای کد قبلی :

کار تموم شد. همچنین بعد از اینکار شما میتونین از گزینه زیر رنگهارو تغییر بدین ، تا به رنگبندی مورد نظر خودتون برسید : sublime12 خوب دوستان خسته نباشید. امیدوارم این آموزش بدردتون خورده باشه. موفق باشید. یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 9 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

    • ‏‏
      محمد اسفندیاری(۲۶ بهمن ۱۳۹۳)

      عدم پشتیبانی از زبان فارسی دلیل نمیشه که این ادیتور رو کنار گذاشت
      حالا هر طور نظر خودتونه…..ولی من در بیشتر کارام از این ادیتور استفاده میکنم ، چون خیلی با زبان فارسی سرو کار ندارم
      موفق باشید

  • ‏‏

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

    اینکد رو میزد و خود sublime کد رو تبدیل میکرد
    .myclass
    ولی من توی sublime نمیتونم این کار رو بکنم؟
    آیا ایشون قبلا خودش شورت کات ها رو به این صورت تعریف کرده بود یا پیشفرض خود sublime همینطوریه و باید فعالش کنیم؟

    • ‏‏
      محمد اسفندیاری(۲۷ بهمن ۱۳۹۳)

      برای اینکار باید از افزونه Emmet استفاده کنید
      طبق همین روشهای بالا Install Package رو باز کنید و Emmet رو تایپ کنید و اون رو انتخاب و Enter بزنید
      بعد از اینکه دانلود و نصب شد ، میتونین از این امکان استفاده کنید
      آموزش Emmet :
      http://www.7learn.com/tutorials/fast-coding-in-html-css-part-1-emmet
      موفق باشید

  • ‏‏

    سلام.
    چجوری میشه قالب و تم سابلایم رو به حالت اول خودش برگردوند؟؟؟

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram