سلام دوستان، از حالا شروع به یادگیری آموزش طراحی قالب وردپرس به صورت پایه می کنیم.

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

آموزش طراحی قالب وردپرس – قدم اول

اولین قدم برای این کار اینه که ما باید یک محیطی شبیه به هاست داشته باشیم. به نظر من خرید هاست برای یادگیری هزینه اضافی هستش چرا که میتونیم یه فضای مجازی به صورت رایگان در کامپیوتر بسازیم. برای این منظور 2 نرم افزار معروف xampp و wamp server وجود داره.

از لینک زیر می تونید نسخه مناسب ویندوز رو دانلود کنید و نصب کنید

دانلود برنامه xampp   –   دانلود برنامه wamp server

بعد از دانلود و نصب، نوبت به دانلود آخرین ورژن وردپرس فارسی هستش

پس آخرین ورژن وردپرس فارسی رو هم از لینک زیر دانلود کنید

https://wordpress.org/download

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

حالا برای کد نویسی راحت تر می تونید از notepad++ و یا brackets و یا هر برنامه دیگری استفاده کنید. من در آموزش ها از نرم افزار  Brackets استفاده میکنم. برای دانلود Brackets کلیک کنید.

فعلا این نرم افزار هارو آماده کنید تا بریم سراغ مرحله بعدی

در مقاله بعدی روش استفاده از wamp و نحوه نصب وردپرس رو میگم

فعلا بای 😀

 

آموزش طراحی قالب وردپرس – قدم دوم: راه اندازه لوکال هاست و نصب وردپرس

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش اول

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش دوم

آموزش طراحی قالب وردپرس – قدم چهارم: کار با حلقه ها

آموزش طراحی قالب وردپرس – قدم پنجم: طراحی سایدبار

آموزش طراحی قالب وردپرس – قدم ششم : فرم جستجو

آموزش طراحی قالب وردپرس – قدم هفتم بخش 1: ساخت فایل single.php

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

آموزش طراحی قالب وردپرس – قدم هفتم بخش 3: ساخت بخش دیدگاه ها

33 دیدگاه برای “آموزش طراحی قالب وردپرس – قدم اول

  • Web Developer
    - ۹ بهمن , ۱۳۹۳

    سلام دوست عزیز
    چند وقتی هست که خبرنامه های شما به دست من میرسد و مطالب شما را میخوانم.
    میدانم دانش شما در ورد پرس به اندازه ای هست که در لابه لای مطالب نوشته شده شما خیلی چیز های جدید یاد بگیرم.
    انتقادی داشتم، در تمام بلاگ های فارسی هرکس آمده و نصب ورد پرس را یاد داده و نیمه کاره رها کرده آموزش ها را!
    به نظر من بهتر نیست سریع تر بروید سر مطالب تخصصی و ساخت قالب با امکانات پیشرفته و بحث نصب و راه اندازی را با ارائه ۱۰-۱۵ لینک که در وب فراوان هستند به جلوببرید ؟
    کمی پر حرفی کردم 😉
    ایام به کامتان

    • الناز بیک زاده
      - ۱۰ بهمن , ۱۳۹۳

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

  • عماد
    - ۹ بهمن , ۱۳۹۳

    سلام الناز، ممنون و خسته نباشی، کار جالبی را شروع کردی، امیدوارم ادامه بدی، منتظر کارهای بعدی شما هستم.

    • الناز بیک زاده
      - ۱۰ بهمن , ۱۳۹۳

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

  • آرمان
    - ۲۶ بهمن , ۱۳۹۳

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

    • مهرشاد درزی
      - ۲۵ اردیبهشت , ۱۳۹۴

      تقریبا ۴ ساله که برای تمامی پروژه هام حتی طراحی اتوماسیون اداری از وردپرس استفاده می کنم دلیل این که میگید ما محدودیت داریم بخاط این که با زبان PHP آشنایی زیادی ندارید و باید خودتونو قوی کنید

      • الناز
        - ۲۸ اردیبهشت , ۱۳۹۴

        بله کاملا درست میگید. در واقع وردپرس نمیتونه محدودیتی داشته باشه

  • iman
    - ۲۲ اسفند , ۱۳۹۳

    سلام من نمی دونم شما چط.ور آدمی هستید … اما هر چی باشه هموطنید ضرر نداره بگم : ب جای نرم افزار های dreamweaver یا visual studio یا netbeans یا … یا … از phpstorm استفاده کنید … من به جرئت می گم تمامی این IDE ها روی هم قابلیت های نرم PHPstorm روندارن … البته این نرم افزار یه ۴ سالی می شه راه افتاده ولی هم چنان نا شناس هست … البته اگر با IDE های دیگه کار کرده باشید بعد چند ساعتی کارکردن با این نرم افزار عاشقش می شید … و می بینید چه کار های بزرگی انجام می ده … که فکه آدمو می ندازه زمین ….

    • الناز بیک زاده
      - ۲۶ اسفند , ۱۳۹۳

      سلام ایمان جان. ممنون از پیشنهادت حتما امتحانش می کنم

    • مهرشاد درزی
      - ۲۵ اردیبهشت , ۱۳۹۴

      بهترین جایکزین برای Dreamwever نرم افزار Bracket هست که از طرف خوده Adobe منتشر شده است.که یکیاز امکانات فوق العاده ای که داره امکان لود فایل PSD هست که برای دادن استایل های Css کد نویسی بسیار سریع تر میشه

      • الناز
        - ۲۸ اردیبهشت , ۱۳۹۴

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

      • کامران
        - ۱۷ تیر , ۱۳۹۶

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

  • گلناز
    - ۱۱ تیر , ۱۳۹۴

    سلام دوست عزیز طبق راهنمایی های خوب سایت شما من ورود پرس را نصب کرده و دیتا بیس را ساختم
    الان یه سری مشکل دارم
    مثلا من یه دسته انتخاب کردم و یکی از نوشته ها را به این دسته انئتقال دادم در قسمت داشبورد اون نوشته را انتقال داده به دسته مورد نظر ولی وقتی در قسمت لوکال هاست می روم روی آن دسته کلیک می کنم می زند برگه یافت نشد
    این مشکل را در مورد اضافه کردن ادامه مطلب را هم دارم وقتی قسمت را در ادامه مطلب می گذارم در لوکال هاست که روی ادامه مطلب کلیک می کنیم آن را نشان نمی دهد مممنون می شوم من را راهنمایی کنید

    • الناز
      - ۱۳ تیر , ۱۳۹۴

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

      • محمد
        - ۲۷ تیر , ۱۳۹۴

        سلام میتونید یه ویدیو اماده کنید

  • احسان
    - ۱۵ مرداد , ۱۳۹۴

    عالی بود

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

  • طراحی سایت
    - ۲۷ شهریور , ۱۳۹۴

    با سلام و احترام
    از مطالب مفید و خوبتون ممنونم.
    لطفا به این رویه ادامه بدید و بیشتر مطالب بذارید.

    تشکر

  • طراحی سایت
    - ۱۳ مهر , ۱۳۹۴

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

  • رضا
    - ۵ آبان , ۱۳۹۴

    سلام الناز جان
    من قالب divi وردپرس دارم و تو دیزاین قالب دچار مشکل هستم و نمیدونم چیکار کنم اگه میشه راهنمایی کنید لطفا”

    • الناز
      - ۸ آبان , ۱۳۹۴

      سلام دوست عزیز. کجا به مشکل خوردی؟ بهم ایمیل بزن: wpschool1@gmail.com

  • فریبا
    - ۷ آذر , ۱۳۹۴

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

    • الناز
      - ۱۳ آذر , ۱۳۹۴

      سلام دوست عزیز. هاست هم ادیتوری برای کدها داره یه چیزی مثل notepad هستش که میتونی کد بنویسی یا ادیت کنی

  • احسان چهری
    - ۲۳ دی , ۱۳۹۴

    آموزش تا چه سطحیه؟

    • الناز
      - ۳ اسفند , ۱۳۹۴

      تا حدی که بشه تعداد شورت کد و یا حتی پنل تنظیمات نوشت

  • وحید
    - ۱۲ بهمن , ۱۳۹۴

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

    • محمدرضا
      - ۲۵ اردیبهشت , ۱۳۹۵

      Tnx

  • احمد
    - ۱۹ بهمن , ۱۳۹۴

    با سلام خدمت دوستان
    یه آموزش طراحی قالب وردپرس رو به شکل اپلیکیشن آندرویدی درست کردم و تو بازار گذاشتم. خوشحال میشم اساتید نصبش کننو ایراداتی اگه داره تو آموزشا بهم بگن تا رفعشون کنم
    https://cafebazaar.ir/developer/sarafraz-hezarmasjed/
    اگه بازار رو هم رو گوشیتون دارید عبارت طراحی قالب وردپرس رو سرچ کنید

  • رویا
    - ۸ فروردین , ۱۳۹۵

    سلام از لینکی که دادین wamp دانلود نمیشه.

    • الناز
      - ۱۵ فروردین , ۱۳۹۵

      وارد این سایت بشید. لینک دانلود درونش هست بعد متناسب با ویندوزتون دانلود کنید
      http://www.wampserver.com/en/

  • کسب درآمد از اینترنت
    - ۲۵ آبان , ۱۳۹۵

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

  • رضا
    - ۱۷ آذر , ۱۳۹۵

    بسیارعالی – ادامه بدین…

  • طراحی سایت فروشگاهی
    - ۱۰ مرداد , ۱۳۹۶

    ممنون بابت سایت خوبتون

  • فروشگاه لباس
    - ۲۲ مرداد , ۱۳۹۶

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

دیدگاه خود را بیان کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Captcha loading...