• اطلاعیه ها

    • Masih

      برخوردی شدید با تاپیک های تبلیغاتی   شنبه, 12 آبان 1397

      درود، از این لحظه به بعد، تمامی تاپیک های تبلیغاتی سبک رپرتاژ که با هدف جمع آوری بک لینک در انجمن های بیست اسکریپت ایجاد می شوند، حذف شده و دسترسی کاربر خاطی نیز مسدود خواهد شد.
danial

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

9 ارسال در این موضوع قرار دارد

سلام به همه کاربرایِ عزیز بیست اسکریپت

 

امیدوارم که حالتون خوب باشه ،

 

-----------------------------------

 

 

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

 

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

 

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

 

یکی دیگه از مزیت های تکه تکه بودن اینه که سرعت بارگذاری سایت و پوسته بالا میره !

 

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

 

-----------------------------------

 

ما در اینجا فرض رو بر این میگیریم که شما html و css رو در حدودی آشنایی دارید

 

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

 

برای شروع موارد زیر رو لازم دارید :

 

آشنایی حدود 20% با html و css که فقط بتونید کدهارو بشناسید و استفاده کنید

 

2 - یک نرم افزار ++notepad

 

3 - یک نرم افزار وب سرور مثل wampp یا xampp یا easyphp که من xampp رو که کامل هست پیشنهاد میدم ولی چون مبتدی هستید نرم افزار easyphp رو نصب کنید که کار باهاش خیلی خیلی راحته ( آموزش های زیادی در گوگل هست )

 

 

 

 

-----------------------------------

 

حالا میریم سراغ کدها و ....

 

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

 

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

 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

 

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

 

 

0 - همیشه یادتون باشه سخت ترین راه ها بهترین راه ها هستن پس هیچوخ از سختی کار ناراحت نشید .

 

 

-----------------------------------

 

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

 

 

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

 

 

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

 

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

منبع رو هم قرار دهید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

اگه میخوایین به صورت جداگونه ای ببینید

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

هستش

اینی آموزش هارو خودم دارم یاد میدم.

براساس تجربیات و قالب هایی ک زدم

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای طراحی به چی نیاز دارید؟

 

 

header.php :

 

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

 

index.php :

 

صفحه اصلی سایت مختص این فایله

 

sidebar.php :

 

قسمت ستون کناری وب سایت

 

footer.php : قسمت کپی رایت و متن های مختص وب سایت

 

و فایل استایل که به نام style.css باید باشه

به اشتراک گذاری این ارسال


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

نه داداش گلم..

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

البته اینو هم به آموزش اضافه کنم که به فانکشن هم نیاز هست برای بعضی چیزا functions.php

و به صفحه سینگل یعنی صفحات جداگانه و ادامه مطلب هم نیاز هست single.php

البته اینو هم بگم که صفحات دیگه هم با یک کد میشه اضافه کرد ولی اینا اصلی ترین ها هستند و ضروری برای وردپرس

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
البته اینو هم به آموزش اضافه کنم که به فانکشن هم نیاز هست برای بعضی چیزا functions.php

و به صفحه سینگل یعنی صفحات جداگانه و ادامه مطلب هم نیاز هست single.php

البته اینو هم بگم که صفحات دیگه هم با یک کد میشه اضافه کرد ولی اینا اصلی ترین ها هستند و ضروری برای وردپرس

 

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

عزیز

 

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

 

 

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

 

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

خب اینا فایل های اصلی یک پوسته هستن

 

یک فایلی به نام single.php هم باید درست کنید که مربوط به قسمت ادامه مطالبتون هستش

 

 

فایل های دیگه ای هم هستن برای پوسته مثل home.php یا front-page.php یا page.php یا comments.php یا فایل معروف functions.php و ....... که برای شروع به اینا احتیاج نداریم اما در آموزش حتمن به این فایل ها هم اشاره میکنیم که برای چی هستن و ...

 

 

برای شروع وب سرور که در پست اول گفتم نصب کردید رو اجرا کنید و وردپرس رو داخل شاخه روت ( اگر از easyphp استفاده میکنید داخل www و اگر از xampp استفاده میکنید داخل htdocs ) نصب کنید

 

بعد به قسمت پوسته ها در :

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

برید و یه پوشه ایجاد کنید و اسمشو هرچی که میخواید بزارید که من اینجا اسم پوشرو danialtheme میزارم .

 

داخل پوشه پوسته فایل هاییرو که گفتم رو ایجاد کنید

خب بعد از اینکه این فایل هارو ایجاد کردید ، فایل style.css رو با نوت پد ویندوز یا ++notepad باز کنید و در اول اون کدهای زیر رو وارد کنید :

 

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

تا بعد شاد باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • چه کسانی در حال بازدید هستند؟   0 کاربر

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