قم بإنشاء المظهر الخاص بك على Varbase

إذا كنت تستخدم Varbase ، فأنت تستفيد بالفعل من توزيعة Drupal القوية والغنية بالميزات. تم تصميم Varbase لتبسيط مشاريع Drupal الخاصة بك، مما يسهل إنشاء مواقع الويب وتطبيقات الويب باستخدام جميع الأدوات والوحدات الأساسية التي تم تكوينها مسبقًا. ومع ذلك، فإن أحد الجوانب الأكثر إثارة في Varbase هو المرونة التي يوفرها عندما يتعلق الأمر بالموضوعات.

سنستكشف عالم سمات Varbase ونرشدك خلال عملية إنشاء السمة الخاصة بك. بينما يوفر Varbase مجموعة من السمات المبتكرة، فإن تخصيص المظهر الخاص بك يسمح لك بمنح موقع الويب الخاص بك مظهرًا فريدًا ومظهرًا يتماشى تمامًا مع متطلبات علامتك التجارية أو مشروعك.

 

أهمية المواضيع المخصصة

قد تتساءل عن سبب أهمية السمات المخصصة عندما يوفر Varbase بالفعل مجموعة من السمات. الجواب بسيط: التمايز والتخصيص. على الرغم من أن سمات Varbase الافتراضية هي نقاط بداية رائعة، إلا أن إنشاء القالب الخاص بك يسمح لك بالتميز عن الآخرين. يمكن أن يتمتع موقع الويب الخاص بك أو تطبيقك بتصميم مصمم خصيصًا لتلبية احتياجاتك، مما يضمن تجربة مستخدم متماسكة لا تُنسى.

علاوة على ذلك، تتيح لك السمات المخصصة التحكم الكامل في العناصر المرئية والتخطيط والجماليات العامة لموقعك الذي يعمل بنظام Varbase . سواء كنت ترغب في إنشاء محفظة مذهلة بصريًا، أو منصة للتجارة الإلكترونية، أو مدونة غنية بالمحتوى، فإن السمات المخصصة تمكّنك من إضفاء الحيوية على رؤيتك الفريدة.

لذا، دعنا نتعمق في عالم سمات Varbase الرائع ونبدأ في إنشاء سمة تعكس هويتك وأهدافك الفريدة.

عملية تطوير الموضوع

لنبدأ بتثبيت أمر الأدوات المطلوبة

1. افتح نافذة طرفية.
2. قم بتغيير الدليل في المحطة إلى docroot/themes/contrib/vartheme_bs4/scripts في المشروع.
3. قم بتشغيل bash ./install-needed-tools.sh
4. اتبع مع قائمة التعليمات.

cd PROJECT_DIR_NAME/docroot/themes/contrib/vartheme_bs4/scripts bash ./install-needed-tools.sh

قم بتثبيت الأدوات اللازمة لإنشاء المظهر الخاص بك يدويًا

نوصيك بتثبيت الأدوات المطلوبة باستخدام أمر bash script. ولكن إذا لم يكن الأمر كذلك. من خلال اتخاذ قرار بتثبيت الإصدارات المخصصة يدويًا. ابدأ بالقيام بذلك:

1. قم بتثبيت sed و gawk

سيساعدك هذا في استبدال السلسلة وإعادة تسمية الملفات.

sudo apt install -y sed gawk;

2. أنت الآن بحاجة إلى تثبيت npm وnodejs

يساعد القيام بذلك في الحصول على المزيد من أدوات التطوير وحزم Bootstrap وpopper.

curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash - sudo apt update sudo apt install nodejs sudo apt install build-essential curl -L https://npmjs.com/install.sh | sudo -E bash - sudo apt update sudo apt install npm

3. دعنا نمضي قدمًا ونقوم بتثبيت الغزل الآن

sudo apt install yarn

4. الخطوة الأخيرة هي تثبيت Gulp

السبب وراء قيامنا بتثبيت Gulp هنا هو المساعدة في إدارة المهام عند ترجمة SASS/SCSS إلى CSS.

sudo npm install gulp-cli -g sudo npm install gulp -D

الآن لنقم بإنشاء Vartheme جديد

في الخطوات التالية، سوف نستكشف طريقتين لإنشاء سمة فرعية جديدة داخل سمة Vartheme Bootstrap 4 . تتضمن الطريقة الأولى استخدام برنامج نصي Bash، حيث يفتح المستخدم محطة طرفية، وينتقل إلى الدليل المناسب، ويقوم بتشغيل برنامج نصي باسم السمة المطلوبة. تستخدم الطريقة الثانية Yarn، وهو مدير حزم JavaScript، حيث يقوم المستخدم بتغيير الدليل إلى موقع السمة وتنفيذ أمر لإنشاء سمة فرعية جديدة باسم محدد باستخدام Yarn. يوفر كلا الأسلوبين المرونة للمستخدمين لاختيار طريقتهم المفضلة لإنشاء سمة فرعية داخل سمة Vartheme Bootstrap 4.

كيفية إنشاء Vartheme جديد باستخدام Bash Script:

1. افتح المحطة لتشغيل الأوامر
2. قم بتغيير الدليل في المحطة إلى docroot/themes/contrib/vartheme_bs4/scripts
3. قم بتشغيل create-new-vartheme-bs4.sh "THEME_NAME" . قم بتغيير THEME_NAME إلى اسم المشروع أو أي اسم موضوع محدد.

cd PROJECT_DIR_NAME/docroot/themes/contrib/vartheme_bs4/scripts bash ./create-new-vartheme-bs4.sh "THEME_NAME"

كيفية إنشاء Vartheme جديد باستخدام الغزل:

cd PROJECT_DIR_NAME/docroot/themes/contrib/vartheme_bs4 yarn theme:create-sub-theme "THEME_NAME"

 

مثال كامل لإنشاء سمة Varbase

لمنحك تجربة عملية كاملة، قام خبراؤنا بإعداد مثال كامل لك لإنشاء سمة Varbase. دعنا نذهب:

إذا تم إنشاء موقع Varbase باسم "mysite" باستخدام الأمر التالي:

cd /var/www/html composer create-project Vardot/varbase-project:~9 mysite --no-dev --no-interaction

المجلد mysite الخاص بالمشروع موجود في "/var/www/html/mysite"

قم بتغيير الدليل إلى docroot/themes/contrib/vartheme_bs4/scripts

cd /var/www/html/mysite/docroot/themes/contrib/vartheme_bs4/scripts

قم بتشغيل أمر bash التالي لإنشاء سمة مخصصة باسم "mytheme"

bash ./create-new-vartheme-bs4.sh "mytheme"

سيكون الموضوع الجديد موجودًا في "/var/www/html/mysite/docroot/themes/custom/mytheme"

عند انتهاء عملية التشغيل، ستظهر الرسالة التالية في الجهاز

--------------------------------------------------------------------------- The new Vartheme BS4 Sub-Theme were created at "/var/www/html/mysite/docroot/themes/custom/mytheme :)" ---------------------------------------------------------------------------

تهانينا، لقد قمت للتو بإنشاء أول سمة Varbase لك!