بیگ تم, متفاوت & حرفه ای
مرجع ارائه آموزش وردپرس , قالب وردپرس , افزونه وردپرس بی نظیر


خانه / مدرسه وردپرس / آموزش ویرایش قالب وردپرس
آموزش ویرایش قالب وردپرس

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

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

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

در این آموزش به قسمت های مختلف یک قالب وردپرس اشاره می کنم , خوب در قسمت مدیریت وردپرس گزینه ای وجود داره به نام نمایش در زیر منوی این گزینه , گزینه ی ویرایشگر وجو داره که اگه وارد این قسمت بشید می تونید فایل های قالب وردپرس رو ببینید مثل ( style.css , header.php , footer.php , functions.php , single.php و … )

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

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

معرفی فایل های قالب وردپرس

فایل index.php : این مربوط به صفحه ی اصلی سایت شماست که اگه قالب شما زیاد حرفه ای نباشه حتما خیلی شلوغ خواهد بود ولی اگر حرفه ای باشه احتمالا کمی کدهاش کمتر باشه.

فایل header.php : این فایل بخش سربرگ قالب شماست که در کلیه ی صفحات سایت نمایش داده میشه که ممکن دارای ( لوگو , تصویر ( تبلیغات یا … ) , منوی بالا و … ) باشه.

فایل footer.php : این فایل قسمت پانوشت سایت هست که مثل فایل header در کلیه ی صفحات تکرار شده و نمایش دارده میشه ممکن دارای ( ابزارک , منوی پایین , متن کپی رایت و … ) باشه.

فایل single.php : این فایل بخش ادامه مطلب سایت شماست , اگر توجه کرده باشید در صفحه ی اصلی مطالب چند خط از نوشته نمایش داده میشه و وقتی روی ادامه مطلب کلیک میشه مطلب رو به کامل نمایش میده فایل single.php از روی فایل index.php گرفته شده با تفاوت کد بخش های مختلف مثل نمایش تمام متن یا نمایش چند خط دو تا تابع برای این کار دارم

نمایش خلاصه ای از مطلب در صفحه ی اصلی

<?php the_excerpt(); ?>

نمایش کامل مطلب در ادامه مطلب

<?php the_content(); ?>

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

فایل searchform.php : این فایل فرم جست و جو رو مشخص می کنه یعنی اون فرمی که در سایت قرار داده شده برای جست و جو که مثلا بالاش نوشته جست و جو در سایت و در زیر یه کادر وجو داره اینها در فایل searchform.php کد نویسی شدن

فایل functions.php : این فایل بیشتر امکانات شایت شما رو در خودش داره فایل توابع هستش , مثال برای محتویات این فایل : مثلا قالب شما امکان نمایش مطالب پر بازدید روز , هفته و ماه رو داره این امکان و نمایش مطالب پر بازدید در فایل فانکشن کد نویسی شده اگر قالب شما از ابزارک ها پشتیبانی می کنه در فایل فانکشن کدنویسی شده و سایر امکانات مثل پشتیبانی فهرست , ابزارک های اختصاصی , برید کرومب ( موقعیت کنونی کارب ) , کنترل پنل تنظیمات قالب و …

فایل sidebar.php : این فایل بخش ابزارک ها رو در خودش جای داده یعنی استایل و امکانات و نحوه ی نمایش ابزارک ها در این فایل قرار دارن بیشترین کارایی نمایش ابزارک ها هستش , میشه به صورت ساده گفت ستون کناری سایت حالا چپ یا راست شاید هم دوتا باشه با تغییر نام برای سه ستونه بودن سمت چپ و راست.

فایل 404.php : فایل 404.php صفحه ی خطای سایت رو مشخص می کنه , اگر شما این فایل رو در بین فایل های قالب وردپرس خودتون دارید کافیست بری نمایش ظاهر آن وارد یکی از پست های سایت خودتون بشید و آدرس فایل رو به یه چیز دیگه تغییر بدید به چیزی که در سایت شما موجود نباشه و به صفحه س خطا بره.

فایل style.css : این فایل دارای استایل های قالب شماست , رنگ , فونت , سایزها , تصویر زمینه و … کد های داخل این فایل است که قالب رو زیبا نمایش میده اگه نباشه تمامی مطلب , تصاویر و … از سمت چپ نمایش داده میشه و بدون هیچ استایل و زیبایی.

ممکن از پوشه ی زیر در قالب وردپرس شما موجود باشد

پوشه ی Images : این پوشه تصاویر استفاده شده در قالب شما رو داخل خودش داره مثل آیکون , لوگو و … اگه وارد این پوشه بشید کلیه ی تصاویر رو می تونید مشاهده کنید.

پوشه ی js : این پوشه فایل های جاوا اسکریپت و جی کوئری رو در خودش جای داده , این فایل ها بیشتر برای افکت هستند مثلا اسلایدر سایت با فایل های جاوا اسکریپت و جی کوئری کار می کنه و تصاویر رو به نمایش میزاره.

پوشه ی includs : فایل هایی که اغلب درون این پوشه قرار میگیره مربوط میشه به امکانات قالب یعنی فایل های جانبی فایل functions.php

پوشه ی admin یا panel : در این پوشه ها اگر قالب وردپرس شما دارای پنل تنظیماتی باشه فایل های قسمت مدیریت داخل این پوشه ها قرار داره البته اینها به صورت استاندارد هست و ممکنه که طراح قالب یه پوشه با نام دلخواه ایجاد کنه.

پوشه ی css یا style : استایل های قالب داخل فایل style.css قرار داره اما برخی مواقع بعضی فایل های مربوط به استایل داخل این پوشه ها با نام های متفاوتی وجو داره مثل فالی responsive برای قابلیت پاسخگو بودن قالب برای دستگاه هایی چون موبایل , تبلت و …

این ها برخی از فایل ها و پوشه هایی هستند که به صورت استاندارد باید داخل یک قالب وردپرس وجود داشته باشن , حالا که با فایل ها آشنا شدید می تونید بخش هایی رو که می خواهید ویرایش کنید رو ویرایش کنید.

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

باکس دانلود

249 دیدگاه

  1. سلام خسته نباشید من سایتم چند زبانس و میخوام وقتی رو زبان انگلیسی میره منو که تو سایدبار راسته بیاد چپ.اما نمیدونم چه جوری باید اینکارو بکنم میشه راهنمایی کنید ممنونم.اینم آدرس سایته kasrasang.ir

  2. سلام من میخوام کلا ی قالب ساده رو بدون پنل تنظیمات خودم کلا تغییر بدم برا اموزش فایلی چیزی هست کمکم کنه ک کد نویسی و ویرایش رو یاد بده
    البته مفید و کارا نه اینکه کلا کتاب اموزش php مثلا معرفی کنید اونو نمیخوام رشتم نرم افزاره تقریبا اشنایی دارم

  3. سلام برای بردن فرم ارسال نظر به قسمت بالای نظرات ارسال شده باید چه چیزی رو تغییر بدیم؟

  4. سلام
    اگه ممکنه راهنماییم کنید که چطور میتونم اسکرول عرضی رو از تم store front حذف کنم
    متشکر

  5. والا من آموزشی ندیدم 😐 همش معرفی بود

  6. سلام
    من2تا تغییراساسی باید انجام بدم
    اول اینکه لوگو را ببرم بالا و وسط قرار بگیره
    دوم صفحه اصلی فقط اخبار و اطلاعیه هارابذارم
    میشه لطفا راهنماییم کنید؟

  7. با سلام و وقت بخیر
    چطوری میتونم رنگ عنوان ابزارک های کناری سایتمو عوض کنم؟
    با سپاس

  8. سلام دوستان

    من بعد از تعویض قالب سایت با دو تا مشکل برخورد کردم

    اول این که categpry سایت و یک نظرسنجی که توی ابزارک text گذاشته بودم و یک افزونه که برای شبکه های اجتماعی بود و همه اینها توی یک sidebar بودن هیچ کدوم توی صفحه اصلی قالب جدید نشون داده نمی شن…با این که تنظمیات همشون درست هست و یعنی هیچ تغییری توی تنظمیات داده نشده… ولی توی صفحه پست ها تمام این افزونه ها دیده می شن… فقط مشکل مربوط به صفحه اصلی سایته

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

    می شه لطفا” راهنمایی کنید من چطوری می تونم اینها برگردونم ؟

  9. سلام و احترام :
    شاید اینجا جای این سوال نباشه اما شما به بزرگی خودتون ببخشید.
    من براید ساخت اسلایدر از نرم افزار Amazing Slider و قالب light استفاده می کنم که این اسلایدر همان طور که داخل تصویر پیوست شده پیداست تصاویر کوچیک زیر اسلایدر حرکت می کنند ولی وقتی من این اسلایدر رو به افزونه تبدیل می کنم و آپلود این تصاویر کوچیک دیگر حرکتی نمی کنند. مشکل از کجاست؟؟
    خیلی ممنون میشم زود جواب بدید.
    uupload.ir/files/2ng_slider.png

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

  11. سلام ببخشید ممن یه کمکی میخواستم
    d1.xzn.ir/uploadd1/wp-content/uploads/2015/08/ahang-online.jpg

    این عکس رو ببنید یا میتونید به سایت من که در بخش وبلاگ نوشتم رو برید. من میخواستم بدونم برای این که اون music pro رو عوض کنم باید به کدوم فایل برم؟؟

  12. سلام

    من دوتا سوال داشتم یکی اینکه میخوام فهرست بالای قالبم از راست شروع شه یعنی راست چین شه … برای این کار همه float هارو right کردم و همه direction هارو rtl ولی نشد نمیدونم ایراد از کجاس ؟ ……. سوال بعدم اینکه وقتی پستی میزارم عبارت ادامه خواندن که زیر پستم میاد میخوام بشه ادامه مطلب باید چیکار کنم ////// ؟؟؟؟

    ممنون

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

  14. سلام و خسته نباشید
    و تشکر بابت مطالب مفیدی که پخش می کنید
    یک مشکل در زمینه پنل تنظیمات دارم
    من تغییراتی در قالب profitmag هیجاد کردم (یک بخش از این قالب را زیرش تکرارکردم با استفاده از فایل front page )ولی برای کنترل یا استفاده از این بخش باید تو پنل تنظیماتی قالب هم همین بخش را ایجاد کنم ولی نمیدونم چیکار کنم
    خیلی ضروریه لطفا کمکم کنید
    با تشکر.

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

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

    • تنظیمات قالب وردپرس برای هر سایتی می تونه متفاوت باشه یعنی هر قالبی تنظیمات خاص خودش رو داره شما باید با قالب خوب کار کنید تا نحوه کارش دستتون بیادو بتونید به اون صورتی که میخ واید تنظیمش کنید

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

  18. ممنون عالی و کاربردی

  19. سلام

    ممنون از آموزش های شما . من یک قالب آماده روی وردپرسم زدم .

    می خواستم کدنویسی قالب رو تغییر بدم .

    اما کار کردن با قسمت “ویرایشگر” وردپرس خیلی سخته .

    آیا راه حل دیگری برای این کار هست ؟

    مثلا یه چیزی مثل firebug ، که هم قالب رو ببینیم و هم کدها رو ویرایش کنیم.

    ممنون میشم اگر معرفی کنید.

    • خیر
      ولی می تونید اول کل کارهاتون رو روی لوکال هاست انجام بدین و بعد که کارتون تموم شد انتقال بدین به هاست اصلی – این بهترین روشه

  20. سلام خسته نباشید
    من در قالبم الان نگاه کردم و دیدم در قشمت پوسته گزینه ای به نام ویرایشگر وجود ندارد
    ( احتمال داره کسی که برام نصب کرده انرا بسته باشد چون نیست )

    لطفا راهنمایی ام کنید چه جوری نرگردانمش

    مرررررررررسی

  21. سلام
    وقت بخیر

    چه طور میتونم متن “موقعیت کاربر” و چینش اون رو تو قالب انفولد تغییر بدم؟؟؟

    پیشاپیش ممنون از راهنماییتون

  22. سلام
    من چطور میتونم قالب نسخه ی موبایل رو از ورد پرس پاک کنم
    مرسی ک:)

  23. سلام. من از طریق Inspect مرورگر می‌توانم تغییرات دلخواه را اعمال کنم ولی وقتی می‌خوام کد div class> آنها را پیدا کنم اثری از آنها درقالب نیست.

    • حتما اشتباهی در کارتون هست، با دقت صحفه رو بررسی بکنید میتونید پیداش بکنید، افزونه ها و اکستنشن های زیادی هم برای اینکار در مرورگرها هست از این ها هم میتونید استفاده بکنید

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

پاسخ دهید

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

دنبال کردن