طراحی سایت

ورود به SSH و فراهم‌سازی دور و اطراف
اتصال به هاست از روش SSH: با به کار گیری از یک کلاینت SSH (مثل PuTTY در ویندوز یا این که Terminal در macOS/Linux)، به سرور خویش متصل گردید. فرمان اتصال به سرور معمولاً به طور ذیل میباشد: رفتن به دایرکتوری پلاگین‌ها: بعداز ورود به سرور، به دایرکتوری طراحی سایت در مشهد پلاگین‌ها بروید:

معمولاً مسیر این دایرکتوری به صورتمیباشد. اعتنا داشته باشید که بایستی مسیر درست را براساس ساختار هاست خویش وارد نمایید.

ساخت‌و‌ساز دایرکتوری برای پلاگین: یک دایرکتوری نو برای پلاگین خویش ساخت نمائید:

نصب ابزارهای توسعه و گسترش
نصب Node.js و NPM: پژوهش فرمائید که آیا Node.js و NPM در سرور شما نصب گردیده‌اند:

چنانچه نصب نشده‌اند، میتوانید آنها‌را نصب فرمائید. برای نصب Node.js و NPM به نحوه‌های مطلوب برای توزیع لینوکس خویش مراجعه‌کنید.

ساخت‌و‌ساز فولدر package.json: با به کار گیری از فرمان پایین، فولدر package.json را ساخت و ساز نمایید:

npm init -y
این امر پوشه package.json را با پیکربندی پیش‌فرض ساخت‌و‌ساز می‌نماید.

نصب تعلق‌های ما یحتاج: بسته‌های موردنیاز برای پیشرفت بلوک‌های Gutenberg را نصب نمائید:

ساخت و ساز پوشه‌های تنظیمات: فولدر webpack.config.js:

ساخت و ساز بلوک سفارشی
ساخت‌و‌ساز پوشه JavaScript برای بلوک: در دایرکتوری src، یک پوشه index.js ساخت و ساز فرمایید و کد بلوک را در آن بنویسید:

ساخت و ساز پوشه CSS (از روی میل): درصورتی که نیاز به استایل دارید، یک فولدر style.css در دایرکتوری src ساخت و ساز فرمایید و استایل‌های خویش را بنویسید.

تشکیل داد پروژه: از فرمان webpack برای ایجاد کرد پروژه به کار گیری نمایید:

npx webpack
تصویب بلوک در وردپرس
تایپ کردن کد PHP برای لود بلوک: در دایرکتوری پلاگین، پوشه PHP (مانند my-custom-block.php) را ساخت فرمایید و کد ذیل را در آن وارد نمائید:
راه‌اندازی پلاگین: به داشبورد وردپرس بروید. به پلاگین‌ها بروید و پلاگین نو خویش را پیدا نمایید. پلاگین را فعال فرمایید.

تست و با صرفه‌سازی
تست بلوک:
وارد ویرایشگر بلوک Gutenberg گردید.
بلوک سفارشی خویش را اضافه نمائید و مطمئن گردید که به صدق عمل می‌نماید.
باصرفه‌سازی:
کد و استایل‌های خویش را رسیدگی نمائید و اصلاحات مایحتاج را اعمال دهید.
با دسترسی SSH، می توانید مجموع فرآیند ساخت‌و‌ساز و پیشرفت بلوک‌های سفارشی Gutenberg را مستقیماً بر روی سرور خویش اجرا دهید. این طریق به شما قابلیت و امکان میدهد تا تخت گاز تغییرات را جاری ساختن کرده و بلوک‌های خویش را آزمایش فرمائید. در شرایطی‌که سوال های بیشتری دارید یا این که به مشکلی برخوردید، لطفاً بپرسید!

طریق سوم: به کارگیری از Advanced Custom Fields (ACF) و ACF Blocks
استعمال از Advanced Custom Fields (ACF) و قابلیت و امکان ACF Blocks یک طریق بی آلایش و کاربرپسند برای ایجاد کرد بلوک‌های سفارشی سوای نیاز به علم عمیق جاوا اسکریپت میباشد.

acf plugin
پلاگین ACF
نصب ACF Pro: به تارنما Advanced Custom Fields بروید و ورژن Pro را خریداری و نصب نمایید. در شرایطی که با نصب پلاگین شناخت ندارید میتوانید نوشته ی علمی یادگرفتن نصب پلاگین در وردپرس را تحقیق فرمایید.

ساخت‌و‌ساز بلوک با ACF: از پیشخوان وردپرس به Custom Fields > بلوک‌ها بروید و یک بلوک تازه ساخت فرمائید. فیلدهای متبوع خویش را اضافه فرمایید.

تنظیمات بلوک: در پوشه functions.php پوسته خویش، کد پایین را برای تصویب بلوک اضافه فرمائید:

ورود به SSH و فراهم‌سازی دور و اطراف
اتصال به هاست از روش SSH: با به کار گیری از یک کلاینت SSH (مثل PuTTY در ویندوز یا این که Terminal در macOS/Linux)، به سرور خویش متصل گردید. فرمان اتصال به سرور معمولاً به طور ذیل میباشد: رفتن به دایرکتوری پلاگین‌ها: بعداز ورود به سرور، به دایرکتوری طراحی سایت در مشهد پلاگین‌ها بروید:

معمولاً مسیر این دایرکتوری به صورتمیباشد. اعتنا داشته باشید که بایستی مسیر درست را براساس ساختار هاست خویش وارد نمایید.

ساخت‌و‌ساز دایرکتوری برای پلاگین: یک دایرکتوری نو برای پلاگین خویش ساخت نمائید:

نصب ابزارهای توسعه و گسترش
نصب Node.js و NPM: پژوهش فرمائید که آیا Node.js و NPM در سرور شما نصب گردیده‌اند:

چنانچه نصب نشده‌اند، میتوانید آنها‌را نصب فرمائید. برای نصب Node.js و NPM به نحوه‌های مطلوب برای توزیع لینوکس خویش مراجعه‌کنید.

ساخت‌و‌ساز فولدر package.json: با به کار گیری از فرمان پایین، فولدر package.json را ساخت و ساز نمایید:

npm init -y
این امر پوشه package.json را با پیکربندی پیش‌فرض ساخت‌و‌ساز می‌نماید.

نصب تعلق‌های ما یحتاج: بسته‌های موردنیاز برای پیشرفت بلوک‌های Gutenberg را نصب نمائید:

ساخت و ساز پوشه‌های تنظیمات: فولدر webpack.config.js:

ساخت و ساز بلوک سفارشی
ساخت‌و‌ساز پوشه JavaScript برای بلوک: در دایرکتوری src، یک پوشه index.js ساخت و ساز فرمایید و کد بلوک را در آن بنویسید:

ساخت و ساز پوشه CSS (از روی میل): درصورتی که نیاز به استایل دارید، یک فولدر style.css در دایرکتوری src ساخت و ساز فرمایید و استایل‌های خویش را بنویسید.

تشکیل داد پروژه: از فرمان webpack برای ایجاد کرد پروژه به کار گیری نمایید:

npx webpack
تصویب بلوک در وردپرس
تایپ کردن کد PHP برای لود بلوک: در دایرکتوری پلاگین، پوشه PHP (مانند my-custom-block.php) را ساخت فرمایید و کد ذیل را در آن وارد نمائید:
راه‌اندازی پلاگین: به داشبورد وردپرس بروید. به پلاگین‌ها بروید و پلاگین نو خویش را پیدا نمایید. پلاگین را فعال فرمایید.

تست و با صرفه‌سازی
تست بلوک:
وارد ویرایشگر بلوک Gutenberg گردید.
بلوک سفارشی خویش را اضافه نمائید و مطمئن گردید که به صدق عمل می‌نماید.
باصرفه‌سازی:
کد و استایل‌های خویش را رسیدگی نمائید و اصلاحات مایحتاج را اعمال دهید.
با دسترسی SSH، می توانید مجموع فرآیند ساخت‌و‌ساز و پیشرفت بلوک‌های سفارشی Gutenberg را مستقیماً بر روی سرور خویش اجرا دهید. این طریق به شما قابلیت و امکان میدهد تا تخت گاز تغییرات را جاری ساختن کرده و بلوک‌های خویش را آزمایش فرمائید. در شرایطی‌که سوال های بیشتری دارید یا این که به مشکلی برخوردید، لطفاً بپرسید!

طریق سوم: به کارگیری از Advanced Custom Fields (ACF) و ACF Blocks
استعمال از Advanced Custom Fields (ACF) و قابلیت و امکان ACF Blocks یک طریق بی آلایش و کاربرپسند برای ایجاد کرد بلوک‌های سفارشی سوای نیاز به علم عمیق جاوا اسکریپت میباشد.

acf plugin
پلاگین ACF
نصب ACF Pro: به تارنما Advanced Custom Fields بروید و ورژن Pro را خریداری و نصب نمایید. در شرایطی که با نصب پلاگین شناخت ندارید میتوانید نوشته ی علمی یادگرفتن نصب پلاگین در وردپرس را تحقیق فرمایید.

ساخت‌و‌ساز بلوک با ACF: از پیشخوان وردپرس به Custom Fields > بلوک‌ها بروید و یک بلوک تازه ساخت فرمائید. فیلدهای متبوع خویش را اضافه فرمایید.

تنظیمات بلوک: در پوشه functions.php پوسته خویش، کد پایین را برای تصویب بلوک اضافه فرمائید: