تایپیک وردپرس

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

@it1press
سلام
من هستم
البته من یه دوره ی مقدماتی تو سایت gotoclass دیدم ولی به نظرم کافی نمیاد چون باید خیلی چیزا ازش یاد بگیرم

دوستانی که کار کرده اند و حرفه ای تر هستن، ممنون میشم ی راهنمایی کلی راجع به:

0) وردپرس در چه مواردی کاربرد داره؟ و در چه مواردی استفاده ازش ضرر داره؟ یا اینکه قدرت پاسخگویی مناسبی نداره؟
1) مباحث و سرفصل های مختلفی که برای متخصص وردپرس شدن لازم هستش رو نام ببرند.
2) ترتیب و مسیر یادگیری رو نشان دهند.
3) منابع نوشتاری یا فیلم های تصویری آموزشی ای رو هم معرفی نمایند (هم فارسی هم انگلیسی)

ممنون از دوستان

@milad

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

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

اگر شما بفرمائید در حوزه فعالیت می کنید و چه تخصص هایی دارید، من بهتر می تونم شما رو راهنمائی کنم

@it1press

سلام، خیلی ممنونم که وقت می ذارید و با جزئیات توضیح میدین.

1 اختصاصی کردن قالب رو درک میکنم، یعنی با کدهای html, css, js, ... ساختارمون رو تغییر بدیم.
ولی اختصاصی کردن افزونه رو متوجه نمیشم چطوریه؟ و نیاز به تسلط در چه مباحثی هستش؟ (البته چون با وردپرس کار نکردم، حتما دلیلش اینه)

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

4) من در حال حاضر سمت کاربر FrontEnd کار می کنم و روی Html, Css, jQuery تسلط دارم. جاوااسکریپت هم بلدم.

@milad
@alireza.mzh1
اینکه html, css , jquery بلد هستید خیلی خوبه.
قالب اختصاصی یعنی قالب سایت رو از پایه طراحی کنید .
قالب رو با استفاده از html, css , jquery و js طراحی می کنید. برای ریسپانسیو بصورت دستی یا با bootstrap اینکارو کنید.
بعد از نوشتن کدهای front، باید هر قسمت از کد رو داخل یه فایل جداگانه بزارید.
وردپرس تعدادی فایل پیشفرض داره که عبارتند از : 404 , archive, index, category, tag, header, footer, function و ... . پسوند تمام فایل ها .php هست.
حالا نوبت کدهای php هستش. قبل از نوشتن php باید توابع وردپرس رو بشناسید و بدونید در کجای کدهای html از کدوم تابع باید استفاده کنید.
توابع وردپرس به دو دسته تقسیم میشن. دسته اول داخل مدهای html و دسته دوم داخل فایل functions.php قرار می گیرند.
تمام توابع آسون هستند . فقط باید بتونید درکشون کنید و بدونید چجوری استفاده کنید.
برای اینکه بیشتر با توابع آشنا بشین، من یه نمونه اجرا می کنید.
فرض کنید میخواهیم لینک یکتای مطلب رو بگیریم. از تابع ;()the_permalink در تگ a استفاده می کنیم.
<a href="<?php the_permalink(); ?>" tagert="blank">permalink</a>

یا مثلا میخواهیم کاری کنیم که قالبی که نوشتیم، سیستم فروشگاه ساز ووکامرس رو پشتیبانی کنه. از تابع add_theme_support تو فایل functions.php استفاده می کنیم.

;add_theme_support("woocommerce")

یا جوری دیگه می تونیم تعریف کنیم . بگیم که اگر ووکامرس وجود داشت، پشتیبانی کن:
if(function_exists("add_theme_support")){
add_theme_support("woocommerce");
}

نوشتن افزونه کمی داستان داره که با یه سرچ کوچیک تو آپارات یا یوتیوب می تونید آموزش هاشو پیدا کنید. فرض کنید نیاز به ماژول جدول قیمت دارید. به جای اینکه از ماژول های آماده استفاده کنید، همین ماژ.ل رو با امکانات بیشتر می نویسید و استفاده می کنید. توی نوشتن افزونه، وردپرس دو تابع خیلی مهم داره. ("","")add_filter و ("","")add_action که تمام افزونه های ودپرس بر اساس این دو تابع نوشته میشن.

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

دوره 7لرن هم خوبه . اما ایراد بزرگی که دارند اینکه پشتیبانیشون افتضاحه و خیلی گذری جواب میدن. چون خودم این دوره شون رو خریدم و الان پشیمونم.

@it1press
خیلی ممنونم از شما که انقدر با جزئیات و با حوصله راهنمایی و پاسخگویی می فرمایید

باتوجه به توضیحاتی که فرمودید، پس:
1 من اول باید با خود وُردپرس رو کار کنم و با فضاش آشنا بشم.
2 سپس با قالب های آماده و افزونه ها وَر برم تا بهتر درک کنم اساسش رو.
3 بعدش سعی کنم فایلهای ساختاری مختلف ِ وردپرس رو ببینم و شناخت پیدا کنم. و همچنین توابع PHP ای که درون وردپرس وجود داره رو بهتر بشناسم، تا هنگام ِ کدنویسی ِ html اونهارو بکار ببرم.
4 ووکامرس هم برام مهمه، پس احتمالا باید دقت خاصی برای اون هم داشته باشم و توابع مرتبطش رو بشناسم.

5 بعد از یادگیری و تسلط روی موارد فوق، فکر کنم باید ی نمونه ی آزمایشی ساده درست کنم، یعنی مثلا ی header, footer, .... که همگی خیلی ساده هستند و موارد فوق رو توش بکار ببرم تا دستم بیادش تک تک موارد.
6 بعدش فکر کنم دیگه زمان این میرسه که کار اصلی خودم رو بتونم شروع کنم و ی قالب کامل برای وُردپرس بنویسم.

ی سئوالی که برام پیش اومدش اینه که:
آیا ما توی وُردپرس هم دست مون کاملا بازه؟ یعنی هر قالب گرافیکی ای که طراح بکشه رو میشه تبدیل به html, css کردش؟ توی طراحی ی سایت معمولی تقریبا میشه گفت، بله. اما توی طراحی ی سایت وُردپرسی هم همینطوره؟ یا اینکه خود طراحی گرافیکی هم نمی تونه هر چیزی رو هر جایی بزاره؟
مثلا ی سری موارد باشند که مجزا از هم باشند و نشه اینهارو کنار هم قرار دادش.

چشم، در خصوص افزونه ها تحقیقی می کنم تا بهتر درک کنم. فقط اینجا سئوالی که برام پیش اومد اینه که افزونه نویسی چجوری هستش؟ یعنی به برنامه نویسی و تسلط به پی اچ پی ربط داره؟ بعدش هم ظاهرش رو با html, css درست می کنیم؟

ممنونم ازتون برای منابعی که معرفی کردید، حتما به این سایت ها هم سر می زنم.

@milad

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

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

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

هر قالب گرافیکی رو که مد نظر داشته باشید به راحتی می تونید به وردپرس تبدیل کنید. قالب های html لینک های زیر رو ببینید. همشون رو به وردپرس تبدیل کردم.
http://mywebdesign.freehost.io/webdesign/
http://mywebdesign.freehost.io/web3/
http://mywebdesign.freehost.io/download/

شما اگر html, css , js و jquery رو خوب بلد باشید ، هر طرحی باشه به راحتی می تونید اجرا کنید.

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

در سایت زیر تمام توابع وردپرس هستش:
https://codex.wordpress.org/
وردپرس رو دانلود کنید . داخل پوشه wp-content -> themes سه تا قالب پیشفرض خود وردپرس هستش که خیلی ساده کدنویسی شده . همین قالب ها رو بررسی کنید.

@it1press
من بازم از شما تشکر و قدردانی می کنم، مرسی مرسی

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

3 سایت https://codex.wordpress.org/ رو هم سر زدم، مطالبش زیاده. بازم رجوع خواهم کرد، تا ببینم کدوم قسمت هاش مربوط به طراحی قالب اختصاصی و همچنین یادگیری توابع میشه، تا بهره ببرم.

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

ی سئوالی خیلی ذهنم رو به خودش مشغول کرده، اینکه، طراحی قالب برای ی سایت وردپرسی تفاوتش با ی سایت وردپرسی که حالت فروشگاهی داره و افزونه ووکامرس روش نصب شده چیه؟
آیا تفاوت خاصی دارند؟ چه چیزهایی رو باید مورد مطالعه قرار بدم؟ و حواسم بهشون باشه؟

@milad

هیچ تفاوتی ندارند.
برای سایت فروشگاهی، توابع ووکامرس در کدها قرار میگیره.
بطور مثال برای گرفتن قیمت محصول، از تابع woocommerce price loop ووکامرس استفاده میشه.
بخشی از توابع به شکل زیر هستش:
لینک اتمام خرید و ورود به صفحه تسویه حساب
<?php woocommerce_button_proceed_to_checkout() ?>

نمایش سبد خرید و مجموع سفارشات
<?php woocommerce_cart_totals() ?>

نمایش قیمت محصول
<?php woocommerce_template_loop_price() ?>

دکمه افزودن به سبد خرید
<?php woocommerce_template_loop_add_to_cart(); ?>

نمایش تصویر شاخص محصول
<?php woocommerce_template_loop_product_thumbnail() ?>

نمایش گالری محصول
<?php do_action( 'woocommerce_product_thumbnails' ); ?>

نمایش کلیات سفارش و مجموع
<?php woocommerce_order_review() ?>

نمایش فرم جستجو در محصولات
<?php get_product_search_form() ?>

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

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

1 سه تا پوسته twenty رو هم که گفته بودید دقت کردم، ولی نمی دونم چجوری باهاشون باید وَر برم؟ چجوری باهاشون کار کنم؟ چجوری باهاشون تمرین کنم؟
2 ی چیزی هم درباره underscores شنیدم، می خواستم اگه میشه شما هم دربارش بفرمایید. برای قالب نویسی بهتره که این پوسته رو بگیرم؟ و بعدش هر وقت به مرحله عمل رسیدم، همین پوسته رو تبدیل به قالب کنم؟
3 به نظرتون child-theme رو هم لازمه که کار کنم و یاد بگیرم؟

4 من تا حد کمی هم با کدهای پی اچ پی آشنایی پیدا کردم الان، تعداد توابع و مواردش خیلی زیاده. آیا اولویت اهمیتی ای بینشون هستش که توصیه کنید اونارو بیشتر توجه کنم؟ کدوم موارد؟
5 آیا ما کدهای پی اچ پی رو فقط کافیه که درک کنیم و بفهمیمشون؟ یا اینکه برای قالب نویسی، نیاز به تغییر دادن شون هم پیدا می کنیم؟ خیلی پیش میادش؟

6) ی سئوال خیلی خیلی مهمی هم که الان برام پیش اومده اینه که: استراتژی طراحی ما روی طراحی ِ گرافیکی اولیه، باید به چه صورتی باشه؟
فرض کنید یک عکس از قالب مورد نظر رو بهمون بدن. در مرحله اول باید چیکار کنیم؟
من توی ذهنم اومده که اولین کاری که باید کنم اینه که باید ساختار وُردپرسی هر قسمتش رو تشخیص بدم. سپس مشغول به طراحی شد.

7) آیا ساختار جدولی بوت استرپ (css grid) رو هم میشه واسه واکنش گرایی استفاده کنیم؟ کارایی لازم رو برامون فراهم میکنه؟

@milad

خواهش میکنم

1 - سه تا قالب پیشفرض وردپرس کاملا مشابه همدیگه نوشته شدند. البته قالب 2019 از نظر سبک و گرافیک کمی متفاوت هستش. فرقی نداره که با کدوم کار میکنید. کافیه که فایل های header, footer , function, single , content, archive و دیگر فایل های پیشفرض رو کدهاشون رو بررسی کنید . در هر قسمت چه تابعی نوشته شده.

2 - underscore هم یه سیستم سایت ساز هستش که کار کردن باهاش خیلی دردسر داره و همچنین قالب زدن. پیشنهاد میکنم سمتش نرید. بیخودی وقت گیره. تمرکزتون رو روی وردپرس بزارید.

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

4 - یاد گرفتن توابع الویت نداره . اما یه سری توابع عمومی هستش که اونا بیشتر الویت دارند. بطور مثال برای مشخص کردن زبان سایت در تگ <html> از تابع language_attributes(); استفاده میشه. => <;()html language_attributes>. زبان سایت رو از داخل پنل هر چی مشخص کنیم، این تابع زبان رو برمیگردونه. البته باز هم توابع رو من آموزش میدم.

5 - php رو حتما باید یاد بگیرید. چون نیاز اصلی هستش.
6 - در تمام طراحی ها اولین کاری که باید کنیم اینکه کدهای html , css بنویسیم و بعد کدهای js و jquery . پیاده سازی وردپرس در مرحله آخر انجام میشه.

7 - از بوت استرپ برای برخی جاها استفاده میشه . مثل منوی همبرگری، ریسپانسیو .

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

مرسی و باز هم مرسی از شما

6) میشه در خصوص مراحل کار بفرمایید؟ میشه بصورت کلی تر بفرمایید که مراحل کار تبدیل قالب سفارشی شده به چه صورت هستش؟
7) برای استفاده از بوت استرپ در فهرست همبرگری و واکنشگرایی هامون، کل فایل های بوت استرپ رو توی پروژه وارد می کنیم؟ یا اینکه فقط قسمتی از کدهای مرتبط رو می ذاریم؟

@milad
وارد سایت تم فارست بسین.
از قالب های وردپرس یا html ، یه قالب رو انتخاب کنید.
حالا شروع کنید طرح html css ، js و بوت استرپ رو بزنید.
بعد از این ها، کار وردپرس شروع میشه.
هر قسمت از قالب باید تو یه فایل جداگانه باشه.
بوت استرپ کامل داخل قالب قرار بدین.

@it1press
با تشکر از شما دوست گرامی

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

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