<?xml version="1.0"?>
<rss version="2.0"><channel><title>&#x627;&#x644;&#x628;&#x631;&#x627;&#x645;&#x62C; &#x648;&#x627;&#x644;&#x62A;&#x637;&#x628;&#x64A;&#x642;&#x627;&#x62A;: &#x634;&#x631;&#x648;&#x62D;&#x627;&#x62A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/?d=8</link><description>&#x627;&#x644;&#x628;&#x631;&#x627;&#x645;&#x62C; &#x648;&#x627;&#x644;&#x62A;&#x637;&#x628;&#x64A;&#x642;&#x627;&#x62A;: &#x634;&#x631;&#x648;&#x62D;&#x627;&#x62A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</description><language>ar</language><item><title>&#x627;&#x644;&#x648;&#x62D;&#x62F;&#x627;&#x62A; &#x627;&#x644;&#x628;&#x631;&#x645;&#x62C;&#x64A;&#x629; &#x648;&#x627;&#x644;&#x643;&#x62A;&#x644; &#x627;&#x644;&#x62A;&#x635;&#x645;&#x64A;&#x645;&#x64A;&#x629; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D9%83%D8%AA%D9%84-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85%D9%8A%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r900/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2023_08/------drupal.png.832eb171cb6cfe2e0847c741c7755e20.png" /></p>
<p>
	حسنًا، بالوصول إلى هذه المرحلة من هذا التدريب، يُفترض أن تكون لديك أساسيات التعامل مع دروبال. وإذا سبق لك العمل على أي نظام إدارة محتوى أو مصمم مواقع ويب من قبل، فالمتوقع أن تكون هذه المهارات مألوفةً جدًا بالنسبة لك. ومع ذلك، يستطيع دروبال أن يزيد من إمكانياته وتمديدها لتناسب كل الأغراض التي قد تكون مطلوبة.
</p>

<h2>
	تنشيط وتعديل الوحدات البرمجية Modules
</h2>

<p>
	يفضّل في هذه المرحلة من التعرف على <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a>، أن تكتسب مهارة الوحدات البرمجية Modules. وكما ذكرنا، فهذه برامج صغيرة يمكنها إضافة جميع أنواع الميزات والوظائف إلى موقع دروبال الخاص بك، ويأتي دروبال أساسًا مع مجموعة منها يمكن العثور عليها في الإضافات Extend.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133751" href="https://academy.hsoub.com/uploads/monthly_2023_08/047.jpg.9e168ecbe4723cf9c960c0ec63315676.jpg" rel=""><img alt="047الإضافات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133751" data-ratio="79.68" data-unique="rysaliam2" width="753" src="https://academy.hsoub.com/uploads/monthly_2023_08/047.thumb.jpg.6837751cbe1951de9cd8fae5fe30cddc.jpg"></a>
</p>

<p>
	لا يتم تثبيت جميع الوحدات البرمجية Modules وتنشيطها افتراضيًا. ولتغيير ذلك، كل المطلوب هو وضع علامة في المربع بجانب كل وحدة ثم اذهب لأسفل وانقر على تثبيت Install، ليتولى دروبال بعد ذلك الباقي. وعلى العكس من ذلك، فأيّ وحدات لم تَعُد بحاجة إليها، يمكن إزالتها، وذلك بالذهاب إلى صفحة التبويب "إلغاء التثبيت Uninstall".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133743" href="https://academy.hsoub.com/uploads/monthly_2023_08/048_.jpg.0919d1a0622ab673859051e4ffd2a61c.jpg" rel=""><img alt="048إزالة_الإضافات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133743" data-ratio="66.67" data-unique="ywq8eu8k2" style="width: 750px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/048_.thumb.jpg.14311fad87530834e713c4ed88473111.jpg"></a>
</p>

<p>
	تتم إزالة الإضافات أساسيًا بنفس طريقة التثبيت، ولكن بعكس الاتجاه. ألغ تحديد أي إضافات غير مرغوب فيها، ثم انتقل إلى الأسفل وانقر على الزر "إلغاء التثبيت" Uninstall.
</p>

<h2>
	إضافة الوحدات البرمجية التشاركية Contributed Modules
</h2>

<p>
	إلى جانب الوحدات البرمجية Modules الافتراضية، هناك أيضًا الكثير من الوحدات الأخرى التي يطلق عليها الوحدات التشاركية Contributed Modules وهي التي تمت برمجتها بواسطة مطورين آخرين ويطلق عليهم الطرف الثالث Third-party، بالتالي فإضافتها إلى موقعك يكاد يكون نفس طريقة تثبيت سمات Themes دروبال، والتي تناولناها مسبقًا.
</p>

<p>
	أولًا، يجب العثور على الوحدة المطلوبة داخل <a href="https://www.drupal.org/project/project_module" rel="external nofollow">الدليل الرسمي</a>، وبمجرد الاستقرار على أحدها، يتم تنزيل ملفاتها أو نسخ الرابط الخاص بها. بعد ذلك يمكن إضافته إلى الموقع عبر Extend&gt; Install new module.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133735" href="https://academy.hsoub.com/uploads/monthly_2023_08/049_.jpg.ff4646a32be782ef62493a8954c90d54.jpg" rel=""><img alt="049إضافة_وحدة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133735" data-ratio="46.89" data-unique="y0snljcmg" style="width: 750px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/049_.thumb.jpg.b887bf29c16f1661e2233d61dff6f955.jpg"></a>
</p>

<p>
	هناك الكثير من الوحدات التي يمكن المفاضلة بينها، وهي أكثر من السمات، فقد يصل عددها إلى 46000 أو أكثرك لذا إذا لم تكن متأكدًا أيًّا منها مناسب للتثبيت، فإليك بعض الخيارات الرائعة:
</p>

<ul>
	<li>
		<strong><a href="https://www.drupal.org/project/token" rel="external nofollow">Token</a></strong>: هذه الوحدة البرمجية تفيد في كتابة نص صغير على بصيغة معينة تسمى نائب Placeholder، ليُستبدل لاحقًا بقيمة معينة داخل المقال أو الصفحة. في الوقت الحالي، تمت كتابة معظم وظائف هذه الوحدة في دروبال، لكن بعض الوحدات لا تزال تستخدمها، مثل وحدة Pathauto.
	</li>
	<li>
		<strong><a href="https://www.drupal.org/project/ctools" rel="external nofollow">Chaos Tools Suite</a></strong>: وهي معروفة بـ Ctools، وتساعدك في إنشاء الوحدات البرمجية Modules الخاصة بك، بالإضافة إلى النماذج ومربعات الحوار وأنواع المحتوى التي تخص المدونة والمزيد.
	</li>
	<li>
		<strong><a href="https://www.drupal.org/project/pathauto" rel="external nofollow">Pathauto</a></strong>: يحتوي دروبال أساسًا على وحدة برمجية تخص التعامل مع المسار، ولكن هذه الوحدة تضطرك لإنشاء <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%B9%D9%86%D9%88%D8%A7%D9%86-url-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r1435/" rel="">عناوين URL</a> يدويًا. وهذا أمر مزعج ومرهق جدًا أن تقوم به يدويًا لكل منشور. هنا تأتي هذه الوحدة Pathauto وتريحك من هذا العناء، إذ تنشئ العناوين URLs تلقائيًا، وذلك عن طريق تعيين أنماط معينة (بالاستعانة بالوحدة Token)، لتولَّد عناوين المنشورات وغيرها تلقائيًا بناءً على النمط الذي يحدده مشرف النظام. وهذا يفيد كثيرًا، إذ تتوافق عناوين URL المنتَجة تلقائيًا مع معايير <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/" rel="">محركات البحث</a>.
	</li>
</ul>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<p data-gramm="false">
		تذكر: يتطلب Pathauto وحدة Token وCtools.
	</p>
</blockquote>

<ul>
	<li>
		<strong><a href="https://www.drupal.org/project/gutenberg" rel="external nofollow">Gutenberg</a></strong>: إذا كنت قادمًا من ووردبريس إلى دروبال، فعندما تعلم أن محرر جوتنبرج Gutenberg الجديد متاح أيضًا في دروبال، فقد تسعد (أو ربما تُحبط، هذا يتوقف على تجربتك). وهو الذي يسمح بتحرير موقع الويب بنظام كتل التصميمات Blocks، وهو متاح مجانًا.
	</li>
	<li>
		<strong><a href="https://analytics.google.com/analytics/web/provision/#/provision" rel="external nofollow">Google Analytics</a></strong>: تحليلات جوجل، هذه الوحدة مفيدة لكل من يريد الحصول على معلومات حول استخدام موقعه، فهي تسهل التكامل مع تحليلات جوجل وتجعل الأمور سهلةً للغاية في تحقيق الهدف.
	</li>
</ul>

<p>
	لمزيد من وحدات دروبال المفيدة، راجع هذه <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">المقالة</a>.
</p>

<h2>
	التعرف على كتل التصميمات Blocks
</h2>

<p>
	بمجرد الانتهاء من إضافة كل الوحدات التشاركية Contributed Modules المطلوبة، قد ترغب في إضافة شريط جانبي إلى موقعك بميزات وعناصر متنوعة مثل إضافة صور أو قوائم، وهذه الميزات في دروبال يُطلق عليها كتل التصميم لأن كلًا منها يمكن سحبه والتعامل معه ككيان منفصل أو كتلة منفصلة، وسوف نتحدث عنها بتفصيل أكبر في نهاية هذا الدرس التعليمي. هذه الكتل يمكن وضعها في مناطق عديدة من الصفحة وكذلك ضبط مظهرها وشكلها وحجمها وموضعها وصفحات موقع الويب التي تظهر عليها.
</p>

<h3>
	التعرف على مناطق الكتل Block Regions الخاصة بك
</h3>

<p>
	سوف تختلف الكتل التي يمكن التعامل معها اعتمادًا على السمة theme والوحدات Modules والمكونات الأخرى على موقعك. ويمكنك العثور على جميع الخيارات التي تتحكم فيها من خلال القائمة Structure &gt; Block Layout.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133741" href="https://academy.hsoub.com/uploads/monthly_2023_08/050.jpg.ecfb7a566eed7ecea4aec75d223a665b.jpg" rel=""><img alt="050الكتل.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133741" data-ratio="95.09" data-unique="25c4kjyeu" width="631" src="https://academy.hsoub.com/uploads/monthly_2023_08/050.thumb.jpg.054e85d1f42cd1b7cc9bc3dc3ca263dd.jpg"></a>
</p>

<p>
	يتم حفظ الكتل حسب السمة Theme، لذلك في الجزء العلوي، توجد قائمة بالسمات المثبتة على موقعك؛ أما بالأسفل فتوجد قائمة بجميع الأماكن التي يمكن إضافة كتل التصميمات blocks إليها، وتسمى المناطق regions. إذا لم تكن متأكدًا من أماكنهم، فانقر فوق Demonstrate block regions في الجزء العلوي. سيتم عمل عرض للموقع، بحيث يتم تمييز وتسمية أماكن تواجد كل منطقة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133737" href="https://academy.hsoub.com/uploads/monthly_2023_08/051.jpg.754f433df3ce624e594935d4a944e00c.jpg" rel=""><img alt="051المناطق.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133737" data-ratio="80.86" data-unique="u0k2k0h8d" width="742" src="https://academy.hsoub.com/uploads/monthly_2023_08/051.thumb.jpg.dd7b760326256e114d742f07adbe6fba.jpg"></a>
</p>

<h3>
	إضافة كتل التصميم Blocks للمناطق Regions
</h3>

<p>
	لإضافة كتلة Block إلى مكان ما، كل ما هو مطلوب التمرير والوصول إلى المنطقة المرغوبة والنقر فوق "إضافة الكتلة Place block". وستظهر قائمة بكل الخيارات المتاحة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133742" href="https://academy.hsoub.com/uploads/monthly_2023_08/052_.jpg.67fcb477320937057c8696c1ee1dd2e7.jpg" rel=""><img alt="052إضافة_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133742" data-ratio="58.22" data-unique="pvvfx2n7n" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/052_.thumb.jpg.50df215c215ec9f0a00577707ab547dd.jpg"></a>
</p>

<p>
	بعد النقر على Place block بجانب العنصر المراد إضافته، ستظهر شاشة الضبط.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133728" href="https://academy.hsoub.com/uploads/monthly_2023_08/053_.jpg.901c799aef308017d3050857c92443b0.jpg" rel=""><img alt="053ضبط_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133728" data-ratio="66.67" data-unique="9n3dmr2ud" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/053_.thumb.jpg.b26dad121652ce9c4e01d883a51bedae.jpg"></a>
</p>

<p>
	من الجدير بالذكر، أنه ستكون هناك اختلافات بسيطة على حسب الكتلة التي يتم وضعها. في حالة الكتلة المسماة Breadcrumbs. على سبيل المثال، يمكنك إضافة عنوان (وتحديد ما إذا يتم إظهاره أو لا) وأيضًا إعدادات إظهار الكتلة؛ أما في الجزء السفلي، فيمكنك أيضًا تغيير المنطقة التي ستظهر فيها (في حال اخترت منطقة خاطئة يمكنك التغيير من هنا). بمجرد الانتهاء ثم النقر على الزر "حفظ الكتلة Save block" تضاف الكتلة إلى الموقع.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133750" href="https://academy.hsoub.com/uploads/monthly_2023_08/054_.jpg.8e85b9875e60c3782a9fc9c2e66af743.jpg" rel=""><img alt="054حفظ_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133750" data-ratio="43.67" data-unique="shhnmo0xj" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/054_.thumb.jpg.0b812b1c6b9ffab6b360b336cd0f411a.jpg"></a>
</p>

<h2>
	التحكم في كتل التصميم
</h2>

<p>
	بطبيعة الحال، تتوافر إمكانية تغيير أي شيء يخص إعدادات الكتل الموجودة بموقعك. فلنقل الكتلة من منطقة إلى أخرى مثلًا، توجد طريقتان، الأولى اختيار المنطقة الجديدة من القائمة المنسدلة، والطريقة الثانية هي بسحبها وإفلاتها من منطقة إلى أخرى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133749" href="https://academy.hsoub.com/uploads/monthly_2023_08/055_.jpg.fcdf013ee8ec0cdbdb7b6ab964891342.jpg" rel=""><img alt="055نقل_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133749" data-ratio="30.44" data-unique="5etq7m339" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/055_.thumb.jpg.8133e58add50fe3d6dd1edd73257cf24.jpg"></a>
</p>

<p>
	في أقصى اليمين، إذا تم النقر على الزر Configure فإن ذلك سيقود إلى شاشة الإعدادات الخاصة بالكتلة لتغيير أي منها؛ أما النقر على أيقونة السهم فسيتسبب في فتح القائمة المنسدلة ليظهر اختياران، أولهما هو Disable الذي يعطل الكتلة، أما الثاني فهو Remove، الذي يتسبب في إزالتها نهائيًا.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133731" href="https://academy.hsoub.com/uploads/monthly_2023_08/056_.jpg.6797c039ec9e9f547deab5c01914238d.jpg" rel=""><img alt="056تعديل_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133731" data-ratio="37.89" data-unique="4eriwnvnq" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/056_.thumb.jpg.4817321b24f34384e0f82a72ff81bf71.jpg"></a>
</p>

<p>
	بعد الانتهاء من كل التغييرات المطلوبة، لا تنسَ أن تنقر على الزر حفظ Save block أسفل الصفحة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133747" href="https://academy.hsoub.com/uploads/monthly_2023_08/057_.jpg.f0402edc34645a084fedada75da06386.jpg" rel=""><img alt="057حفظ_كتلة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133747" data-ratio="51.00" data-unique="udkbdcm8g" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/057_.thumb.jpg.8f6164f2ea156518e14630183f8434f3.jpg"></a>
</p>

<h3>
	ضبط إعدادات الكتل على الواجهة الأمامية
</h3>

<p>
	يمكن أيضًا تعديل كتل معينة من خلال الواجهة الأمامية لموقعك. ويتم ذلك بالطواف فوق أي منها حتى تظهر أيقونة القلم (أيقونة التعديل)، انقر فوقها، ثم انقر مرةً أخرى على "ضبط الكتلة Configure block".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133729" href="https://academy.hsoub.com/uploads/monthly_2023_08/058___.jpg.ca8bdf0e9e9f3cd64e8e1568950cd54d.jpg" rel=""><img alt="058ضبط_كتلة_من_الواجهة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133729" data-ratio="39.44" data-unique="wuxmn8svz" style="width: 800px; height: 342px;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/058___.thumb.jpg.0158d4ae04119aacafbae7f046fb073a.jpg"></a>
</p>

<p>
	سيقود هذا إلى ظهور نفس الشاشة السابقة
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133734" href="https://academy.hsoub.com/uploads/monthly_2023_08/059___.jpg.da1ac7e5400c3f6cda10190ae6ff1de7.jpg" rel=""><img alt="059ضبط_كتلة_من_الواجهة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133734" data-ratio="66.67" data-unique="xbtjhybjn" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/059___.thumb.jpg.d814fac182b61e7f5204f3cefacafdf0.jpg"></a>
</p>

<p>
	وهنا، يمكنك تغيير أي إعدادات، وتغيير المنطقة إلى منطقة أخرى، وكذلك إزالة الكتل. بالمناسبة، يؤدي النقر على رابط "تعديل Edit" في الزاوية اليمنى العليا إلى تمييز جميع العناصر القابلة للتحرير في الصفحة بوضع رمز بجانبها، وهذا سيسهل عليك إيجاد الأماكن القابلة للتعديل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133745" href="https://academy.hsoub.com/uploads/monthly_2023_08/060_.jpg.8592a15d6ab7be5b39656f497c91783f.jpg" rel=""><img alt="060التعديل_بالأعلى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133745" data-ratio="66.67" data-unique="ffnasngyl" style="width: 750px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/060_.thumb.jpg.bf4a00943dbe0bad56ed0bbd698c05a1.jpg"></a>
</p>

<h2>
	إنشاء كتل تصميمية مخصصة Custom Blocks
</h2>

<p>
	كنقطة أخيرة في كتل دروبال في هذا الدرس التعليمي، ينبغي أن تعلم أنه يمكن أيضًا إنشاء كتل مخصصة من إنتاجك. وقد يكون لهذا فائدة عظيمة جدًا. فعلى سبيل المثال، قد تكون لديك معلومة حول ما تريد عرضه في مناطق متعددة من موقعك، مثل ساعات العمل بشركتك، أو خبر معين مطلوب إظهاره للزوار، ولفعل هذا انتقل إلى Structure &gt; Block layout &gt; Custom block library (علامة التبويب في الأعلى).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133744" href="https://academy.hsoub.com/uploads/monthly_2023_08/061_.jpg.938ef5a3e16ae82b9a352ae7cfa0a2bc.jpg" rel=""><img alt="061كتلة_مخصصة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133744" data-ratio="51.00" data-unique="xlvhwrwcq" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/061_.thumb.jpg.a5547c521700b3340e6a6b8065151f3c.jpg"></a>
</p>

<p>
	وبالنقر على Add custom block يتم الانتقال إلى الشاشة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133732" href="https://academy.hsoub.com/uploads/monthly_2023_08/062__.jpg.77792993dc86ed77c48009d220e51bc6.jpg" rel=""><img alt="062إضافة_كتلة_مخصصة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133732" data-ratio="66.67" data-unique="frdjpdtld" style="width: 750px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/062__.thumb.jpg.0094262983c4ab3a9dba977d89ea9912.jpg"></a>
</p>

<p>
	أدخل وصفًا للكتلة حتى تتمكن أنت والمسؤولون الآخرون من معرفة نبذة مختصرة عنها، بعد ذلك اكتب المحتوى الذي تريد عرضه في المحرر الموجود بالأسفل، وبمجرد الانتهاء انقر على "حفظ Save" لحفظ الكتلة المخصصة Custom block الخاصة بك؛ وعندها يمكنك إضافتها للمناطق المختلفة على موقعك بنفس طريقة الكتل الأخرى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133730" href="https://academy.hsoub.com/uploads/monthly_2023_08/063__.jpg.2ac88010b991e84450a95ae5668f9498.jpg" rel=""><img alt="063حفظ_كتلة_مخصصة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133730" data-ratio="52.11" data-unique="hut66p74z" style="width: 750px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/063__.thumb.jpg.8a673d35041ebf9c7c36c13f9e91be46.jpg"></a>
</p>

<h2>
	التعرف على أحدث مزايا وإمكانيات دروبال
</h2>

<p>
	تمامًا كما هو الحال مع ووردبريس، قدم دروبال مؤخرًا نوعًا من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%82%D9%88%D8%A7%D9%84%D8%A8-%D9%81%D9%8A-%D9%85%D8%AD%D8%B1%D8%B1-%D8%A7%D9%84%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r757/" rel="">محرر الكتل</a> لتصميم المحتوى. ونظرًا لأن هذه ميزة جديدة وعظيمة، فلن يكتمل أي هذا الدليل التعليمي لدروبال دون ذكرها.
</p>

<p>
	في حالة دروبال، يُطلق على المحرر الجديد اسم "مصمم التخطيط Layout Builder" وهو أحد الوحدات الأساسية، ومع ذلك، لا يتم تثبيته افتراضيًا. ولعلاج ذلك، في قائمة "الوحدات البرمجية Modules" الموجودة تحت Extend، ابحث عن Layout Builder و Layout Discovery.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133739" href="https://academy.hsoub.com/uploads/monthly_2023_08/064_.jpg.0e240a7000fcbefd8dfc7785bdf1aec7.jpg" rel=""><img alt="064محرر_النصوص.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133739" data-ratio="66.67" data-unique="9inudir4h" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/064_.thumb.jpg.ad1fd405d704c5c8d09de0067700f222.jpg"></a>
</p>

<p>
	انتقِ كلًا من الاختيارين، وانزل للأسفل وانقر على الزر "تثبيت Install". بمجرد تفعيل مصمم التخطيط Layout builder، ستحتاج لضبطه وتحديد ما المحتوى الذي سيتعامل معه، ويتم ذلك من خلال القائمة "الهيكلة &gt;أنواع المحتوى" Structure &gt; Content Types.
</p>

<p>
	Ï65<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133748" href="https://academy.hsoub.com/uploads/monthly_2023_08/065_.jpg.d42e164615c6ee4ae8af5a0af8686856.jpg" rel=""><img alt="065أنواع_المحتوى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133748" data-ratio="36.25" data-unique="6ir60bw1i" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/065_.thumb.jpg.253a160556453fc389951f6fd42b4a15.jpg"></a>
</p>

<p>
	ستجد هنا قائمةً بجميع أنواع المحتوى على موقع دروبال الخاص بك (بناءً على ما تم في هذا الدرس، فيُفترض أن يوجد المقال والصفحة الأساسية). استخدم القائمة المنسدلة في النهاية لاختيار ضبط العرض Manage display لأي نوع محتوى تريد تعديله.
</p>

<p>
	هناك طريقة أخرى وهي النقر فوق "تحرير Edit" أو "إدارة الحقول Manage Fields" ثم النقر فوق علامة التبويب "ضبط العرض Manage display" في الجزء العلوي من الشاشة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133752" href="https://academy.hsoub.com/uploads/monthly_2023_08/066_.jpg.1115f58bf490cbf4ac69bd30fa472d5d.jpg" rel=""><img alt="066ضبط_العرض.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133752" data-ratio="79.79" data-unique="lv8z9mm71" width="752" src="https://academy.hsoub.com/uploads/monthly_2023_08/066_.thumb.jpg.70a3dd3c1d5c71bfec53217e22b77e80.jpg"></a>
</p>

<p>
	من المفترض أن تأخذك أيًّا من الطريقتين إلى نفس المكان. عندما تصل إلى هناك، مرّر لأقصى الأسفل ثم نشّط خيار "تفعيل مصمم التخطيط Use Layout Builder" والحفظ.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133733" href="https://academy.hsoub.com/uploads/monthly_2023_08/067_.jpg.2767360f256eb54efb46e63e6f1f32c7.jpg" rel=""><img alt="067تنشيط_المحرر.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133733" data-ratio="20.22" data-unique="d4x3weo9v" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/067_.thumb.jpg.079c2d21e85e0207b6f4852a46b1513d.jpg"></a>
</p>

<h3>
	تعرف على محرر تخطيط دروبال Drupal Layout Editor
</h3>

<p>
	نظرًا لأن هذا الدرس التعليمي موجه للمبتدئين، فسيتم تقديم نظرة عامة قصيرة فقط على ما يمكن أن يفعله مصمم التخطيط Layout Builder. يسمح لك محرر تخطيط دروبال Drupal Layout Editor بتغيير هيكلة أو تصميم ما نطلق عليه "أنواع المحتوى" الخاصة بك بطريقة السحب والإفلات drag-and-drop. وأنواع المحتوى تُعَد قوالب يتم تخطيطها وتصميمها وحفظها، وبعد ذلك تربط الصفحات بنوع معين، فتظهر بيانات الصفحة بالتصميم المخصص لهذا النوع أو القالب. في قائمة "إدارة العرض Manage display"، ومع تنشيط الاختيار Layout Builder، يفترض ظهور الزر "إدارة التخطيط Manage layout" الذي لم يكن موجودًا من قبل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133736" href="https://academy.hsoub.com/uploads/monthly_2023_08/068_.jpg.50379d3228ff165b158d2aead882ee73.jpg" rel=""><img alt="068إدارة_العرض.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133736" data-ratio="61.67" data-unique="uzyrktlb0" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/068_.thumb.jpg.29a3b62da5dda3c8b9242e7d3c88975b.jpg"></a>
</p>

<p>
	عند النقر على هذا الزر، سيتم الوصول إلى صفحة معاينة (تجريبية) لهذا النوع أو القالب، مع إمكانية تعديل تخطيطه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133746" href="https://academy.hsoub.com/uploads/monthly_2023_08/069_.jpg.6cdd88a6cac1f38642063d7a34132c9d.jpg" rel=""><img alt="069صفحة_تجريبية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133746" data-ratio="199.34" data-unique="5l4gjdq8n" width="301" src="https://academy.hsoub.com/uploads/monthly_2023_08/069_.thumb.jpg.1c1b44cbe9aa79b69fc4b1aae60a3039.jpg"></a>
</p>

<p>
	يتكون المحرر بالأساس من أقسام sections وكتل blocks، وإذا تم النقر فوق "إضافة قسم Add section"، فستظهر قائمة بالاختيارات المتاحة، وكل اختيار يمثل تخطيطًا مختلفًا، بحيث يكون الاختلاف في عدد الأعمدة ونسبة عرض width ratio كل عمود.
</p>

<p>
	في الصورة التالية يظهر التخطيط 50% 50%، والذي يعنى عمودان متساويان في العرض.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133738" href="https://academy.hsoub.com/uploads/monthly_2023_08/070_.jpg.28f143dbd73bc7f216b5ef18675569f2.jpg" rel=""><img alt="070إضافة_قسم.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133738" data-ratio="56.33" data-unique="3qopprnz1" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/070_.thumb.jpg.a7945e366630aff0410478679d2fd14b.jpg"></a>
</p>

<p>
	بعد اختيار تخطيط القسم، يجب كتابة اسم للقسم، وعند النقر على "إضافة قسم Add section"، تتم إضافته إلى تخطيط الصفحة، وسنلاحظ أن القسم المضاف يتكون من عمودين متساويين كما بالصورة التالية. بعد ذلك، لإضافة كتل إلى القسم، يكفي النقر مرةً واحدةً على الزر الذي يحمل نفس الاسم، وستظهر قائمة منزلقة أخرى تحتوي كل الكتل المتاحة على موقعك، بالإضافة إلى إمكانية إنشاء كتل مخصصة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133740" href="https://academy.hsoub.com/uploads/monthly_2023_08/071__.jpg.aae733c6377f411d22d8577778d684d1.jpg" rel=""><img alt="071إضافة_كتل_للقسم.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133740" data-ratio="56.38" data-unique="s5xpqgyo9" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/071__.thumb.jpg.2d43a0de5fd813f4c7ae50f6532df6eb.jpg"></a>
</p>

<p>
	انقر فوق إحداها لضبط الإعدادات الخاصة بها، ثم اضغط على "إضافة كتلة Add block" لإضافتها إلى الصفحة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133754" href="https://academy.hsoub.com/uploads/monthly_2023_08/072__.jpg.bdb69e6b2cda7fec57c7a65feae5363a.jpg" rel=""><img alt="072ضبط_كتلة_وإضافتها.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133754" data-ratio="56.33" data-unique="vxnd6uwi0" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/072__.thumb.jpg.5d42397834e5a594ff9b4f7c8fafc36a.jpg"></a>
</p>

<p>
	إضافةً إلى ذلك، يمكن تغيير أماكن الكتل الموجودة باستخدام طريقة السحب والإفلات، والعديد من الخيارات الأخرى مثل إزالة أقسام كاملة، وضبط إعدادات الكتل، وغيرها من الاختيارات.
</p>

<p>
	عند الانتهاء والنقر فوق "حفظ التخطيط Save layout"، سيتم تطبيق التغييرات على كل محتوى يستخدم هذا النوع، فالنوع بمثابة قالب إذا تم تغييره، وسيتم تطبيق ذلك على كل من يستخدمه. يُعَد هذا تدريبًا عمليًا رائعًا، أليس كذلك؟
</p>

<h3>
	استخدم مصمم التخطيط Layout Builder لتعديل الصفحات الفردية
</h3>

<p>
	بالإضافة إلى ما يقوم به مصمم التخطيط Layout Builder من إجراء تغييرات على أنواع (قوالب) المحتوى، يمكن أيضًا استخدامه لإجراء تغييرات على محتوى صفحات معينة وليس على التخطيط العام للنوع نفسه؛ وللتمكن من ذلك، يجب التأكد من تنشيط الخيار "السماح بتعديل العناصر الفردية Allow each content item to have its layout customized" والموجود تحت "إدارة العرض Manage Display".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133756" href="https://academy.hsoub.com/uploads/monthly_2023_08/073__.jpg.a6e3096958251bbfd6bdeabe01a67960.jpg" rel=""><img alt="073تمكين_تعديل_فردى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133756" data-ratio="32.33" data-unique="jnqxk8l3g" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/073__.thumb.jpg.98794387cac6cfd9d4b364fd404ed7e8.jpg"></a>
</p>

<p>
	إذا نُفّذت الخطوات السابقة وحاولت تعديل محتوى يستخدم هذا النوع، فستحصل الآن على علامة تبويب جديدة تسمى "تخطيط Layout" في الأعلى تنقلك إلى نفس المحرر.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133753" href="https://academy.hsoub.com/uploads/monthly_2023_08/074_.jpg.65f7dcdeb745ea2b7b6fed267634ba12.jpg" rel=""><img alt="074تبويب_تخطيط.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133753" data-ratio="56.33" data-unique="09hqhcufi" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/074_.thumb.jpg.849f6af2da82b189f1a7ceecc4632b25.jpg"></a>
</p>

<p>
	هنا، يمكنك إجراء تغييرات على أجزاء المحتوى الفردية التي ستلغي الإعدادات المكتسبة من النوع العام فيكون لها تخطيطها الخاص، ويمكن زيادة إمكانيات وقدرات مصمم التخطيط عن طريق الوحدات البرمجية Modules، وهناك خيارات إضافية. لمزيد من المعلومات، يمكنك زيارة <a href="https://www.drupal.org/docs/8/core/modules/layout-builder" rel="external nofollow">شرح دروبال</a>.
</p>

<h2>
	الخواطر النهائية: دروس دروبال للمبتدئين
</h2>

<p>
	رغم أن هذا الدرس التعليمي كافٍ جدًا لمنحك معلومات راسخةً ومتينةً لتصميم <a href="https://academy.hsoub.com/devops/servers/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%AD%D8%B1%D9%83-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r572/" rel="">موقع ويب</a> باستخدام دروبال، إلا أنه يجب أن تضع في حسبانك أن الأمر يتطلب بعض الصبر لإتقان إمكانيات دروبال بالكامل. ومن المعروف أن العملية التعليمية تستغرق وقتًا، لذلك فمن أفضل الطرق للحصول على الخبرة هي التدريب على الأدوات والنظام ومعرفة كيفية تنفيذ الأشياء التي تريدها على موقعك.
</p>

<p>
	نرجوا أن يكون هذا الدرس لتعليم دروبال للمبتدئين قد ساعدك فعليًا في اتخاذ خطوتك الأولى، وإن كان لديك أي تساؤل حوله فلا تتردد في طرحه بالتعليقات.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://websitesetup.org/build-website-drupal//" rel="external nofollow">Beginners’ Guide to Drupal (How to Build a Website)</a> لصاحبه Nick Schäferhoff.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
	<li>
		المقال السابق: <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%88%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r899/" rel="">إنشاء وتعديل المدونات والمحتوى في دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D9%85%D8%B9-%D9%88%D8%A7%D8%AC%D9%87%D8%A9-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%88%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r896/" rel="">التعامل مع واجهة المستخدم وصفحات الموقع في دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-%D9%84%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r895/" rel="">دليل المبتدئين لتهيئة دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%A7%D9%84%D8%AA%D9%8A-%D9%8A%D9%82%D8%B9-%D9%81%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%88%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r804/" rel="">الأخطاء التي يقع فيها المبتدئون في دروبال</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">900</guid><pubDate>Mon, 11 Sep 2023 15:01:00 +0000</pubDate></item><item><title>&#x625;&#x646;&#x634;&#x627;&#x621; &#x648;&#x62A;&#x639;&#x62F;&#x64A;&#x644; &#x627;&#x644;&#x645;&#x62F;&#x648;&#x646;&#x627;&#x62A; &#x648;&#x627;&#x644;&#x645;&#x62D;&#x62A;&#x648;&#x649; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%88%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r899/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2023_08/-----drupal.png.65647f6dd34a45f524f36a71d928b28a.png" /></p>
<p>
	يرغب العديد من الأشخاص الذين المتطلعون لإنشاء موقع ويب في أن ينشئوا معه مدونة. وبطبيعة الحال، وباعتبار دروبال نظام إدارة محتوى مناسبًا، فإن لديه أيضًا الإمكانية لإنشاء المدونات، وهو ما سيتم تغطيته خلال هذا الدرس التعليمي بعد ذلك.
</p>

<h2>
	كتابة مقالك الأول
</h2>

<p>
	لإنشاء مدونة، سننشئ أولًا بعض المحتوى، فكيف ستكون المدونة بدون محتوى؟ بالتأكيد ستكون صفحةً فارغةً فقط. لا يحوي إنشاء محتوى للمدونة في دروبال أي صعوبة، فلعلك لاحظت أثناء إنشاء الصفحات السابقة، وعندما اخترنا النوع Basic page، أنه كان يوجد نوع آخر يسمى ِArticle، بمعنى مقالة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133724" href="https://academy.hsoub.com/uploads/monthly_2023_08/038.jpg.20c61e3a6a7fd6456000850431d1e6ca.jpg" rel=""><img alt="038مقالة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133724" data-ratio="30.11" data-unique="m9ci9w6el" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/038.thumb.jpg.8f057fb7b878eb4506965b2ffaa50ce3.jpg"></a>
</p>

<p>
	كان هذا لإنشاء محتوًى أقل ثباتًا (أي متجددًا) مثل النشرات الصحفية والتحديثات ومنشورات المدونة، فهو يعمل بنفس الطريقة التي تعمل بها الصفحات إلى حد كبير، إذ ما عليك سوى إنشاء مقال جديد وإدخال العنوان والملخص والمحتوى وإضافة الاسم المستعار إلى نهاية <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%B9%D9%86%D9%88%D8%A7%D9%86-url-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r1435/" rel="">عنوان الموقع URL</a>، ثم نشره. لكن هناك بعض الأمور التي يحصل فيها اختلاف، فعلى عكس الصفحات الأساسية، تأتي المقالات أيضًا مع إعدادات التعليقات وتوجد على اليمين (افتراضيًا، تكون التعليقات متاحة)، كما تمتلك كذلك القدرة على إضافة كلمات توضيحية tags وكذا تخصيص صورة مميزة في الأسفل (ببساطة اختر الصورة، وحملها، ثم إضافة نص بديل).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133716" href="https://academy.hsoub.com/uploads/monthly_2023_08/039_.jpg.3b95bf507d1e735a3bee58bcedf6e9ee.jpg" rel=""><img alt="039خصائص_المقالة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133716" data-ratio="108.89" data-unique="dulqw8r4s" width="551" src="https://academy.hsoub.com/uploads/monthly_2023_08/039_.thumb.jpg.c551d73b02c94b14e39218353690af79.jpg"></a>
</p>

<p>
	بالإضافة إلى ما سبق، يجب التفكير في تنظيم عناوين المدونات، فمن ضمن الأفكار الجيدة أن يكون الاسم المستعار على هيئة blog/post-title/، فإذا كان عنوان المقالة "events" على سبيل المثال، فسيكون عنوانها بالمتصفح مشابهًا لـ <a href="http://domain.com/blog/events%D8%8C" ipsnoembed="false" rel="external nofollow">http://domain.com/blog/events،</a> وهكذا مع كل المقالات التي سوف تندرج تحت blog/، وإلا ستظهر مباشرةً بعد اسم الموقع، وبالتالي ستكون غير منظمة. كذلك، في قسم معلومات التأليف Authoring information، يمكن أيضًا تغيير تاريخ النشر ووقته. وها هي النتيجة النهائية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133717" href="https://academy.hsoub.com/uploads/monthly_2023_08/040_.jpg.8987557184bd7f889bea8c4e0330af0e.jpg" rel=""><img alt="040مقالة_منشورة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133717" data-ratio="163.49" data-unique="x0nzi01hz" width="367" src="https://academy.hsoub.com/uploads/monthly_2023_08/040_.thumb.jpg.c5e6d91ce90602a342845043b90c3874.jpg"></a>
</p>

<h2>
	تهيئة صفحة المدونة
</h2>

<p>
	بمجرد إنشاء مقالات أو منشورات للمدونة، فإن الأمر يتطلب الآن عرضها على الصفحة. وبناءً عليه، يمكن لأي شخص لديه الرابط أن يرى هذه المقالات. ومع ذلك، أليس من الأفضل عرض جميع مشاركات المدونة في مكان واحد وترتيبها ترتيبًا زمنيًا؟ بالتأكيد هذا أفضل. على هذا الأساس، يتعين إنشاء ما يمكن أن نسميه صفحة العرض View، وهذا ما يسميه <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> قوائم المحتوى، التي لا يكون إنشاؤها صعبًا، حيث يمكنك العثور على الخيار الخاص بهم عن طريق قائمة Structure &gt; Views.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133718" href="https://academy.hsoub.com/uploads/monthly_2023_08/041_.jpg.8d21178b71c4a31a9dbb7225df8d6ae2.jpg" rel=""><img alt="041عرض_المنشورات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133718" data-ratio="60.78" data-unique="xfglpv2f4" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/041_.thumb.jpg.74fa4df7297e2d94df4ff7d72f83e39d.jpg"></a>
</p>

<h2>
	ضبط إعدادات صفحة العرض View
</h2>

<p>
	من خلال الشاشة السابقة، انقر على Add view. سينقلك هذا للصفحة التالية والتي من خلالها يمكن إضافة صفحة للعرض.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133719" href="https://academy.hsoub.com/uploads/monthly_2023_08/042_.jpg.789f31a9ebbd2b51574c73b9416ad7ac.jpg" rel=""><img alt="042إضافة_عرض.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133719" data-ratio="66.67" data-unique="v3kdzbutp" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/042_.thumb.jpg.7713fad3bcab15d8e75f9760fdca2920.jpg"></a>
</p>

<p>
	الأسطر التالية توضح كيفية ملء خانات المعلومات الأساسية للصفحة:
</p>

<ul>
	<li>
		<strong>View name</strong>: أي اسم الصفحة، وهو الاسم الذي سيظهر في قائمة "العرض Views" لمساعدتك في التعرف عليه.
	</li>
	<li>
		<strong>Description</strong>: أي الوصف، وتظهر أهميته عند الذهاب إلى قائمة "العرض Views"، ويعرض وصفًا مختصرًا لهذا العنصر. هذه الخانة اختيارية.
	</li>
</ul>

<p>
	في مقطع إعدادات العرض View settings، يمكن تحديد المحتويات Content التي تخص المقالات Article، ويمكن تحديد ظهور الأحدث أولًا Newest first. ونتيجةً لهذا، سيتم عرض المنشورات الأحدث أولًا أي بالأعلى.
</p>

<p>
	الخطوة التالية، الانتقال إلى إعدادات الصفحة:
</p>

<ul>
	<li>
		<strong>Create a page</strong>: أي إنشاء صفحة، ويجب تفعيل هذا الخيار لينشئ دروبال صفحةً مخصصةً لهذا العرض.
	</li>
	<li>
		<strong>Page title</strong>: أو عنوان الصفحة. في حالتنا هذه، ربما يكون العنوان "المدونة" مناسبًا.
	</li>
	<li>
		<strong>Path</strong>: أي المسار، ويعبّر عن عنوان URL المخصص للصفحة. ومرةً أخرى، العنوان "blog" ربما يكون خيارًا بديهيًا. ولكن تأكد من أن ما تكتبه هنا يماثل ما اخترته في المقال إذا كنت قد أدخلت أي شيء هناك.
	</li>
	<li>
		<strong>Page display settings</strong>: وتعبّر عن إعدادات عرض الصفحة، اختر التنسيق الذي تريد عرض المقالات أوالمنشورات به (شبكة، قائمة منسقة <a href="https://academy.hsoub.com/programming/html/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%84%D8%BA%D8%A9-html-r1752/" rel="">بلغة HTML</a>، جدول، قائمة غير منسقة)، وتحديد الجزء المراد إظهاره (العبارات التشويقية، العناوين، العناوين المرتبطة، أو الحقول). في هذا الدرس سيتم اختيار قائمة غير منسقة والعبارات التشويقية.
	</li>
	<li>
		<strong>Items to display</strong>: عدد المنشورات أو العناصر المراد عرضها بالصفحة.
	</li>
	<li>
		<strong>User a pager</strong>: استخدام مقسم الصفحات، لتحديد ما إذا كنت تريد تضمين ترقيم الصفحات لهذا العرض.
	</li>
	<li>
		<strong>Create a menu link</strong>: لقد تحدثنا عن هذه الجزئية سابقًا في جزء قوائم دروبال.
	</li>
</ul>

<p>
	انقر على الزر "حفظ وتعديل Save and edit" وستجد المدونة التي اُنشئت حديثًا في الواجهة الأمامية لصفحتك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133720" href="https://academy.hsoub.com/uploads/monthly_2023_08/043_.jpg.ea3a84b5ce4bd488591c75a8178acf15.jpg" rel=""><img alt="043حفظ_عرض.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133720" data-ratio="66.67" data-unique="v72lnft46" style="width: 700px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/043_.thumb.jpg.8d4118e2c207b687971da855ad72741d.jpg"></a>
</p>

<h2>
	تعديل وحذف المحتوى
</h2>

<p>
	إذا كنت تريد إجراء تغييرات أو حذف أي من الصفحات أو المقالات التي أنشأتها، فلا يوجد أسهل من ذلك. كل المطلوب هو الانتقال إلى قائمة "المحتوى Content"، وستلاحظ وجود قائمة بجميع المحتويات التي تمت على موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133721" href="https://academy.hsoub.com/uploads/monthly_2023_08/044.jpg.c1dd4353aa52ab6eb91d41d065e6a89e.jpg" rel=""><img alt="044المحتوى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133721" data-ratio="66.67" data-unique="e6b26r86m" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/044.thumb.jpg.57d0b0e08c2db3f13090aae4e620bc4b.jpg"></a>
</p>

<p>
	إذا كان عدد العناصر كثيرًا جدًا، فيمكن استخدم خيارات التصفية filters الموجودة بالأعلى لتسهيل العثور على ما تبحث عنه حسب العنوان أو نوع المحتوى أو حالة النشر أو اللغة. وعلى الجانب الأيمن، انقر فوق الزر "تحرير Edit" للعودة إلى شاشة التحرير لعنصر معين. أو بدلًا من التعديل، يمكن حذف العنصر، وذلك عن طريق فتح القائمة المنسدلة بالنقر على الزر الذي على شكل السهم، ثم اختيار "حذف Delete".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133722" href="https://academy.hsoub.com/uploads/monthly_2023_08/045__.jpg.87eb08859cf67ca965257f7e7034aaee.jpg" rel=""><img alt="045تعديل_حذف_المحتوى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133722" data-ratio="41.33" data-unique="5b0z6j0lt" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/045__.thumb.jpg.f7d2dc137897be3a30520c13bebd30c9.jpg"></a>
</p>

<p>
	إضافةً إلى تعديل العنصر فرديًا، يمكن تعديل مجموعة من العناصر دفعةً واحدة، وذلك باختيار العناصر المراد تعديلها عن طريق مربع الاختيار الموجود على اليسار، ثم تطبيق الإجراء المطلوب عن طريق اختياره من القائمة المنسدلة الموجودة بالأعلى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="133723" href="https://academy.hsoub.com/uploads/monthly_2023_08/046_.jpg.23b561c3f206b9bb5cc1d9b163c40640.jpg" rel=""><img alt="046تعديل_متعدد.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="133723" data-ratio="41.44" data-unique="1gdk94buq" style="width: 800px; height: auto;" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/046_.thumb.jpg.3781ed549e457e148c57e4fac22fb6ea.jpg"></a>
</p>

<p>
	إضافةً إلى العديد من الإمكانيات العديدة المتوافرة مثل نشر المحتوى Publish وإلغاء نشره Unpublish وحذفه Delete، يمكنك أيضًا جعله ثابتًا Sticky أو غير ثابت Unsticky، أو تحفيزه للظهور بالصفحة الأولى أو إزالته من هناك؛ بالإضافة إمكانية أخرى وهي حفظ المحتوى التي تتسبب في تحديث توقيته الزمني Timestamp. وبعد اختيار أي إجراء، لابد من النقر على الزر "تطبيق على العناصر المحددة Apply to selected items" حتى يتم تنفيذ التغييرات فعليًا.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <span style="display: none;"> </span><a href="https://websitesetup.org/build-website-drupal//" rel="external nofollow">Beginners’ Guide to Drupal (How to Build a Website)</a> لصاحبه Nick Schäferhoff.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
	<li>
		المقال السابق: <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D9%85%D8%B9-%D9%88%D8%A7%D8%AC%D9%87%D8%A9-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%88%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r896/" rel="">التعامل مع واجهة المستخدم وصفحات الموقع في دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-%D9%84%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r895/" rel="">دليل المبتدئين لتهيئة دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%A7%D9%84%D8%AA%D9%8A-%D9%8A%D9%82%D8%B9-%D9%81%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%88%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r804/" rel="">الأخطاء التي يقع فيها المبتدئون في دروبال</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">899</guid><pubDate>Sun, 03 Sep 2023 15:07:00 +0000</pubDate></item><item><title>&#x627;&#x644;&#x62A;&#x639;&#x627;&#x645;&#x644; &#x645;&#x639; &#x648;&#x627;&#x62C;&#x647;&#x629; &#x627;&#x644;&#x645;&#x633;&#x62A;&#x62E;&#x62F;&#x645; &#x648;&#x635;&#x641;&#x62D;&#x627;&#x62A; &#x627;&#x644;&#x645;&#x648;&#x642;&#x639; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D9%85%D8%B9-%D9%88%D8%A7%D8%AC%D9%87%D8%A9-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%88%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r896/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2023_08/--------drupal.png.4a9d081289ed43db8c5bba1a45a8ac2a.png" /></p>
<p>
	سنشرح في هذا المقال كيف يجب التعامل مع واجهة المستخدم وصفحات الموقع في دروبال drupal. وبناءً على ما سبق ذكره في <a href="https://academy.hsoub.com/apps/web/drupal/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-%D9%84%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r895/" rel="">مقالنا السابق</a> من خطوات، فبعد إكمال عملية التنصيب، سيبدو موقع دروبال الذي تم إنشاؤه حالًا بالشكل التالي:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132488" href="https://academy.hsoub.com/uploads/monthly_2023_08/016.jpg.65f43753723197e392ff623bc7eb84e8.jpg" rel=""><img alt="016الواجهة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132488" data-ratio="62.56" data-unique="6z1lefmxp" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/016.thumb.jpg.dd4d503f8ae464f6fb1909935b2abf15.jpg"></a>
</p>

<p>
	بعد تسجيل الدخول (ويمكنك تسجيل الدخول في أي وقت من خلال الرابط <a href="http://yourdomain.com/user/login%D8%8C" ipsnoembed="false" rel="external nofollow">http://yourdomain.com/user/login،</a> حيث تستبدل yourdomain باسم النطاق الخاص بك)، ويوجد في أعلى الشاشة كل الروابط التي تقود إلى التحكم في الأكواد الخلفية Back End، والتي من خلالها يمكن تغيير كل ما يخص الموقع ومحتوياته. وسيتم دراسة العديد منها خلال هذا الدرس العملي. ولكن لتسهيل فهمها، إليك فكرةً سريعةً عن هذه الروابط وما تحتويه:
</p>

<ul>
	<li>
		<strong>Content</strong>: أي محتويات الموقع، ويوجد في هذا القسم كل ما يتعلق بالمحتوى، مثل الصفحات والمنشورات أو مواضيع المدونة. كذلك مراجعة تعليقات الزوار ومكتبة الوسائط.
	</li>
	<li>
		<strong>Structure</strong>: أي الهيكل، وهذا القسم المسئول عن هيكلة الموقع وأجزائه، مثل كتل التصميمات blocks، نماذج إدخال البيانات forms، أنواع البيانات المخزنة content-types، قوائم الانتقال menus، وكذلك التصنيفات taxonomies.
	</li>
	<li>
		<strong>Appearance</strong>: أي المظهر، ومن خلال هذا القسم يتم التحكم في إعدادات السمات themes وكل الخيارات التي تخص شكل الموقع؛ بالإضافة إلى تحديثات الموقع.
	</li>
	<li>
		<strong>Extend</strong>: وتعنى الإضافات، التي من خلالها يمكن إضافة او تعديل أو حذف <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات البرمجية Modules</a> الخاصة بموقع دروبال.
	</li>
	<li>
		<strong>Configuration</strong>: أي الضبط، حيث يمكن التحكم في إعدادات الموقع من خلال هذا القسم.
	</li>
	<li>
		<strong>People</strong>: تعني المستخدمين، وفيها يتم التحكم في المستخدمين Users، ومجموعات الصلاحيات Roles، ومنح الصلاحيات أو منعها عن المستخدمين والمجموعات.
	</li>
	<li>
		<strong>Reports</strong>: التقارير، مجموعة من التقارير عن الموقع، مثل حركات تسجيل الدخول وحالة الموقع والأخطاء التي يسجلها الموقع وكلمات البحث والمعلومات الأخرى.
	</li>
	<li>
		<strong>Help</strong>: أي قسم المساعدة، وفيه معلومات قيمة عن إدارة الموقع، وكذلك الوحدات البرمجية modules.
	</li>
</ul>

<p>
	وبالمناسبة، تلاحظ وجود قائمة Shortcuts، وفيها يمكن إضافة اختصارات أو روابط للأقسام الأكثر استخدامًا لسهولة الوصول إليها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132494" href="https://academy.hsoub.com/uploads/monthly_2023_08/017.jpg.c39f01d367b98ea28927ebccd38ac021.jpg" rel=""><img alt="017اختصارات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132494" data-ratio="18.11" data-unique="o3ysst03a" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/017.thumb.jpg.3cc97073b0d5df5efba676f787463193.jpg"></a>
</p>

<p>
	تمنح هذه الإمكانية سرعة الوصول للأقسام المختلفة، وبالتالي إنجاز العمل بسرعة أكبر عند تغيير خصائص الموقع والتحكم فيه.
</p>

<p>
	هل كل ما سبق واضح؟ إذًا، آن الأوان للاستفادة من المعارف السابقة بالتطبيق والاستخدام.
</p>

<h2>
	4.تغيير سمة المظهر theme
</h2>

<p>
	في أسفل الشاشة، ستجد شكل الواجهة front end الخاصة بموقعك، وهذا هو الشكل الذي سيراه زوار الموقع. حتى هذه اللحظة، المعلومات مازالت بسيطة، لذلك فأول شيء ربما تريد تجربته هو تغيير سمة المظهر الافتراضي الذي يُطبَّق عند إنشاء الموقع بأي واحد آخر. ويمكن فعل هذا من خلال الاختيار الموجود تحت القائمة Appearance &gt; Install new theme.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132509" href="https://academy.hsoub.com/uploads/monthly_2023_08/018_.jpg.ef6ae6282034b197311eabb2bfd89902.jpg" rel=""><img alt="018نمط_جديد.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132509" data-ratio="56.33" data-unique="78kx7n5d0" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/018_.thumb.jpg.e8147d403958696628fd129166edb270.jpg"></a>
</p>

<h3>
	البحث عن سمة theme من داخل الفهرس
</h3>

<p>
	في دروبال، وعلى عكس <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">أنظمة إدارة المحتوى</a> الأخرى، لا يمكن العثور على سمات من داخل لوحة تحكم دروبال. لذلك، يتطلب الأمر الذهاب إلى دليل <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">سمات دروبال</a> الرسمي، ويوجد له رابط في الجزء العلوي من صفحة تثبيت السمات.
</p>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<p data-gramm="false">
		حتى وقت كتابة هذا المقال، تتوافر أكثر من 2900 سمة theme يمكن الاختيار منها. ويوفر الدليل عدة طرق لتصفيتها حتى يسهل العثور على السمة التي تبحث عنها.
	</p>
</blockquote>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132504" href="https://academy.hsoub.com/uploads/monthly_2023_08/019_.jpg.0a409bef58026ee3acb1dc99f4c32700.jpg" rel=""><img alt="019أنماط_دروبال.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132504" data-ratio="104.53" data-unique="6xk54m6sc" width="574" src="https://academy.hsoub.com/uploads/monthly_2023_08/019_.thumb.jpg.8a37a7e77fffc603270daca8164b5c1e.jpg"></a>
</p>

<p>
	قد تصاب بالإرهاق بسبب العدد الهائل من السمات المتوافرة. وفي هذه الحالة، من الجيد أن تبدأ بواحدة من القوائم المصنفة على أنها "أفضل قائمة" والمتوفرة بكثرة على الويب. لاحظ أن مراجعة السمات themes والتعامل معها، من الأمور المتقدمة التي لا تُشرح في العادة للمبتدئين.
</p>

<ul>
	<li>
		<a href="https://www.creativebloq.com/web-design/drupal-themes-6133264" rel="external nofollow">أفضل 23 سمة في دروبال</a>.
	</li>
	<li>
		<a href="https://business.tutsplus.com/articles/best-drupal-themes-for-2018--cms-31351" rel="external nofollow">أفضل 20 سمة</a> دروبال الإصدار 8 و9 لعام 2022 (بتصميمات متجاوبة Responsive مع كل أحجام الشاشات).
	</li>
</ul>

<p>
	نصيحة هامة عند اختيار سمة معينة theme، تأكد من أنها تتناسب مع مستوى قدرتك التقنية، وأنها تستطيع التعامل معها لتتمكن من إنشاء رؤية التصميم التي ترغبها. وكأمر آخر هام جدًا، يجب التأكد أن السمة المختارة متجاوبة Responsive، أي أن تكون قادرة على التجاوب مع كل أحجام الشاشات، وخصوصًا الجوّال (وهو أمر لا بد منه هذه الأيام). جميع السمات الموجودة في الدليل أيضًا لديها صفحات خاصة بها، حيث يمكنك قراءة تفاصيلها وتجربة نسخة فعلية live demo منها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132506" href="https://academy.hsoub.com/uploads/monthly_2023_08/020_.jpg.cc0d00d1423ec53ce666bc410d9eeb71.jpg" rel=""><img alt="020اختيار_نمط.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132506" data-ratio="66.67" data-unique="t48w5j4yl" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/020_.thumb.jpg.7c594686a3999995911e3dad7838343a.jpg"></a>
</p>

<h3>
	تثبيت السمة theme على موقع دروبال
</h3>

<p>
	عندما تستقر على اختيار معين، ستكون خطوة التثبيت على موقعك أمر غاية في السهولة. نزّل السمة من الموقع (تجد الخيارات في الأسفل) أو انقر بزر الفأرة الأيمن على رابط التنزيل وانسخ الرابط.
</p>

<p style="text-align: center;">
	<img alt="021التنزيلات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132502" data-ratio="35.59" data-unique="bef1lj4v7" width="649" src="https://academy.hsoub.com/uploads/monthly_2023_08/021.jpg.e011d17aad9368e2ad41afced1fcce51.jpg">
</p>

<p>
	بعدها، يمكنك استخدام إما الملف الذي نزّله، أو الرابط المنسوخ، لرفع السمة إلى موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132495" href="https://academy.hsoub.com/uploads/monthly_2023_08/022_.jpg.6f55e854a1bf7b850e5daf45517b6a10.jpg" rel=""><img alt="022تثبيت_نمط.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132495" data-ratio="36.33" data-unique="0kem719b0" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/022_.thumb.jpg.188c35eea76c29f204c7692baec2214b.jpg"></a>
</p>

<p>
	لم ينته الأمر بعدُ، حيث لابد من خطوة تثبيت السمة على الموقع، ويتم ذلك من خلال صفحة التبويب Appearance، ثم تنشيط السمة، والتنشيط ما هو إلا جعل السمة هي الافتراضية Install and set as default
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132511" href="https://academy.hsoub.com/uploads/monthly_2023_08/023.jpg.8cfb2b61a8589e13b1593038ae47ee4f.jpg" rel=""><img alt="023افتراضي.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132511" data-ratio="25.89" data-unique="agqfepe8r" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/023.thumb.jpg.ef2f25562faee00fa0311255e22f0ff3.jpg"></a>
</p>

<p>
	بعد إتمام الخطوات السابقة، عندما تعود إلى موقعك (يوجد زر في الزاوية اليسرى العليا يمكنك النقر عليه)، ستتمكن من رؤية المظهر الجديد قيد التشغيل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132498" href="https://academy.hsoub.com/uploads/monthly_2023_08/024.jpg.ec2a674dd72bb575d29466708b4bf910.jpg" rel=""><img alt="024تشغيل.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132498" data-ratio="92.74" data-unique="db6zfx981" width="647" src="https://academy.hsoub.com/uploads/monthly_2023_08/024.thumb.jpg.3241a6fa768568708092fdce34058eae.jpg"></a>
</p>

<h2>
	5.ضبط المظهر
</h2>

<p>
	بمجرد إكمال الخطوات وتثبيت السمة الجديدة على <a href="https://academy.hsoub.com/devops/servers/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%AD%D8%B1%D9%83-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r572/" rel="">موقع الويب</a>، ستلاحظ ظهورها كأول سمة في قائمة السمات التي تُعرَض عندما تفتح صفحة التبويب Appearance.
</p>

<p>
	معظم السمات يأتي معها اختيار الضبط، حيث ستجد كلمة Settings على هيئة رابط بجانب السمة، وعند النقر عليه ينتقل إلى صفحة الإعدادات الخاصة بهذه السمة. وهناك طريقة أخرى أيضًا للوصول للإعدادات، ألا وهي صفحة التبويب Settings بالأعلى ومنها يمكن اختيار السمة المطلوب تعديلها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132512" href="https://academy.hsoub.com/uploads/monthly_2023_08/025__.jpg.787f489df36c58f988fd7236cf6cb29c.jpg" rel=""><img alt="025_أ_الأنماط.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132512" data-ratio="56.33" data-unique="pk2pfv2gk" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/025__.thumb.jpg.c1a6fa5af8a8e80e045607ea95961436.jpg"></a>
</p>

<p>
	كلا الطريقتين تقود إلى صفحة الإعدادات التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132496" href="https://academy.hsoub.com/uploads/monthly_2023_08/025___.jpg.8ab0abd238ddbd5a0c16d978fe5ac5bb.jpg" rel=""><img alt="025_ب_إعدادات_النمط.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132496" data-ratio="101.87" data-unique="b08sgaeux" width="589" src="https://academy.hsoub.com/uploads/monthly_2023_08/025___.thumb.jpg.d45cb0e63e35a0e0ef81768dbb807649.jpg"></a>
</p>

<p>
	يمكن من خلال هذه الصفحة تغيير أي خاصية من الخصائص التي توفرها السمة، وهذه الخصائص تختلف من سمة لأخرى، حتى خاصية المعاينة السريعة. قد تكون الخصائص موجهةً لتغيير نظام الألوان، أو إظهار/إخفاء صور المستخدمين في التعليقات والمنشورات، أو تغيير الشعار (اللوجو) والأيقونة المصغرة التي تظهر بجانب اسم الموقع في المتصفح، أوتعيين الخلفيات والفلاتر، وباقي الإعدادات.
</p>

<p>
	عند إنشاء موقع ويب باستخدام دروبال، تأكد من الدخول لصفحة الإعدادات من وقت لآخر حتى تتمكن من الاستفادة من كل تقدمة السمة.
</p>

<h3>
	أثناء تواجدك بصفحة الإعدادات غير سمة المستخدم الرئيسي أيضا
</h3>

<p>
	إضافةً إلى أن دروبال يسمح بتغيير الواجهة الأمامية لموقعك عن طريق تغيير السمة، فإنه يوفر أيضًا نفس الإمكانية للواجهة الخلفية. شيء واحد يمكن تجربته هو المظهر الافتراضي التجريبي الجديد للوحة التحكم المسمى كلارو <a href="https://www.drupal.org/project/claro" rel="external nofollow">Claro</a> والذي يأتي مع دروبال 9. يمكنك العثور عليه ضمن السمات الغير مثبتة في صفحة التبويب Appearance.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132505" href="https://academy.hsoub.com/uploads/monthly_2023_08/026.jpg.5fa984993f58a7d7f90e8314d9562808.jpg" rel=""><img alt="026كلارو.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132505" data-ratio="43.56" data-unique="v9plbixi6" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/026.thumb.jpg.2bceab6d0713c605cfaaf0609714c27c.jpg"></a>
</p>

<p>
	تُطبَّق هذه السمة عن طريق النقر على الرابط Install فيؤدي إلى الانتقال إلى لوحة التحكم (ويتطلب الأمر تأكيد هذا الاختيار حيث أنه مازال في مرحلة التجارب)، ثم الانتظار لحين الانتهاء من التثبيت، بعدها ستظهر هذه السمة في القائمة المنسدلة التي تعرض سمات الواجهة الخلفية (تجدها في المقطع سمة الإدارة Administration theme).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132490" href="https://academy.hsoub.com/uploads/monthly_2023_08/027_.jpg.6f5d6fced9ed27b41165475944e3ecdc.jpg" rel=""><img alt="027نمط_الإدارة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132490" data-ratio="20.78" data-unique="b8x04nyaa" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/027_.thumb.jpg.f56ceaa316bd287bab1d1f3d7aa622df.jpg"></a>
</p>

<p>
	بعد الحفظ، ستبدو الواجهة الخلفية بمظهر أحدث وأكثر أناقة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132493" href="https://academy.hsoub.com/uploads/monthly_2023_08/028_.jpg.84f31f555f5b6f36694fa390a3406f55.jpg" rel=""><img alt="028الواجهة_الخلفية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132493" data-ratio="66.67" data-unique="n1emd63yx" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/028_.thumb.jpg.c22797e5f89c057d9923cbe176ddd7fc.jpg"></a>
</p>

<h2>
	6.إنشاء صفحة رئيسية
</h2>

<p>
	سيظهر الآن موقعك بشكل أجمل، إلا أنه لا يزال فارغًا، والخطوة التالية هي تغيير هذا الفراغ.
</p>

<h3>
	إنشاء صفحة وكتابة المحتوى
</h3>

<p>
	كمبتدئ، المطلوب الآن هو إنشاء صفحة رئيسية حتى يتمكن الزوار من رؤية شيء ما عندما يدخلون على موقعك. يتم ذلك من خلال الانتقال إلى المحتوى&gt; إضافة محتوى&gt; الصفحة الأساسية Content &gt; Add content &gt; Basic page. سينقلك إلى هذه الشاشة الموالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132497" href="https://academy.hsoub.com/uploads/monthly_2023_08/029__.jpg.fac631e40454c16a941d4ca730ed12f4.jpg" rel=""><img alt="029تصميم_الصفحة_الرئيسية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132497" data-ratio="66.67" data-unique="sf640zn5b" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/029__.thumb.jpg.ea5083a5b5efaa3042ffbf6078f212dc.jpg"></a>
</p>

<p>
	هنا، يمكنك كتابة المحتوى باستخدام محرر ذي إمكانيات أساسية. وفي الجزء العلوي، لديك خيار تحديد عنوان الصفحة الذي سيظهر أيضًا على موقعك؛ أما أسفل ذلك فستجد رابطًا Edit summary، بحيث عند النقر عليه، ستكون قادرًا على كتابة ملخص لمنشورك أو صفحتك. هذا يشبه نوعًا ما النبذة أو المقتطف الذي سيظهر في أجزاء معينة من موقعك.
</p>

<p>
	أسفل ذلك، يوجد خيار لإدخال وتنسيق النص الذي سيظهر بالصفحة. على سبيل المثال، يمكنك جعل النص غامقًا ومائلًا، وإضافة الروابط وإزالتها وإنشاء قوائم وتحديد مقاطع الاقتباس وإدراج الصور، ويتم استخدام القائمة المنسدلة لتحديد العناوين؛ أما الخيارات الإضافية مثل إدخال الجداول أو الفواصل الأفقية، فتتطلب التبديل إلى وضع التحرير الكامل Full HTML الذي يتم اختياره من الجزء السفلي.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132503" href="https://academy.hsoub.com/uploads/monthly_2023_08/030_.jpg.26e40a13e097955850aa977175ca60d6.jpg" rel=""><img alt="030محرر_كامل.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132503" data-ratio="66.67" data-unique="5eprsnwty" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/030_.thumb.jpg.503ed7af484094326ecf707811ef4794.jpg"></a>
</p>

<p>
	إذا سبق لك العمل على أحد برامج معالجة النصوص مثل <a href="https://academy.hsoub.com/apps/productivity/office/microsoft-word/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AA%D8%B9%D9%84%D9%85-%D9%85%D8%A7%D9%8A%D9%83%D8%B1%D9%88%D8%B3%D9%88%D9%81%D8%AA-%D9%88%D9%88%D8%B1%D8%AF-microsoft-word-r835/" rel="">ميكروسوفت وورد</a>، أو أي نظام إدارة محتوى آخر، فستتعرف على الأشياء سريعًا، وستكون قادرًا على كتابة وتنسيق المحتوى الذي تريده بسلاسة.
</p>

<p>
	بمجرد الانتهاء من ذلك، يجب كتابة اسم مستعار للصفحة URL Alias، وهو المقطع الذي يُكتب بعد عنوان الموقع حتى يمكن الوصول لهذه الصفحة، وذلك من خلال الخانة الموجودة على الجانب الأيمن، على سبيل المثال الصفحة الأول يمكن كتابة "front-page/" أو "home/". لاحظ وجود شرطة مائلة قبل الاسم. لذلك يُتوقع أن يكون رابط الصفحة الرئيسية مثل <a href="https://domain.com/front-page" ipsnoembed="true" rel="external nofollow">https://domain.com/front-page</a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132489" href="https://academy.hsoub.com/uploads/monthly_2023_08/031.jpg.a5f82916240d561a3546e9b40e8e44b0.jpg" rel=""><img alt="031مستعار.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132489" data-ratio="49.67" data-unique="isyu6i53n" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/031.thumb.jpg.9e43449adfcb00c22b4c3280a31918da.jpg"></a>
</p>

<p>
	بعد ذلك، وفي آخر الصفحة، يُنقر على حفظ Save، ويجب التأكد من اختيار مربع الاختيار Published.
</p>

<h3>
	تعيين كصفحة رئيسية
</h3>

<p>
	حتى يمكن تعيين الصفحة المنشأة حديثًا كصفحة رئيسية، يجب الذهاب إلى Configuration&gt;System&gt;Basic site settings، وفي القسم Default front page اكتب نفس الاسم المستعار الخاص بالصفحة، في حالتنا front-page/.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132500" href="https://academy.hsoub.com/uploads/monthly_2023_08/032.jpg.e6f15cb453c61eedf71c85639c0170f9.jpg" rel=""><img alt="032الافتراضية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132500" data-ratio="56.22" data-unique="i32n5bpq6" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/032.thumb.jpg.1a28dfe23dbba079ebb859c9a4681d84.jpg"></a>
</p>

<p>
	بعد فعل هذا والحفظ، ستظهر المحتويات على الصفحة الرئيسية للموقع.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132507" href="https://academy.hsoub.com/uploads/monthly_2023_08/033.jpg.8225d7474d598c8cf2ed5c0112f362cb.jpg" rel=""><img alt="033الرئيسية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132507" data-ratio="138.25" data-unique="swyxzax6h" width="434" src="https://academy.hsoub.com/uploads/monthly_2023_08/033.thumb.jpg.f0576428297d2ac2d235a8e387f510da.jpg"></a>
</p>

<h2>
	7.إنشاء صفحة أخرى وإظهارها بقائمة التنقل
</h2>

<p>
	الخطوة التالية، هي إنشاء صفحة "من نحن" About us وإضافتها إلى قائمة التنقل. ولفعل ذلك نتَّبع نفس الخطوات السابقة. أنشئ صفحةً أساسية، وعبّئها بالمحتوى، مع تعيين الاسم المستعار وليكن "about/". ستختلف الخطوات التالية عن الصفحة الأولى، فالمطلوب هنا إضافة هذه الصفحة إلى قائمة التصفح، وذلك بالنقر على إعدادات القائمة Menu Settings واختيار المربع Provide a menu link.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132508" href="https://academy.hsoub.com/uploads/monthly_2023_08/034_.jpg.009f1b4ae0370c55d5e1c70c6602bcce.jpg" rel=""><img alt="034من_نحن.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132508" data-ratio="56.33" data-unique="336kr6ucp" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/034_.thumb.jpg.5615c50831c3e72651aeb6c92ad7b1f4.jpg"></a>
</p>

<p>
	وإليك شرحًا للإعدادات الظاهرة بالجانب الأيمن:
</p>

<ul>
	<li>
		<strong>Menu link title</strong>: أي النص الظاهر بالقائمة، ومن المفضل أن يكون النص ذا معنى يوضحه، في حالتنا هذه ربما يكون "من نحن" اختيارًا جيدًا.
	</li>
	<li>
		<strong>Description</strong>: خانة اختيارية وتعبر عن الوصف، وهذا عبارة عن نص يظهر للمستخدم إذا طاف بمؤشر الفأرة فوق هذا العنصر بالقائمة، لذلك يُفضل كتابة وصفًا سريعًا لما سيجده المستخدم، على سبيل المثال "تعرف علينا وعلى خدماتنا".
	</li>
	<li>
		<strong>Parent item</strong>: أي العنصر الرئيسي، ويكون مفيدًا في حالة أردنا إضافة هذه الصفحة تحت عنصر معين بالقائمة، إذ لن تكون هي عنصرًا رئيسيًا، وإنما عنصرًا فرعيًا يظهر عند فتح العنصر الرئيسي.
	</li>
	<li>
		<strong>ًWeight</strong>: وتعني هنا الترتيب وليس الوزن، فكلما كانت القيمة أكبر، كان العنصر في المقدمة.
	</li>
</ul>

<p>
	بمجرد ملء البيانات كما يجب، اضغط على حفظ وحدّد المربع Published. بفعل هذا، يفترض أن يقودك دروبال تلقائيًا إلى لوحة تحكم واجهة الموقع، وسيُلاحظ ظهور كلٍ من الصفحة الجديدة التي أُضيفت حالًا، وكذلك عنصر "من نحن" بالقائمة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132499" href="https://academy.hsoub.com/uploads/monthly_2023_08/035____.jpg.a9bda68853ca1261c68741fddcc113b7.jpg" rel=""><img alt="035_أ_إضافة_من_نحن.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132499" data-ratio="21.78" data-unique="82ljpy570" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/035____.thumb.jpg.a87f9d88737e180b7470419a8ccbeec5.jpg"></a>
</p>

<h3>
	ضبط قائمة التنقل
</h3>

<p>
	ماذا لو أن العناصر بالقائمة ليست بالترتيب المطلوب؟ لا مشكلة إطلاقًا، الحل ببساطة شديدة، حوّم بمؤشر الفأرة على القائمة، ثم انقر على أيقونة القلم (أيقونة التعديل) التي ستظهر. بعد النقر تظهر قائمة تحتوي على خيار التعديل Edit menu.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132501" href="https://academy.hsoub.com/uploads/monthly_2023_08/035___.jpg.4d48ed86cbb660880b50ea3969522c26.jpg" rel=""><img alt="035_ب_تعديل_القائمة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132501" data-ratio="23.78" data-unique="wovsv6sew" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/035___.thumb.jpg.3450d2f473fe1e53bcf7f71528f78c18.jpg"></a>
</p>

<p>
	يقودنا هذا الفعل إلى الشاشة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132510" href="https://academy.hsoub.com/uploads/monthly_2023_08/036_.jpg.7c338c32731eb45decab20c17c33fdf7.jpg" rel=""><img alt="036شاشة_التعديل.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132510" data-ratio="43.11" data-unique="hptd6clp2" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/036_.thumb.jpg.0e9860f5c4537090f04c7caf6da0788a.jpg"></a>
</p>

<p>
	تستطيع في هذه الشاشة سحب أي عنصر من الأيقونة التي على اليسار وتحريكه إلى الموضع الذي ترغبه، احفظه بعد الانتهاء لترى نتيجة التعديلات.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132492" href="https://academy.hsoub.com/uploads/monthly_2023_08/037_.jpg.c33a83b231004b2674c39a97d92c5e24.jpg" rel=""><img alt="037بعد_الترتيب.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132492" data-ratio="28.22" data-unique="hp9wfmnal" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/037_.thumb.jpg.149318d35075755296476b8e68a1464b.jpg"></a>
</p>

<p>
	<strong>ملاحظة أخيرة:</strong> يمكن استخدام الزر Add link الموجود بالأعلى لإضافة صفحات إلى القائمة، ويمكنك أيضًا الوصول إلى هذه القائمة عن طريق Structure &gt; Menus.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://websitesetup.org/build-website-drupal//" rel="external nofollow">Beginners’ Guide to Drupal (How to Build a Website)</a> لصاحبه Nick Schäferhoff.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
	<li>
		المقال السابق: <a href="https://academy.hsoub.com/apps/web/drupal/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-%D9%84%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r895/" rel="">دليل المبتدئين لتهيئة دروبال Drupal</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9-%D9%84%D8%BA%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86-r802/" rel="">وحدات دروبال المهمة لغير المبرمجين</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%AF%D8%B1%D8%A7%D8%AC-%D9%84%D8%BA%D8%A7%D8%AA-%D9%85%D8%AA%D8%B9%D8%AF%D8%AF%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B1%D8%AC%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r803/" rel="">كيفية إدراج لغات متعددة والترجمة في دروبال</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%A7%D9%84%D8%AA%D9%8A-%D9%8A%D9%82%D8%B9-%D9%81%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%88%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r804/" rel="">الأخطاء التي يقع فيها المبتدئون في دروبال</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">896</guid><pubDate>Fri, 18 Aug 2023 15:03:00 +0000</pubDate></item><item><title>&#x62F;&#x644;&#x64A;&#x644; &#x627;&#x644;&#x645;&#x628;&#x62A;&#x62F;&#x626;&#x64A;&#x646; &#x644;&#x62A;&#x647;&#x64A;&#x626;&#x629; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-%D9%84%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-r895/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2023_08/----Drupal.png.79037c77026f2ee270f556c255ac536f.png" /></p>
<p>
	منصة دروبال هي منصة مجانية، تُستخدم في إدارة محتوى مواقع الويب Content Management System، والتي من خلالها يمكن إنشاء مواقع ويب متخصصة والمدونات ومواقع البوابات portals، وهي مواقع تعرض معلومات محددة لمستخدمين محددين، مثل بوابات الحكومات وغيرها، والعديد من المواقع الأخرى.
</p>

<p>
	تحتوي هذه المنصة على كل الإمكانيات التي قد تحتاجها لبناء موقع ويب متكامل، ويمكنك تعديل الموقع فيما بعد بسهولة ومرونة أكبر، إلى جانب إضافة التطويرات إليه، وكل هذا مجانًا تمامًا. كذلك، يُعَد استخدام دروبال من المهارات السهلة في التعلم. صحيح أنه ليس بنفس سهولة استخدام ووردبريس WordPress، أو معالج إنشاء المواقع Website Builder، إلا أن إتقانه يُعَد من الأمور السهلة. وإذا كنت تمتلك بعض المهارات مثل <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> – <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a>، فستتمكن فعليًا من تخصيص موقع الويب احترافي رائع.
</p>

<p>
	ستتمكن من خلال هذا التدريب العملي، من بناء موقع ويب باستخدام آخر إصدار من منصة دروبال، وهو الإصدار 10 وقت كتابة هذه الأسطر. ولتأخذ لمحةً عن متوسط الوقت المستغرق لإنشاء موقع باستخدام دروبال، يمكن القول أنه يستغرق ما بين <strong>3 إلى 4 ساعات</strong>، أما مستوى الخبرة المطلوبة لذلك فهي خبرة متوسطة.
</p>

<h2>
	ما هي أنواع مواقع الويب التي يستطيع دروبال إنشاءها؟
</h2>

<p>
	قبل البدء في الجزء العملي من هذا المقال، تعرف أولًا على ما يستطيع دروبال أن يقدمه لك، فلو كانت هذه هي المرة الأولى التي تتعامل فيها مع دروبال كمنصة لإدارة المحتوى Content Management System CMS، فربما جال بخاطرك سؤال حول ما هي فوائد <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a>، وما الأشياء التي يستطيع تقديمها لي، والإجابة هي أنه يستطيع إنشاء كل أنواع <a href="https://academy.hsoub.com/devops/servers/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%AD%D8%B1%D9%83-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r572/" rel="">مواقع الويب</a> تقريبًا، كالآتي:
</p>

<ul>
	<li>
		مواقع شخصية أو مواقع إدارة الأعمال.
	</li>
	<li>
		مواقع المدونات أو مواقع الأخبار.
	</li>
	<li>
		مواقع السير الذاتية والإنجازات Portfolio، ومواقع الفنون، والمواقع متعددة الوسائط Multimedia.
	</li>
	<li>
		المنتديات.
	</li>
	<li>
		مواقع التجارة الإلكترونية e-commerce والتسوق عبر الإنترنت.
	</li>
	<li>
		<a href="https://academy.hsoub.com/marketing/social-media/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%88%D8%B3%D8%A7%D8%A6%D9%84-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A-%D9%88%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84%D9%87%D8%A7-r526/" rel="">مواقع التواصل الاجتماعي</a>.
	</li>
</ul>

<p>
	ويمكنك مشاهدة العديد من الأمثلة الأخرى تجدها في <a href="https://www.drupal.org/case-studies" rel="external nofollow">موقع دروبال</a>.
</p>

<p>
	خلاصة القول، يُمكّنك دروبال من إنشاء وتصميم أي موقع قد يخطر ببالك. وعندما تتقنه، سوف تحصل على وظيفة مرموقة بشركة محترمة. والآن هيا لترى كيف تُفيدك <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">منصات إدارة المحتوى CMS</a>.
</p>

<h2>
	1. الحصول على خطة استضافة لموقع الويب الخاص بك
</h2>

<p>
	قبل أن تبدأ في بناء موقعك، يجب توافر مساحة تخزين يمكن الوصول إليها، وهذا ما يعرف بالاستضافة، فالاستضافة هي مكان مخصص لموقعك، تستطيع حفظ صفحات الموقع والصور وكل المحتويات عليه. وبالإضافة لحجز مساحة التخزين، يتم تخصيص جزء من ذاكرة الخادم لموقعك، وكل هذا يعرف بخطة الاستضافة، التي يختلف سعرها بناءً على هذه المواصفات.
</p>

<p>
	إذا كانت لديك بالفعل خطة استضافة، فيمكنك الانطلاق فورًا إلى الخطوة الثانية؛ أما إذا كنت مقدمًا على شراء استضافة، فيجب عليك أن تضع في حسبانك عدة نقاط هامة جدًا:
</p>

<ul>
	<li>
		<strong>1. نسبة الاستمرارية Uptime</strong>: وهي نقطة هامة جدًا لأنها تعبّر عن نسبة الوقت الذي يكون موقعك فيه متاحًا للجمهور إلى الوقت الذي يكون غير متاح فيه بسبب مشاكل فنية، وهنا يُنصح بالتعامل مع الشركات التي لديها سجل عالي من هذه النسبة يساوي 99.9% أو يزيد، وهذا يعنى أن الموقع يكون متاحًا بهذه النسبة.
	</li>
	<li>
		<strong>2. سرعة تحميل الصفحة Page load speed</strong>: يفضل اختيار شركة استضافة لديها سرعة تحميل أسرع من 850 مل ثانية، وهذا هو المتوسط.
	</li>
	<li>
		<strong>3. الدعم الفني Customer support</strong>: نقطة هامة جدًا، هي اختيار شركة استضافة (مضيف) تتميز بجودة الدعم الفني، لأنه لا مفر من التواصل معهم في حال حدوث مشكلة ما، فإذا كان الدعم الفني سيئًا، فقد يظل موقعك متعطلًا لعدة أيام.
	</li>
	<li>
		<strong>4. السعر</strong>: كما ذُكر سابقًا، يختلف السعر كثيرًا بناءً على مواصفات خطة الاستضافة، لذلك حاول بقدر الإمكان البحث عن أفضل سعر، بحيث لا تتنازل عن النقاط الثلاثة السابقة.
	</li>
</ul>

<p>
	<strong>ملاحظة:</strong> لتسهيل الأمور، هذه مقارنة بين مقدمي خدمة الاستضافة واختيار <a href="https://academy.hsoub.com/devops/general/%D9%85%D8%B1%D8%A7%D8%AC%D8%B9%D8%A9-%D8%BA%D9%8A%D8%B1-%D9%85%D8%AA%D8%AD%D9%8A%D9%91%D8%B2%D8%A9-%D9%84%D8%A3%D9%81%D8%B6%D9%84-10-%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D9%84%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-r452/" rel="">أفضل 10 شركات استضافة</a>، وبخصوص التصميم باستخدام دروبال، قد يكون موقع <a href="https://academy.hsoub.com/questions/7629-%D8%AA%D8%B1%D9%83%D9%8A%D8%A8-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-%D8%B9%D8%B1%D8%A8%D9%8A-%D8%B9%D9%84%D9%89-%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D8%A8%D9%84%D9%88%D9%87%D9%88%D8%B3%D8%AA/" rel="">بلوهوست</a> من أفضل المواقع.
</p>

<p>
	ستجد أنه لدى معظم مقدمي خدمات الاستضافة كل المتطلبات لتشغيل دروبال على استضافتهم (يمكنك مراجعة <a href="https://www.drupal.org/docs/user_guide/en/install-requirements.html" rel="external nofollow">متطلبات دروبال</a>)، وستجد أن أفضل هذه الشركات (مثل بلوهوست على سبيل المثال) يقدمون خدمات مثل التهيئة بنقرة واحدة one-click-install لأشهر أنظمة إدارة المحتوى، مثل دروبال و<a href="https://academy.hsoub.com/apps/web/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D8%AC%D9%88%D9%85%D9%84%D8%A7-joomla-4-r815/" rel="">جوملا</a>، والتي تفيد في عدم الاحتكاك بنظام التثبيت اليدوي.
</p>

<h2>
	2.تهيئة وتثبيت دروبال
</h2>

<p>
	يوجد اختياران لتنصيب وتهيئة دروبال، الأول هو التعامل مع شركة استضافة تقدم خدمة التهيئة السريعة، أما الاختيار الثاني، فهو تنزيل دروبال وتنصيبه يدويًا، وسيتم استعراض الطريقتين.
</p>

<h3>
	تثبيت دروبال باستخدام التهيئة السريعة Quick install على استضافة بلوهوست
</h3>

<p>
	نبدأ فورًا الدرس العملي عن كيفية تنصيب دروبال تلقائيًا داخل استضافة بلوهوست، فبمجرد التسجيل والحصول على اسم نطاق domain في بلوهوست، ادخل إلى حسابك، ثم انقر على Advanced.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132474" href="https://academy.hsoub.com/uploads/monthly_2023_08/001__.jpg.bc869e5ff5bca770003203d9cd07f232.jpg" rel=""><img alt="001تنصيب_دروبال_بلوهوست.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132474" data-ratio="56.33" data-unique="hreold832" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/001__.thumb.jpg.c70ae3902209bdf67ef2d28c5f1e9332.jpg"></a>
</p>

<p>
	انزل للأسفل ثم انقر على Portals/CMS.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132475" href="https://academy.hsoub.com/uploads/monthly_2023_08/002_.jpg.b31fb3129108ff723a2df7c5de2d876e.jpg" rel=""><img alt="002إدارة_المحتوى.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132475" data-ratio="56.33" data-unique="r71asjo5j" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/002_.thumb.jpg.d5cb76ec2945c0358f9650c9b0ade6d0.jpg"></a>
</p>

<p>
	بعد الانتقال للصفحة التالية، استخدم مربع البحث بالجانب الأيسر العلوي وابحث عن Drupal، ثم انقر عليه عندما يظهر في نتائج البحث، ثم انقر على الزر "تنصيب الآن" Install Now.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132480" href="https://academy.hsoub.com/uploads/monthly_2023_08/003__.jpg.30372b2cc7eb7f656ae891a06758e644.jpg" rel=""><img alt="003زر_تنصيب_الآن.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132480" data-ratio="48.78" data-unique="11354v6hw" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/003__.thumb.jpg.9dc24eacb72b84001ca8ee8fd3cc5924.jpg"></a>
</p>

<p>
	ستنقلك الخطوة السابقة إلى الشاشة التالية
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132486" href="https://academy.hsoub.com/uploads/monthly_2023_08/004__.jpg.682f5ab0de71a00bdb1be0d28cdc253b.jpg" rel=""><img alt="004زر_تنصيب_سريع.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132486" data-ratio="86.83" data-unique="rx7mnkfau" width="691" src="https://academy.hsoub.com/uploads/monthly_2023_08/004__.thumb.jpg.4a4e453022c8a90e1267de0caacf49d2.jpg"></a>
</p>

<p>
	انقر على "تنصيب سريع" Quick Install الموجود بالجانب الأيمن العلوي، ليقودك إلى الشاشة التالية
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132483" href="https://academy.hsoub.com/uploads/monthly_2023_08/005__.jpg.be197e99b681eb32218c9e69a6e0e63e.jpg" rel=""><img alt="005إنهاء_تنصيب_دروبال.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132483" data-ratio="66.67" data-unique="lzjzhd5l5" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/005__.thumb.jpg.bb6f3bed5f8f70aa0a34ec9d9aba002f.jpg"></a>
</p>

<p>
	ستلاحظ ظهور اسم النطاق -الذي حددته مسبقًا من خلال بلوهوست- افتراضيًا، ويُفضل ترك كل شيء كما هو، إلا إذا كانت لديك خلفية تقنية وتعلم تأثير هذه الإعدادات. بعد ذلك اكتب اسم المستخدم admin username وكلمة المرور password وعنوان بريدك الإلكتروني email address. بعد إتمام هذه الخطوات، لا يتبقى غير النقر على "تنصيب Install". عندها قد تظهر لك رسالة مشابهة للآتية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132472" href="https://academy.hsoub.com/uploads/monthly_2023_08/006_.jpg.802d09d3d69dfc07e5b81fd68fd9898e.jpg" rel=""><img alt="006رسالة_التحذير.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132472" data-ratio="28.11" data-unique="b3keln7sr" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/006_.thumb.jpg.e350f4ddf24d82db51fb4eed4f49a5cd.jpg"></a>
</p>

<p>
	لا تقلق بشأن هذه الرسالة، فهي رسالة التحذير الاعتيادية التي تظهر عندما يكون على وشك استبدال ملفات موجودة بأخرى جديدة، وكل ما عليك فعله ببساطة هو اختيار مربع الاختيار "Select the checkbox to overwrite all files and continue"، ثم انقر على Install مرةً أخرى لتبدأ عملية التهيئة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132473" href="https://academy.hsoub.com/uploads/monthly_2023_08/007_.jpg.0c4d2fba839ad6708b83f802882f45ac.jpg" rel=""><img alt="007عملية_التهيئة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132473" data-ratio="28.56" data-unique="ue8nl39zv" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/007_.thumb.jpg.0c4f1cfab8f68f0b7f5ffd23264493e3.jpg"></a>
</p>

<p>
	بعد انتهاء عملية التهيئة، تكون نجحت في تنصيب وتهيئة دروبال على استضافة بلوهوست وربطه باسم النطاق الخاص بك، ويمكن الآن النقر على أي من الروابط التي ظهرت بعد الانتهاء حتى تنتقل إلى موقع الويب الخاص بك ومنه إلى شاشة الدخول.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132481" href="https://academy.hsoub.com/uploads/monthly_2023_08/008_.jpg.52ac9bc9fb474af1b93bea7c1dd555ed.jpg" rel=""><img alt="008رسالة_تهنئة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132481" data-ratio="51.78" data-unique="46q32a8y0" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/008_.thumb.jpg.aa209abb7f4e043cf340e5378aafce18.jpg"></a>
</p>

<h3>
	تثبيت دروبال يدويا (يطبق على أي استضافة):
</h3>

<p>
	من مزايا بلوهوست أنه يدعم التنصيب التلقائي لدروبال، أما إذا كنت قد سجلت مع شركة أخرى غير بلوهوست، فما زالت إمكانية تنصيب دروبال يدويًا متاحة في حالة عدم توافر التنصيب التلقائي، وتتم بخطوات مباشرة جدًا.
</p>

<h4>
	تنزيل الملفات
</h4>

<p>
	هذه هي الخطوة الأولى في التنصيب اليدوي، وتتم عن طريق الذهاب إلى <a href="https://www.drupal.org/download" rel="external nofollow">قسم التنزيل</a> بموقع دروبال، ثم النقر على Download Drupal | zip.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132471" href="https://academy.hsoub.com/uploads/monthly_2023_08/009_.jpg.d888a2227b91cad34822c07b672d3936.jpg" rel=""><img alt="009تنزيل_دروبال.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132471" data-ratio="54.78" data-unique="riuytg4ph" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/009_.thumb.jpg.919f8d2c416c1444da0dd7f4877dd515.jpg"></a>
</p>

<p>
	بمجرد اكتمال التنزيل على قرصك الصلب، فك الضغط للملف. الآن اتصل بالخادم عن طريق أحد برامج نقل الملفات عبر<a href="https://academy.hsoub.com/apps/web/wordpress/3-%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%B4%D8%A7%D8%A6%D8%B9%D8%A9-%D8%B9%D9%86%D8%AF-%D8%B1%D9%81%D8%B9-%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A8%D8%B1%D9%88%D8%AA%D9%88%D9%83%D9%88%D9%84-ftp-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD%D9%87%D8%A7-r116/" rel=""> بروتوكول FTP</a> مثل برنامج <a href="https://filezilla-project.org/" rel="external nofollow">Filezilla</a>، وهو أحد البرامج التي تسهّل عملية نقل الملفات من وإلى الخادم. بعد ذلك ابدأ في رفع الملفات من جهازك إلى المسار الذي يرتبط به اسم النطاق domain الخاص بك (في المعتاد يكون المسار الجذري root directory)، وكن صبورًا لأن عملية الرفع تستغرق بعض الوقت.
</p>

<h4>
	إنشاء قواعد بيانات
</h4>

<p>
	أثناء عملية رفع الملفات، انتقل إلى لوحة تحكم الاستضافة الخاصة بك، ثم إلى قسم قواعد البيانات <a href="https://academy.hsoub.com/devops/servers/databases/mysql/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-mysql-r28/" rel="">MySql</a>. في هذا المكان تأكد من إنشاء قواعد بيانات ليتم استخدامها في عملية تنصيب دروبال. قد تختلف الطريقة قليلًا من شركة لأخرى، لكن في النهاية يجب الحصول على المعلومات التالية:
</p>

<ul>
	<li>
		اسم قواعد البيانات.
	</li>
	<li>
		مستخدم له كل الصلاحيات لهذه القاعدة.
	</li>
	<li>
		كلمة مرور لهذا المستخدم.
	</li>
	<li>
		عنوان قواعد البيانات على الاستضافة.
	</li>
</ul>

<p>
	يجب عليك حفظ هذه البيانات الهامة في مكان تعرفه، إذ ستحتاجها بعد قليل.
</p>

<h4>
	تنفيذ عملية التنصيب
</h4>

<p>
	بمجرد اكتمال عملية رفع الملفات، انتقل إلى اسم النطاق domain الخاص من داخل لوحة التحكم، وسيؤدي هذا الفعل لبدء تنصيب دروبال.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132479" href="https://academy.hsoub.com/uploads/monthly_2023_08/010__.jpg.c844feaf879cd0af50ee89bb0597c68d.jpg" rel=""><img alt="010يدوي_اختيار_اللغة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132479" data-ratio="55.67" data-unique="djo4w8e0u" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/010__.thumb.jpg.50e60d25835690e531887d5edfc9f940.jpg"></a>
</p>

<p>
	الخطوة الأولى هي اختيار اللغة التي تريد أن يعمل بها الموقع، اختر اللغة، ثم انقر على "حفظ واستمرار Save and continue".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132485" href="https://academy.hsoub.com/uploads/monthly_2023_08/011_.jpg.59ca9d1af4394bf791ed76ad06bf5ba4.jpg" rel=""><img alt="011يدوي_بروفايل.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132485" data-ratio="55.67" data-unique="co1zzxp4f" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/011_.thumb.jpg.4a0f9ae493a33fc65c3ed0fe26088252.jpg"></a>
</p>

<p>
	في الشاشة التالية، ستحتاج إلى اختيار ما نطلق عليه ملف تعريف التنصيب installation profile. وبناءً عليه سيتم تحديد ما إذا كانت ستوضع قيم مبدئية لبعض الخصائص بموقعك أو لا. قد تختلف الاختيارات التي تظهر بهذه الشاشة باختلاف توزيعة دروبال التي تستخدمها (والتوزيعة تعنى الحزمة التي تستخدمها في التنصيب حيث يوجد عدة توزيعات). وكما فعلنا سابقًا، حدد اختيارك لاستكمال العملية.
</p>

<p>
	في هذا التدريب سنختار ملف تعريف دروبال القياسي standard Drupal profile، أما لو كانت لديك بعض الخبرة، فيمكن تحديد الاختيار minimal option.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132477" href="https://academy.hsoub.com/uploads/monthly_2023_08/012_.jpg.ddaf353999210ad4b502050dbbf7f183.jpg" rel=""><img alt="012يدوي_المراجعة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132477" data-ratio="66.67" data-unique="qmktiqy86" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/012_.thumb.jpg.ee6a38d0085fb3a97ed8b0a685d468f7.jpg"></a>
</p>

<p>
	في الخطوة التالية ستجري اختبارًا لما إذا كانت خطة الاستضافة الخاصة بك تفي بمتطلبات التنصيب أم لا. وفي حالة وجود أي مشكلة، سيظهر لك تحذير يصف المشكلة لتستطيع معرفة نوع المشكلة، وستجد أسفل الشاشة رسالةً تطلب منك معالجة المشاكل والمحاولة مرةً أخرى، أو الاستمرار على كل حال، وهنا يمكنك الاستمرار إذا رأيت أن الأمور على ما يرام.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132484" href="https://academy.hsoub.com/uploads/monthly_2023_08/013__.jpg.80afabf4ad2520c1797ee65b73d3f1a9.jpg" rel=""><img alt="013يدوي_قواعد_البيانات.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132484" data-ratio="60.78" data-unique="166gm1t68" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/013__.thumb.jpg.4b44f4e72b9a9b93d2fc4c5fa2cfe98c.jpg"></a>
</p>

<p>
	في هذه الشاشة ستكتب بيانات قواعد البيانات التي حصلت عليها سابقًا. يجب إدخال اسم قواعد البيانات database name واسم المستخدم user name وأيضًا كلمة المرور password، وفي حالة كان عنوان قواعد البيانات الخاص بك ليس localhost (يحدث هذا إذا كانت غير موجودة على نفس الخادم)، فيمكنك تحديد عنوان قواعد البيانات عن طريق النقر على Advanced Options.
</p>

<p>
	تُستخدم هذه الشاشة أيضًا لتحديد سابقة prefix لكل موقع، وهذا في حالة استخدام قاعدة بيانات واحدة لعدد من المواقع تظهر فائدة السابقة prefix في تمييز جداول كل موقع بسابقة معينة قبل اسم الجدول فيتم معرفة جداول كل موقع. يتبقى أن تنقر على الزر "حفظ واستمرار" Save and continue، والتي بعدها يبدأ التنصيب الفعلي.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132478" href="https://academy.hsoub.com/uploads/monthly_2023_08/014__.jpg.e7aac7e67d6de83f734d3e73da398f9b.jpg" rel=""><img alt="014يدوي_تقدم_العملية.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132478" data-ratio="55.67" data-unique="hsymsrzkc" width="900" src="https://academy.hsoub.com/uploads/monthly_2023_08/014__.thumb.jpg.6bc74baeafe5abed70a55f70d1b79f6e.jpg"></a>
</p>

<h4>
	إكمال التنصيب
</h4>

<p>
	الخطوة الأخيرة هي كتابة بعض المعلومات الأساسية عن الموقع
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="jpg" data-fileid="132482" href="https://academy.hsoub.com/uploads/monthly_2023_08/015_.jpg.0820249558f8d03b6baf47c24838ec32.jpg" rel=""><img alt="015يدوي_إنهاء.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="132482" data-ratio="84.27" data-unique="nrrihqm7z" width="712" src="https://academy.hsoub.com/uploads/monthly_2023_08/015_.thumb.jpg.bc6cbde733dff9ebb84c8ef69cdd99d1.jpg"></a>
</p>

<p>
	والسطور التالية توضح للبيانات:
</p>

<ul>
	<li>
		<strong>اسم الموقع site name</strong>: اسم موقع الويب الخاص بك، ويمكنك تغييره فيما بعد إذا رغبت، لذلك لا تضيع وقتًا ثمينًا محاولًا الوصول لأفضل اسم.
	</li>
	<li>
		<strong>البريد الإلكتروني الرسمي Site email address</strong>: هذا هو البريد الذي من خلاله تُبعَث الرسائل إلى زوار موقعك، لذا يُعَد بمثابة البريد الرسمي لموقعك.
	</li>
	<li>
		<strong>اسم المستخدم Username</strong>: اسم المستخدم الخاص بالمستخدم الرئيسي للموقع (المشرف العام للموقع).
	</li>
	<li>
		<strong>كلمة المرور Password</strong>: من المهم جدًا أن تكون كلمة المرور قوية، ويجب الاحتفاظ بها في مكان آمن لا يمكن لأحد الاطلاع عليها، ولا تنسَ تأكيد كلمة المرور في الخانة التي تلي Confirm password.
	</li>
	<li>
		<strong>البريد الإلكتروني للمستخدم الرئيسي Email address</strong>: البريد الإلكتروني المرتبط بالمستخدم الرئيسي، وسوف يملأ دروبال البريد الإلكتروني تلقائيًا، ويغيره إذا تطلب الأمر.
	</li>
	<li>
		<strong>الدولة الافتراضية Default country</strong>: اختيار الدولة الافتراضية المُوَجَّه إليها هذا الموقع.
	</li>
	<li>
		<strong>التوقيت الزمني Default time zone</strong>: اختيار المنطقة التي تريد الموقع عرض التاريخ بناء عليها.
	</li>
</ul>

<p>
	وأخيرًا، يمكن ضبط الموقع، بحيث يبحث عن التحديثات تلقائيًا ويبلغك بها حال توافر تحديثات. بعد إكمال النقاط السابقة كما يجب، احفظ للمرة الأخيرة، وبهذا اكتمل التنصيب.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://websitesetup.org/build-website-drupal//" rel="external nofollow">Beginners’ Guide to Drupal (How to Build a Website)</a> لصاحبه Nick Schäferhoff.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%A7%D9%84%D8%AA%D9%8A-%D9%8A%D9%82%D8%B9-%D9%81%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%88%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r804/" rel="">الأخطاء التي يقع فيها المبتدئون في دروبال</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9-%D9%84%D8%BA%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86-r802/" rel="">وحدات دروبال المهمة لغير المبرمجين</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/" rel="">كيفية استخدام دروبال كمنصة تدوين متكاملة</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">895</guid><pubDate>Fri, 11 Aug 2023 15:03:00 +0000</pubDate></item><item><title>&#x627;&#x644;&#x623;&#x62E;&#x637;&#x627;&#x621; &#x627;&#x644;&#x62A;&#x64A; &#x64A;&#x642;&#x639; &#x641;&#x64A;&#x647;&#x627; &#x627;&#x644;&#x645;&#x628;&#x62A;&#x62F;&#x626;&#x648;&#x646; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644;</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%A7%D9%84%D8%AA%D9%8A-%D9%8A%D9%82%D8%B9-%D9%81%D9%8A%D9%87%D8%A7-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%88%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r804/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_09/6322adab2e320_-------.png.ee68051d7111547902d87115000d28e7.png" /></p>

<p>
	على الرغم من أن <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال</a> أحد أشهر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">أنظمة إدارة المحتوى</a> بجانب ووردبريس وجوملا بما يتميز به من مرونة عالية وقابليته الفائقة للتطويع، والذي يجعل منه الخيار المفضل في الكثير من المشاريع المتوسطة والكبيرة، إلا أن الكثير من المشاريع القائمة على دروبال فشلت أيضًا بسبب وجود التفاصيل الدقيقة والخيارات الكثيرة التي يتطلب إعدادها في دروبال والتي تفرض تخصيص وقت أطول للتعلم للخروج بموقع فعّال لا تؤدي تكلفة المشكلات فيه إلى الوقوع في خطأ استبداله بنظام إدارة محتوى آخر أقل جودة غالبًا، من هذا المنطلق يجب على كل من يريد الاحتراف في تصميم المواقع سواء كان ذلك بدروبال أو غيره، دراسة الخيارات المتاحة من أنظمة إدارة محتوى والأخطاء الرائجة في كل منها للوقاية من الوقوع فيها.
</p>

<h2>
	هل دروبال مناسب للمشروع؟
</h2>

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

<p>
	فالكثير من المواقع ليست سوى مجرد نموذج لبطاقة زيارة، أي أنها لن تحوي نظام إدارة أعضاء، مع عدد قليل من الصفحات دون أي نية أو حاجة للإضافة إليها باستمرارية، كما أن البيانات الموجودة لا تستدعي المعالجة والاستدعاء من قاعدة بيانات، في مثل هذه الحالة المنتشرة، ليس من الحكمة تحميل العميل تكلفة خادم بمواصفات خاصة لاستضافة ملفات دروبال والتي يبلغ عددها نحو 35,000 ملف مع 200 ميجابايت، عدا حجم قاعدة البيانات مع سرعة استجابة أقل بالنسبة لأنظمة إدارة خفيفة لا تعتمد قواعد البيانات مثل نظام إدارة المحتوى البسيط Pico CMS والذي لا يتجاوز حجمه 1 ميجابايت في الواقع، وحتى الكثير من المدونات الشخصية.
</p>

<h2>
	إهمال التحديث
</h2>

<p>
	اشتهر دروبال بفريق أمن سيبراني يتأكد من معايير الأمان في نواة دروبال، وكذلك في <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات الإضافية</a> الشهيرة مما جعله نظام إدارة المحتوى في العديد من القطاعات الحكومية والمالية، إلا أن عمل هذا الفريق الدؤوب يؤدي نهايةً لتعديلات برمجية يجب دائمًا العمل بها ليكون الموقع مصونًا عن الإختراق. على الرغم من أن هذه التوصية إبتدائية ومكررة، إلا أن أكثر عمليات الاختراق تتم باستغلال ثغرات أمنية مضى على انتشارها أكثر من سنة؛ وعليه يجب التذكير دائمًا بهذا الخطأ للمبتدئين والمحترفين.
</p>

<p>
	يمكن الإطلاع على آخر التحديثات لنواة <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> أو الوحدات الإضافية من خلال القائمة: التقارير &gt; التحديثات المتوفرة، أو المسار أدناه، حيث ستظهر الأجزاء التي بحاجة لتحديث لأسباب أمنية باللون الأحمر، والأجزاء التي يتوفر لها تحديث باللون الأصفر.
</p>

<p>
	نظرًا ﻷهمية التحديث لأسباب أمنية، ستكون وظيفة التحديث التلقائي للأسباب الأمنية متوفرة في دروبال 10.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8396_8" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">reports</span><span class="pun">/</span><span class="pln">updates</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107997" href="https://academy.hsoub.com/uploads/monthly_2022_09/01-updates.png.b5f89716564080bbdd76b8c10dc3234a.png" rel=""><img alt="01-updates.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107997" data-unique="6w177mo4s" src="https://academy.hsoub.com/uploads/monthly_2022_09/01-updates.thumb.png.b7d83e381470f423dadd45baf00a0a2d.png"></a>
</p>

<h2>
	التخطيط السيئ
</h2>

<p>
	يتيح دروبال بناء موقع كامل دون كتابة سطر برمجي واحد، وحتى دون معرفة آلية عمله داخليًا من حيث العلاقة بين أجزاء دروبال أو التعامل بين دروبال <a href="https://academy.hsoub.com/programming/sql/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%B9%D9%86-%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-r584/" rel="">وقاعدة البيانات</a>، إلا أن هذه المعرفة تفرق بين سلوك المحترف العالم والمبتدئ العابر، وحيث أن كل عملية تخطيط تقوم بناء على معرفة الموارد المتاحة واستغلالها بأقل التكاليف أيًا كانت نحو الهدف، فمن الواجب على جميع مستخدمي دروبال معرفة هيكل دروبال للوقاية من الأخطاء في كل طبقة.
</p>

<p>
	إن تجاوزنا مسائل التخطيط في مجالات إدارة نظام المعلومات -بمفهومها العام من تقنية المعلومات- والبنية التحتية واختيار التطبيق المناسب، وتوصل فريق المشروع لاعتماد دروبال كنظام إدارة محتوى، فسيكون عليه مناقشة منطق العمل في طبقات دروبال الخمسة وهي:
</p>

<ol>
<li>
		طبقة البيانات: وتشمل تصميم العقد وأنواع المحتوى.
	</li>
	<li>
		طبقة الوحدات البرمجية.
	</li>
	<li>
		طبقة القوائم والمجموعات.
	</li>
	<li>
		طبقة صلاحيات الأعضاء.
	</li>
	<li>
		السمات أو المظهر.
	</li>
</ol>
<p>
	بما أن تدفق البيانات يبدأ من الطبقة الأولى (طبقة البيانات) حتى الوصول لطبقة المظهر، فإن أي خطأ في الطريق يؤدي لتوقف العملية المرجوة أو حتى توقف الموقع كاملًا.
</p>

<p style="text-align: center;">
	<img alt="02-drupal_flow_0.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108015" data-unique="c1dyrvoqg" src="https://academy.hsoub.com/uploads/monthly_2022_09/02-drupal_flow_0.png.baba6e4645d7db07c4fb57496d0f800f.png" style="width: 380px; height: auto;"></p>

<p style="text-align: center;">
	 
</p>

<p style="text-align: center;">
	مصدر الصورة من <a href="https://www.drupal.org/docs/7/understanding-drupal/overview" rel="external nofollow">موقع Drupal.org</a> تحت الترخيص <a href="https://creativecommons.org/licenses/by-sa/2.0/" rel="external nofollow">CC BY-SA 2.0</a>.
</p>

<h2>
	الأخطاء الشائعة في طبقة البيانات
</h2>

<p>
	رغم أن بناة المواقع ليسوا معنيين بالمعرفة الدقيقة لهيكل قاعدة بيانات دروبال كنظام يتمتع بقدر كاف من التعقيد والكثير من التفاصيل؛ إلا أن نظرة عابرة على هذا الهيكل ستمنحهم فهمًا أعمق للأخطاء ولماذا تحصل طالما تعمل. الصورة أدناه هيكل قاعدة بيانات دروبال <a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">حين التثبيت</a>، وتزيد هذه الجداول بأي إضافة على دروبال سواء كانت وحدات برمجية أو أنواع من المحتوى أو أنواع جديدة من الحقول.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="108000" href="https://academy.hsoub.com/uploads/monthly_2022_09/03-Drupal8_UPsitesWeb_Schema_10-19-2013.png.c7a3b7b2c21412f038fd2880eac64405.png" rel=""><img alt="03-Drupal8_UPsitesWeb_Schema_10-19-2013.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108000" data-unique="mpv0a4p0b" src="https://academy.hsoub.com/uploads/monthly_2022_09/03-Drupal8_UPsitesWeb_Schema_10-19-2013.thumb.png.4de6211f976ca1b023a5b81b07e76e74.png"></a>
</p>

<p style="text-align: center;">
	مصدر الصورة: <a href="https://www.drupal.org/node/1785994" rel="external nofollow">drupal.org</a>
</p>

<h3>
	إنشاء العديد من أنواع المحتوى
</h3>

<p>
	يأتي دروبال افتراضيًا وبه نوعان من المحتوى وهما مقال وصفحة أساسية، وقد يفرض منطق عمل المشروع إضافة المزيد من أنواع المحتوى، وهنا يخطئ أغلب المبتدئين في إضافة عدد كبير من أنواع المحتوى، فمثلًا نوع المحتوى "خبر" لن يكون مختلفًا من ناحية هيكل الحقول عن نوع المحتوى "مقال". مثال آخر، لو كان المشروع موقعًا لمدرسة فيجب تجنب صناعة نوع محتوى لكل من "تلميذ" و "معلم" و "إداري" والاكتفاء بنوع محتوى واحد هو "أشخاص" وتصنيفهم للأنواع المذكورة بحسب معجم ﻷنواع الأشخاص، إلا إذا وجد سبب يفرض إنشاء نوع محتوى جديد.
</p>

<p>
	الخطأ في إنشاء أنواع مختلفة من المحتوى له سببان أساسيان، تقني وإنساني. ملخص السبب التقني هو أن لكل نوع من المحتوى خريطة خاصة به تشمل الحقول المرتبطة به، وزيادة أنواع المحتوى سيقلل جودة أداء دروبال، أما السبب الإنساني فهو بسبب كثرة أنواع المحتوى التي تشتت وتزعج أكثر المستخدمين.
</p>

<h3>
	إنشاء الحقول دون ضرورة
</h3>

<p>
	يمكن إنشاء عدد لا محدود من الحقول لكل نوع من المحتوى، فمثلًا يتشكل المحتوى "مقال" المتواجد افتراضيًا في دروبال من الحقول "الصورة" و"المتن" و"وسوم"، بينما يتشكل المحتوى "صفحة أساسية" من الحقل "المتن" فقط. في حال حاجة نوع المحتوى "صفحة أساسية" لحقل صورة، تجنب إنشاء حقل جديد، واستخدم حقل الصورة المتواجد مسبقًا لنوع المحتوى "مقال".
</p>

<p>
	سبب الخطأ في إنشاء الحقول بشكل متعدد يعود لأمرين، الأول هيكل قاعدة البيانات حيث ينشأ دروبال جدول لكل حقل جديد، والثاني يسبب تعقيد بعض الوظائف لاحقًا في حال تناثر البيانات المتشابهة في أكثر من حقل (جدول)، فمثلًا لو تطلب منطق عمل المشروع إتاحة البحث في "المتن" فقط، وكانت النصوص مخزنة في أكثر من حقل معني بالمتن (أي أكثر من جدول) سيتطلب هذا أكثر من طلب لقاعدة بيانات دروبال وهو ما يقلل من سرعة الأداء.
</p>

<p>
	انظر دائمًا للحقول الموجودة في قائمة "استخدام حقل موجود" قبل إضافة حقل جديد، يمكن إضافة حقل جديد من القائمة: الهيكلية &gt; أنواع المحتوى &gt; [إسم نوع المحتوى] &gt; تسيير الحقول، أو من المسار التالي (في حالة نوع المحتوى صفحة أساسية):
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_8396_12" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">types</span><span class="pun">/</span><span class="pln">manage</span><span class="pun">/</span><span class="pln">page</span><span class="pun">/</span><span class="pln">fields</span><span class="pun">/</span><span class="pln">add</span><span class="pun">-</span><span class="pln">field</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="108001" href="https://academy.hsoub.com/uploads/monthly_2022_09/04-add_field.png.d3855a0092b4056f46fba3b8e2ee0eaa.png" rel=""><img alt="04-add_field.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108001" data-unique="jumsgl0z4" src="https://academy.hsoub.com/uploads/monthly_2022_09/04-add_field.thumb.png.0c454fba059ee05c0b03e1be8eda6e9b.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	إنشاء محتوى جديد بدل إنشاء ترجمة للمواقع متعددة اللغات
</h3>

<p>
	في حال دعم تعدد اللغات في موقع مبني بدروبال والحاجة لإنشاء ترجمة لمحتوى موجود، استخدم دائمًا لسان التبويب "الترجمة" عوضًا عن إنشاء محتوى جديد لنفس الصفحة بلغة أخرى، فهذا يعني إنشاء محتويين ليس بينها علاقة في قاعدة البيانات.
</p>

<p>
	لو رغبت بالإطلاع على سبب هذا الخطأ من قاعدة بيانات دروبال، افتح phpmyadmin ثم اتجه لجدول node، حيث ترى أن المحتوى الواحد يتشكل مرة واحدة حين الإنشاء برقم nid فريد و langcode يبين اللغة التي تم بها إنشاء المحتوى الأصلي، فيما يظهر في الجدول node_field_data كل المحتويات باللغة الأصلية والترجمة المرتبطة بها بذات رقم المحتوى nid الفريد.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="108002" href="https://academy.hsoub.com/uploads/monthly_2022_09/05-node_field_data.png.bd310bc31798319705ece0e75b900db9.png" rel=""><img alt="05-node_field_data.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108002" data-unique="d45g1nhrh" src="https://academy.hsoub.com/uploads/monthly_2022_09/05-node_field_data.thumb.png.0466eb6b81580584a4eef239cdb54fdd.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	إهمال معالجة وتحسين الوسائط المتعددة
</h3>

<p>
	مع أن الوسائط المتعددة جزء من البيانات التي يعرضها دروبال، إلا أنه غالبًا ما تنسى الإشارة إلى أهمية معالجتها لتكون محسنة للعرض على <a href="https://academy.hsoub.com/devops/networking/%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84-%D8%B4%D8%A8%D9%83%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-r571/" rel="">الإنترنت</a>، وهنا يمكن خطأ رائج يقع فيه الكثير من المبتدئين والمحترفين. بالنسبة للصور يفضل ان تكون بصيغة png إذا كان لها خلفية شفافة وذات وسمات رقمية، وصيغة jpg إن لم تكن له خلفية شفافة أو كانت لصور واقعية أو فوتوغرافية، مع الانتباه للمعايير التالية كي لا تكون الصورة ذات حجم كبير.
</p>

<ol>
<li>
		أن تكون ذات أبعاد منطقية للعرض على الشاشة.
	</li>
	<li>
		أن تكون بدقة تقدر بحوالي 72 PPI.
	</li>
	<li>
		أن تكون محفوظة بعد تعديل نمط الألوان إلى indexed color.
	</li>
	<li>
		بالنسبة للصور من نوع jpg، تأكد من حفظها بجودة تتراوح بين 65% و 75%.
	</li>
</ol>
<p>
	يؤدي الإنتباه إلى هذه المعايير إلى تخفيض حجم الصور بنسبة تصل لتسعين بالمئة وهو ما يكفل أن يلاحظ المستخدم سرعة تصفح الموقع دون أن ينتبه لوجود أي فرق في جودة الصور.
</p>

<h2>
	الأخطاء الشائعة في طبقة الوحدات
</h2>

<p>
	لعل أخطاء طبقة البيانات لا تسبب توقف الموقع عن العمل أو توفير فرصة للخروقات الأمنية، لكن طالما كانت طبقة الوحدات هي الطبقة المعنية بالأوامر البرمجية التي يتشكل منها دروبال، أو تضاف إليه لاحقًا لمنحه المزيد من الوظائف، فقد تؤدي لما سبق. من أهم أخطاء طبقة الوحدات:
</p>

<h3>
	استخدام الكثير من الوحدات دون ضرورة
</h3>

<p>
	مع إضافة كل وحدة لدروبال، ما يضاف ليس مجرد اسم، بل تضاف مجموعة ملفات تحمل الأوامر البرمجية للوحدة، وقد يكون من إجراءات تفعيل الوحدة تغيير في قاعدة بيانات دروبال. ينطوي استخدام الكثير من الوحدات على العديد من المحاذير التي يوصي المحترفون من أجلها لتجنب إضافة الوحدات دون ضرورة، منها:
</p>

<ol>
<li>
		إضافة الكثير من الوحدات تقلل كفاءة وسرعة أداء دروبال.
	</li>
	<li>
		قد لا يوفر مطوروا الوحدات تحديثات لها تتوافق مع الإصدارات الأحدث من دروبال، وهو ما يؤدي لصعوبة الهجرة للإصدارات الأحدث.
	</li>
	<li>
		مع زيادة الوحدات تزيد فرص ظهور المشكلات وبروز الثغرات الأمنية.
	</li>
</ol>
<h3>
	استخدام وحدات مهملة
</h3>

<p>
	الوحدات جزء حيوي من دروبال ويشارك مجتمع المصادر المفتوحة بأكثر من 48,555 وحدة معروضة في موقع دروبال الرسمي، إضافة للكثير من الوحدات المتوفرة في مستودعات أخرى مثل GitHub، عادة ما تكون الوحدات المشهورة هي الخيار الأمثل نسبة للوحدات المهملة والتي لم تتم تجربتها على عدد كبير من المواقع. يمكن مشاهدة عدد المواقع التي تستخدم الوحدة المعنية تحت العنوان Project information في صفحة الوحدة بموقع دروبال الرسمي.
</p>

<h3>
	استخدام وحدات غير موثوقة
</h3>

<p>
	في حال اشتهار وحدة او طلب مطور الوحدة فحص الوحدة من قبل فريق الأمن السيبراني بدروبال واجتياز الوحدة لمعايير الأمان، سيكون بجانبها علامة درع تشير لذلك مثل الصورة أدناه. حاول قدر الإمكان تجنب الوحدات غير الموثوقة أو التي لم يتم فحصها، إلا إذا كنت قادرًا على ذلك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="108003" href="https://academy.hsoub.com/uploads/monthly_2022_09/06-security.png.167f3044cb49da18d0c8d43dbcae2e54.png" rel=""><img alt="06-security.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108003" data-unique="2irhtmss6" src="https://academy.hsoub.com/uploads/monthly_2022_09/06-security.png.167f3044cb49da18d0c8d43dbcae2e54.png"></a>
</p>

<h2>
	الأخطاء الشائعة في طبقة صلاحيات الأعضاء
</h2>

<p>
	سنذكر تاليًأ أهم الأخطاء الشائعة التي يرتكبها المبتدؤون في دروبال:
</p>

<h3>
	تحديد الأدوار بدقة
</h3>

<p>
	يتيح دروبال وظيفة تحديد الأدوار للمستخدمين، وثمة صلاحيات يمكن تحديدها لكل دور؛ عدم الانتباه لخطورة هذه الوظيفة، لا يعرض موقعك فقط للخطر، بل قد يعرض جميع مستخدمي الموقع لخطر الإختراق الأمني. من أهم التوصيات في طبقة صلاحيات الأعضاء:
</p>

<ol>
<li>
		تجنب إتاحة فرصة إنشاء نص بكل وسوم <a href="https://academy.hsoub.com/programming/html/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D9%84%D8%BA%D8%A9-html-r1687/" rel="">HTML</a> لغير مديري الدرجة الأولى.
	</li>
	<li>
		حاول تجنب استخدام وحدة <a href="https://www.drupal.org/project/php" rel="external nofollow">PHP</a> لكن في حال الاضطرار لذلك، تأكد من عدم إتاحة صلاحيات الوصول لهذا النص لغير مديري الدرجة الأولى.
	</li>
</ol>
<h3>
	تجنب برامج الروبوت الخبيثة
</h3>

<p>
	دروبال نظام إدارة محتوى شهير وبالتالي تستهدفه الكثير من برامج روبوت نشر الإعلانات الخبيثة والتي تقوم بإرسال نصوص عديدة وبلغات كثيرة في قسم التعليقات بموقعك، سيؤدي هذا لإثقال موقعك ببيانات لا فائدة منها من جانب، وتزعج زوار الموقع من جانب آخر. تأكد من تثبيت وتفعيل أحدى الوحدات المعنية بالتأكد من أن المشاركة ليست من برنامج روبوت، مثل وحدة <a href="https://www.drupal.org/project/recaptcha" rel="external nofollow">recaptcha</a> والتي تستخدم خوارزميات مقدمة من شركة جوجل للتعرف على برامج الروبوت وحجبهم من المشاركة الخبيثة في موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="108004" href="https://academy.hsoub.com/uploads/monthly_2022_09/07-reCAPTCHA.png.34c8a2c6eacdab4dce1a13fb3c387cfd.png" rel=""><img alt="07-reCAPTCHA.png" class="ipsImage ipsImage_thumbnailed" data-fileid="108004" data-unique="0gtq21x5c" src="https://academy.hsoub.com/uploads/monthly_2022_09/07-reCAPTCHA.thumb.png.97d102fc36e696645db2a62176e1d71a.png"></a>
</p>

<h2>
	الخلاصة
</h2>

<p>
	على الرغم من قدرات دروبال الهائلة كنظام إدارة مناسب للمشاريع المتوسطة والكبيرة؛ إلا أن الاستخدام الطفولي له مثل استخدام أي أداة أخرى بشكل طفولي قد تكون له عواقب وخيمة مثل الإختراق أو لا تظهر كفاءة عمل دروبال في الحالات الحميدة، من الواجب على بناة المواقع مراجعة الأخطاء الرائجة لتجنبها بشكل مستمر لتقديم خدمة مناسبة تتناسب مع قدرات دروبال التي تظهر في الكثير من المواقع الحكومية والمصرفية العالميتين.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/" rel="">كيفية استخدام دروبال كمنصة تدوين متكاملة</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9-%D9%84%D8%BA%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86-r802/" rel="">وحدات دروبال المهمة لغير المبرمجين </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%AF%D8%B1%D8%A7%D8%AC-%D9%84%D8%BA%D8%A7%D8%AA-%D9%85%D8%AA%D8%B9%D8%AF%D8%AF%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B1%D8%AC%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r803/" rel="">كيفية إدراج لغات متعددة والترجمة في دروبال</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">804</guid><pubDate>Tue, 27 Sep 2022 07:24:38 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x62F;&#x631;&#x627;&#x62C; &#x644;&#x63A;&#x627;&#x62A; &#x645;&#x62A;&#x639;&#x62F;&#x62F;&#x629; &#x648;&#x627;&#x644;&#x62A;&#x631;&#x62C;&#x645;&#x629; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644;</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%AF%D8%B1%D8%A7%D8%AC-%D9%84%D8%BA%D8%A7%D8%AA-%D9%85%D8%AA%D8%B9%D8%AF%D8%AF%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B1%D8%AC%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r803/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_09/6322a843ded1b_--------.png.8497f1240eaeb6831e98eef802f33c32.png" /></p>

<p>
	لعل من أهم ما يمتاز به اليوم أي موقع أو تطبيق هو تعدد اللغات التي يقدم بها <a href="https://academy.hsoub.com/freelance/client-care/%D9%85%D8%B9%D9%86%D9%89-%D8%AE%D8%AF%D9%85%D8%A9-%D8%A7%D9%84%D8%B9%D9%85%D9%84%D8%A7%D8%A1-r257/" rel="">خدماته للعملاء</a> حول العالم، والذي لا يمنعهم من الاستفادة منه غير حاجز اللغة؛ امتاز <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال</a> عن سائر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">أنظمة إدارة المحتوى</a> مبكرًا بدعمه المتقدم لتعدد اللغات وهي ميزة مهمة لبناء المواقع باللغة العربية.
</p>

<p>
	يتيح <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> تعدد اللغات عبر وحدات متواجدة مع دروبال 9 افتراضيًا، توفر أغلب حاجات المواقع من حيث تعدد اللغات مع وجود أكثر من 198 وحدة من مشاركة مجتمع المصادر الحرة منشورة مجانًا في <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">مستودع الوحدات</a> في موقع دروبال الرسمي تحت تصنيف تعدد اللغات.
</p>

<h2>
	متطلبات و ملاحظات حول الدرس
</h2>

<ol>
<li>
		معرفة عامة بنظام إدارة المحتوى دروبال و نسخة مثبتة من <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال 9</a>.
	</li>
	<li>
		الصور التوضيحية ناتجة بعد تثبيت و تفعيل وحدات يُوصى باستخدامها مثل <a href="https://www.drupal.org/project/admin_toolbar" rel="external nofollow">Admin Toolbar</a>؛ اذا لم تكن تستخدم هذه الوحدة يمكنك اتباع مسار الوصول <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%B9%D9%86%D9%88%D8%A7%D9%86-url-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r1435/" rel="">URL</a> وستكون بشكل اقتباس يبدأ بعد عنوان موقعك وبدون سابقة اللغة؛ أي العبارة التالية للوصول لصفحة الوحدات:
	</li>
</ol>
<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8897_8" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">modules</span></pre>

<ol start="3">
<li>
		يتشكل أي موقع من حيث تعدد اللغات من جزئين الأول هو الأجزاء الثابتة من الموقع وتسمى واجهة المستخدم والثاني متغير وهو المحتوى الذي أنشأه صاحب الموقع. يدعم دروبال تعدد اللغات في كلا الجزئين.
	</li>
</ol>
<h2>
	تفعيل وحدات تعدد اللغات
</h2>

<p>
	يحوي دروبال 9 في صفحة الوحدات افتراضيًا تصنيف تعدد اللغات ويحوي أربع وحدات هي: Language و Interface Translation و Content Translation و Configuration Translation. توفر هذه الوحدات الأربع أغلب ما يحتاج إليه لدعم تعدد اللغات، فعّلها كلها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107985" href="https://academy.hsoub.com/uploads/monthly_2022_09/01-modules.png.b06f840f21d877740d7657af02439068.png" rel=""><img alt="01-modules.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107985" data-unique="2vnbp7czw" src="https://academy.hsoub.com/uploads/monthly_2022_09/01-modules.thumb.png.e5b6316b6ac9ca5cf8b49e3dd68ab78c.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	إدارة اللغات
</h2>

<p>
	تبدأ عملية دعم تعدد اللغات بإضافة اللغة المطلوبة لقائمة اللغات المتوفرة في الموقع، من المسار أدناه اختر Add language ثم اللغة العربية.سيحمل دروبال الترجمة المتوفرة لهذه اللغة من المستودع (موقع دروبال الرسمي) لواجهة دروبال ولكل الوحدات المثبتة.
</p>

<p>
	لا ينصح بتغيير اللغة الافتراضية للموقع لغير الإنجليزية؛ يمكن التحكم بأوليات عرض اللغة بغض النظر عن اللغة الافتراضية للموقع من لسان التبويب Detection and selection.
</p>

<pre class="ipsCode prettyprint lang-c prettyprinted" id="ips_uid_8897_12" style="">
<span class="typ">Configuration</span><span class="pln"> </span><span class="pun">&gt;</span><span class="pln"> </span><span class="typ">Regional</span><span class="pln"> and language </span><span class="pun">&gt;</span><span class="pln"> </span><span class="typ">Languages</span><span class="pln">
admin</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">regional</span><span class="pun">/</span><span class="pln">language</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107986" href="https://academy.hsoub.com/uploads/monthly_2022_09/02-Languages.png.3040e92aeaf7e025998507b45f77d86f.png" rel=""><img alt="02-Languages.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107986" data-unique="h5ginln0j" src="https://academy.hsoub.com/uploads/monthly_2022_09/02-Languages.thumb.png.771e5fc05fee49ae438cd0fc16084cd2.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	أولويات عرض اللغة
</h3>

<p>
	مع تفعيل اللغة العربية، يمكن الوصول لصفحات الموقع بالعربية بعدة طرق يمكن التحكم بها من صفحة أولويات عرض اللغة؛ من لسان التبويب Detection and selection أو المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8897_14" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">regional</span><span class="pun">/</span><span class="pln">language</span><span class="pun">/</span><span class="pln">detection</span></pre>

<p>
	ستلاحظ 6 طرق لترتيب أولويات عرض اللغة، كالتالي:
</p>

<h4>
	خيار اللغة المختارة Selected language
</h4>

<p>
	يمكن من هذا الخيار تحديد اللغة الافتراضية للعرض في حال عدم وجود أي خيار كأولوية، إجعل هذا الخيار في أعلى القائمة ثم احفظ إعدادات الصفحة، ثم اتجه لإعدادات اللغة المختارة، واختر اللغة العربية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107987" href="https://academy.hsoub.com/uploads/monthly_2022_09/03-detection.png.2003eed5010b7396661b3da199271b02.png" rel=""><img alt="03-detection.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107987" data-unique="fvhu6zpk7" src="https://academy.hsoub.com/uploads/monthly_2022_09/03-detection.thumb.png.f470ce86b6c79cb9741525249e7f6fa2.png" style="width: 750px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107988" href="https://academy.hsoub.com/uploads/monthly_2022_09/04-selected.png.30812e8e6bb2d9a365dd49f14a86a4e0.png" rel=""><img alt="04-selected.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107988" data-unique="qbhrbeyzv" src="https://academy.hsoub.com/uploads/monthly_2022_09/04-selected.thumb.png.faf391ba8b060628b8871271f1f6d337.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	سيتيح هذا الخيار أن تكون اللغة العربية هي اللغة الافتراضية للعرض إن لم تتغير بطريقة أخرى من الأولويات، ومثالًا على ذلك إن لم تحدد اللغة عبر العنوان URL، ستكون اللغة العربية اللغة الافتراضية للعرض، وسيؤدي طلب عنوان الموقع الرئيسي <code>www.site.com</code> لعرض الصفحة العربية إن لم تحدد بغير ذلك لاحقًا.
</p>

<h4>
	خيار العنوان URL
</h4>

<p>
	يعتمد دروبال على حرفين كمؤشر لكل لغة، فهي للإنجليزية en والعربية ar يتعامل بها لتنظيم التعرف على اللغة، ويمكن أن تكون لسابقة في اسم النطاق أو لاحقة بعد اسم النطاق، افتراضيًا ستكون لاحقة اسم النطاق ar إشارة للغة العربية، ويمكن تغير هذا لأي نص آخر. من صفحة إعدادات خيار العنوان تأكد من وجود الحرفين en للغة الانجليزية، احفظ صفحة الإعدادات ثم اجعل هذا الخيار في الرتبة الثانية و احفظ الإعدادات مجددًا. سيكون بالإمكان الوصول للصفحة الإنجليزية عبر المسار التالي <code>www.site.com/en</code>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107989" href="https://academy.hsoub.com/uploads/monthly_2022_09/05-detection_url.png.52627ec35173836d958a716af7f8fb3a.png" rel=""><img alt="05-detection_url.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107989" data-unique="okf8v6mu6" src="https://academy.hsoub.com/uploads/monthly_2022_09/05-detection_url.thumb.png.2f8fd7668508e35b586cdaef0868c719.png" style="width: 750px; height: auto;"></a>
</p>

<ul>
<li>
		<strong>الجلسة</strong>: يحدد هذا الخيار أولوية تحديد اللغة في حال تعيين ذلك ضمن مرسلات http، مثل البيانات التي يزود بها الموقع تطبيق هاتف نقال.
	</li>
	<li>
		<strong>المستخدم</strong>: يمكن لكل مستخدم تحديد تفضيلات اللغة التي يريد تصفح الموقع بها؛ ويتم تحديد هذه الأولية بتغيير موضع هذا الخيار.
	</li>
	<li>
		<strong>المتصفّح</strong>: يمكن للمستخدم تحديد أولويات العرض من المتصفح، يوفر هذا الخيار تحديد أولوية استعراض اللغة عبر المتصفح.
	</li>
</ul>
<h2>
	إدارة ترجمة العناصر
</h2>

<p>
	المقصود بالعنصر من حيث الترجمة أي جزء متغير سواء كان ذلك أنواع المحتوى مثل الصفحة الأساسية أو المقال الموجودين افتراضيًا في دروبال أو الأعضاء أو التصنيفات. لتفعيل تعدد اللغات وترجمة أي محتوى اتبع المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8897_16" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">regional</span><span class="pun">/</span><span class="pln">content</span><span class="pun">-</span><span class="pln">language</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107990" href="https://academy.hsoub.com/uploads/monthly_2022_09/06-content-language.png.0f89bdbdc475b5aeb1dd76e0624df0e7.png" rel=""><img alt="06-content-language.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107990" data-unique="2az5akcy1" src="https://academy.hsoub.com/uploads/monthly_2022_09/06-content-language.thumb.png.23e5045b41c610c8dd9d3f009da7fdb1.png"></a>
</p>

<p>
	تحت العنوان Custom language settings مع تفعيل خيار أي نوع من العناصر -مثلًا المحتوى- يظهر جزء آخر أسفله اسم العنصر المفعّل، يحوي كل الخيارات المصنفة تحته، فمثلًا تحت عنصر المحتوى يتواجد "مقال" و "صفحة أساسية".
</p>

<p>
	سيتاح مع اختيار كل عنصر مفعل كل البيانات المتواجدة لهذا العنصر يمكن تحديد القابل للترجمة منها (بما في ذلك اختيار الوسائط المتعددة مثل الصور)، إضافة لقائمة تُحدد منها اللغة الافتراضية وخيار لتمكين المستخدم من تحديد لغة المحتوى حين الإنشاء أو التحرير. اجعل اللغة الإفتراضية العربية وفعّل خيار تمكين المستخدم من تحديد اللغة، ثم احفظ الإعدادات.
</p>

<h3>
	إنشاء محتوى متعدد اللغات
</h3>

<p>
	بفرض تفعيل خيار تعدد اللغات للمحتوى من نوع "مقال"، أنشئ مقالًا جديدًا من القائمة: المحتوى &gt; إضافة محتوى &gt; مقال أو مباشرة عبر المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8897_18" style="">
<span class="pln">node</span><span class="pun">/</span><span class="pln">add</span><span class="pun">/</span><span class="pln">article</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107991" href="https://academy.hsoub.com/uploads/monthly_2022_09/07-add_article.png.6500da6bafe52948ef154c7b800e2ffd.png" rel=""><img alt="07-add_article.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107991" data-unique="a5l5s6pmj" src="https://academy.hsoub.com/uploads/monthly_2022_09/07-add_article.thumb.png.42433379d0d3bf399003344e2bddd203.png"></a>
</p>

<p>
	لاحظ وجود قائمة يمكن منها اختيار لغة المحتوى وهي افتراضيًا العربية مثلما تم تحديده في إعدادات تعدد اللغات لهذا النوع من المحتوى؛ احفظ الصفحة ثم لاحظ وجود لسان تبويب باسم الترجمة، حيث تتمكن من إدراج ترجمة مرتبطة بهذا المحتوى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107992" href="https://academy.hsoub.com/uploads/monthly_2022_09/08-translation_tab.png.3cfb4e255842f7e4d8ab1f77eef339d7.png" rel=""><img alt="08-translation_tab.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107992" data-unique="w27uhzr0z" src="https://academy.hsoub.com/uploads/monthly_2022_09/08-translation_tab.thumb.png.42c242149fbbc7f904555b0100d56a82.png"></a>
</p>

<h3>
	هيكل تعدد اللغات في قاعدة البيانات
</h3>

<p>
	من الأخطاء الرائجة في استخدام نظام إدارة المحتوى دروبال، إنشاء المحتوى بعدد لغات الموقع من القائمة (المحتوى &gt; إضافة محتوى) عوضًا عن إنشائها عبر تبويب الترجمة، وهذا يعني إنشاء محتويين ليس بينها علاقة. تجنب إنشاء ترجمة لذات المحتوى مباشرة؛ إذ يجب أن يكون المحتوى المترجم مرتبطًا بالمحتوى الأصلي في قاعدة البيانات.
</p>

<p>
	لتتضح صورة جسامة هذا الخطأ في إدارة البيانات افتح phpmyadmin ثم قاعدة بيانات نسخة دروبال، ثم اتجه للجدول node حيث يُحفظ كل أنواع المحتوى مرة واحدة في هذا الجدول.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107993" href="https://academy.hsoub.com/uploads/monthly_2022_09/09-db_node.png.3189dbae68201d01c895634c567aeb0e.png" rel=""><img alt="09-db_node.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107993" data-unique="pfrcezbcv" src="https://academy.hsoub.com/uploads/monthly_2022_09/09-db_node.png.3189dbae68201d01c895634c567aeb0e.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	لاحظ أن المحتوى "مقال" الذي تم إنشاؤه حديثًا له رقم nid قيمته 3 -قد يكون مختلفًا لديك- وقيمة نوع المحتوى "مقال" والنسخة الأصلية منه باللغة العربية حيث الحقل langcode قيمته ar.
</p>

<p>
	افتح جدول node_field_data والذي يحتفظ فيه دروبال بالبيانات الأساسية لكل محتوى، ستجد حقل معرف المحتوى nid ذات القيمة 3 مكررة مرتين، مرة للعربية ومرة للإنجليزية. في حال عدم اتباع خطوات الترجمة السليمة أعلاه، سيكون لكل لغة رقم معرف nid خاص غير مرتبط بالمحتوى الأصلي، ويتكرر عدم الإرتباط هذا في كل الجداول المعنية بحقول المحتوى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107994" href="https://academy.hsoub.com/uploads/monthly_2022_09/10-node_field_data.png.220a924534597ff0f754eea1ccc82673.png" rel=""><img alt="10-node_field_data.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107994" data-unique="ags2rtpgy" src="https://academy.hsoub.com/uploads/monthly_2022_09/10-node_field_data.thumb.png.3c84f8a8a2af1e7b867c5386f13979e1.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	إدارة تعدد لغات الواجهة
</h2>

<p>
	نصوص الواجهة هي النصوص الثابتة والتي تم إنشاؤها من قبل مبرمجي دروبال أو مبرمجي الوحدات البرمجية، يمكن ترجمة هذه النصوص عبر واجهة مستخدم من موقع دروبال من القائمة (الإعدادات &gt; الإقليمية واللغة &gt; ترجمة واجهة المستخدم) أو عبر المسار:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_8897_22" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">regional</span><span class="pun">/</span><span class="pln">translate</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107995" href="https://academy.hsoub.com/uploads/monthly_2022_09/11-translate.png.31d1d51175c757f1bb616ba0da3d397b.png" rel=""><img alt="11-translate.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107995" data-unique="athbusjj8" src="https://academy.hsoub.com/uploads/monthly_2022_09/11-translate.thumb.png.3b8a231363f6a6a0dead0acf1f144b9c.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	حيث يمكن استعراض جميع النصوص الموجودة في ملفات ترجمة دروبال أو البحث عن أحدها؛ لاحظ حين ترجمة أي نص الإنتباه بعد تغيير أسماء المتغيرات token، فمثلاً حين ترجمة <code>Welcome to [site:name]</code> إلى <code>أهلاً بك في [site:name]</code> انتبه لعدم تغيير النص الموجود بين قوسين معقوفين.
</p>

<p>
	على الرغم من أن واجهة المستخدم تتيح إمكانية الترجمة بالكامل، إلا أن استخدام برامج مستقلة للترجمة أكثر سرعة وأسهل استخدامًا وأفضل من حيث المراجعة والتدقيق.
</p>

<p>
	لترجمة الموقع خارجيًا يجب أولًا تصدير النصوص غير المترجمة من لسان التبويب تصدير أو المسار:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_8897_25" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">regional</span><span class="pun">/</span><span class="pln">translate</span><span class="pun">/</span><span class="kwd">export</span></pre>

<p>
	حيث سيزودك دروبال بملف من النوع Gettext Portable Object (.po) والذي يحوي النص الأصلي الذي يبدأ بكلمة msgid ثم الترجمة التي تبدأ بالكلمة msgstr، كالمثال أدناه.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_8897_27" style="">
<span class="pln">msgid </span><span class="str">"Operations"</span><span class="pln">
msgstr </span><span class="str">"عمليات"</span></pre>

<h2>
	أدوات مساعدة للترجمة
</h2>

<p>
	على الرغم من إمكانية استخدام أي محرر نصوص لعملية الترجمة، يفضل استخدام برامج مختصة بمعالجة هذا النوع من الملفات وأشهرها <a href="https://poedit.net/" rel="external nofollow">تطبيق poedit</a> المتوفر مجانًا <a href="https://academy.hsoub.com/files/24-%D8%A3%D9%86%D8%B8%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%B4%D8%BA%D9%8A%D9%84-%D9%84%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86/" rel="">ولأنظمة التشغيل</a> ويندوز، <a href="https://academy.hsoub.com/devops/linux/%D9%85%D8%A7-%D9%87%D9%88-%D9%86%D8%B8%D8%A7%D9%85-%D8%A7%D9%84%D8%AA%D8%B4%D8%BA%D9%8A%D9%84-%D9%84%D9%8A%D9%86%D9%83%D8%B3%D8%9F-r451/" rel="">لينوكس</a> وماك أو إس.
</p>

<p>
	يوفر هذا البرنامج واجهة تتيح الترجمة بسرعة مع العديد من إمكانيات مثل اقتراح النص مترجم بحسب الرائج في سائر البرامج أو عبر أدوات الترجمة الآلية مثل مترجم جوجل (النسخة المدفوعة).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107996" href="https://academy.hsoub.com/uploads/monthly_2022_09/12-poedit.png.2defaed49c93a4fb7207b4e57f495717.png" rel=""><img alt="12-poedit.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107996" data-unique="zie59b5ah" src="https://academy.hsoub.com/uploads/monthly_2022_09/12-poedit.thumb.png.56edaf80cb179b7cb18749887f5346c9.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة التحكم في دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/" rel="">كيفية استخدام دروبال كمنصة تدوين متكاملة</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9-%D9%84%D8%BA%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86-r802/" rel="">وحدات دروبال المهمة لغير المبرمجين</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">803</guid><pubDate>Wed, 28 Sep 2022 15:07:00 +0000</pubDate></item><item><title>&#x648;&#x62D;&#x62F;&#x627;&#x62A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; &#x627;&#x644;&#x645;&#x647;&#x645;&#x629; &#x644;&#x63A;&#x64A;&#x631; &#x627;&#x644;&#x645;&#x628;&#x631;&#x645;&#x62C;&#x64A;&#x646;</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D9%87%D9%85%D8%A9-%D9%84%D8%BA%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D9%86-r802/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_09/631c753890a15_-----.png.79bc25ac09eb345ae73f34f852189953.png" /></p>

<p>
	يعد <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> أحد أشهر ثلاثة <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">أنظمة إدارة محتوى</a>، ويتميز بمرونته العالية وقابليته الفائقة للتطويع وذلك بناءً على سببين أساسيين هما: أولًا هيكلية حفظ ومعالجة البيانات المنطقية واستقلاله عن شكل عرض المحتوى؛ وثانيًا آلاف <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات البرمجية</a> التي يمكن إضافتها لمنح دروبال خصائص ووظائف جديدة.
</p>

<p>
	إنطلاقًا من السبب الثاني أي زيادة وظائف دروبال، لعل أول ما يعمد إليه المطورون بعد <a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">تثبيت دروبال</a> هو تثبيت وتفعيل مجموعة الوحدات المتناسبة مع منطق العمل وحاجة المشروع؛ وقد يكون من أهم الفروق الجوهرية بين المبتدئين والمحترفين من بناة المواقع بنظام دروبال هو الاختيار الحكيم لمجموعة من الوحدات الضرورية ذات الوظائف العامة دون ازدحام نظام دروبال بالعديد من الوحدات ذات الوظائف القليلة أو المعالجة غير القياسية للبيانات.
</p>

<p>
	يمكن تصنيف الوحدات في نظام دروبال إلى ثلاثة أنواع هي:
</p>

<ul>
<li>
		<strong>وحدات دروبال الأساسية</strong>: هي الوحدات المثبتة افتراضيًا مع تثبيت دروبال، لكن تفعيلها أمر اختياري مثل الوحدات المعنية بالترجمة والمستخدمة كثيرًا في المواقع ثنائية اللغة أو متعددة اللغات؛ تصنف هذه المجموعات لوحدات النواة ومجموعات أخرى مثل تصنيف وحدات أنواع الحقول أو تصنيف وحدات تعدد اللغات؛ في العديد من الأمثلة نقلت وحدات مجتمع المصادر الحرة الشهيرة لوحدات دروبال الأساسية ثم نقلت لوحدات النواة، فمثلًا في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال 9</a> يذكر عن وحدة Entity أنها ستنقل لاحقًا لوحدات النواة. بحسب مشروعك، انظر أولًا لوحدات النواة قبل البحث في وحدات مشاركات مجتمع المصادر المفتوحة، الكثير من الوظائف العامة متاحة ضمن أحد وحدات دروبال الأساسية.
	</li>
	<li>
		<strong>وحدات مشاركة مجتمع المصادر الحرة</strong>: بحسب موقع دروبال الرسمي، وفّر <a href="https://www.drupal.org/project/project_module" rel="external nofollow">مجتمع المصادر المفتوحة</a> قائمة تحوي 48,555 وحدة لدروبال؛ 8,183 وحدة منها مشاريع كاملة تعمل على دروبال 9؛ إضافة لهذه القائمة يوجد الكثير من الوحدات الخاصة بدروبال في مستودعات خاصة ومتاحة مثل GitHub؛ تأكد قبل التخطيط لبرمجة وحدة خاصة أن تقوم بدراسة وحدات مجتمع المصادر الحرة الشبيهة بمنطق عمل مشروعك فغالبًا ما ستجد وحدة تؤدي نفس الوظيفة.
	</li>
	<li>
		<strong>وحدات خاصة</strong>: هي الوحدات التي ينشئها صاحب المشروع لأداء وظيفة خاصة به دون أن ينشرها في وحدات مشاركة مجتمع المصادر الحرة.
	</li>
</ul>
<p>
	القائمة التالية بعض الوحدات المهمة والشائعة الاستخدام، إضافتها لدروبال ستتيح تجربة مختلفة.
</p>

<h2>
	وحدة Admin Toolbar
</h2>

<p>
	في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة تحكم</a> دروبال الافتراضية، يجب على مدير الموقع حتى وصوله لصفحة التحكم المنشودة العبور على عدد من الصفحات التي تحوي كل منها قائمة بصفحات كثيرة، توفر <a href="https://www.drupal.org/project/admin_toolbar" rel="external nofollow">وحدة Admin Toolbar</a> هذا العناء بإنشاء قائمة منسدلة توفر وصولًا سريعًا لجميع صفحات الإدارة.
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 239,214 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_9" style="">
<span class="pln">composer require </span><span class="str">'drupal/admin_toolbar'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107739" href="https://academy.hsoub.com/uploads/monthly_2022_09/01-Admin_Toolbar.png.743fc4ad7220ca1242e4de06dee9f171.png" rel=""><img alt="01-Admin_Toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107739" data-unique="31jaezjdd" src="https://academy.hsoub.com/uploads/monthly_2022_09/01-Admin_Toolbar.thumb.png.1a2469a431d1f077cf302fd605fc83c7.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	وحدة token
</h2>

<p>
	منذ أن تعرفت البشرية على التفكير التجريدي وعجلة التقدم تتحرك بدءًا بنشوء اللغات وحروف الكتابة وصولًا لمفاهيم الرياضيات والفيزياء القائمة على تجريد الأشياء من ذاتها وتحويلها لقواعد ومعادلات تستقي بياناتها من متغيرات لها مجرد اسم.
</p>

<p>
	وظيفة وحدة token تقديم عجلة التقدم القائم على التفكير التجريدي لموقعك عبر زيادة عدد أسماء المتغيرات المتاحة، وإضافة واجهة مستخدم لاستعراض هذه المتغيرات.
</p>

<p>
	كمثال، لنفترض أن منطق عمل المشروع يتطلب وضع عنوان البريد الإلكتروني لمستخدم افتراضيًا في خانة بيانات، توفر وحدة token اسم المتغير "عنوان البريد الإلكتروني" وتجعله قابلًا للتحكم والإدراج في أجزاء أخرى من الموقع باستخدام اسم متغير مثل <code>[user:original:mail]</code>. حين كتابة المقال يستخدم هذه الوحدة 686,824 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_12" style="">
<span class="pln">composer require </span><span class="str">'drupal/token'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107741" href="https://academy.hsoub.com/uploads/monthly_2022_09/02-token.png.57080b67ee236266cb1ee8a30c737181.png" rel=""><img alt="02-token.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107741" data-unique="l800hrzn2" src="https://academy.hsoub.com/uploads/monthly_2022_09/02-token.thumb.png.b0d1534a553e8d07e3ea7556c988b927.png" style="width: 800px; height: auto;"></a>
</p>

<h2>
	وحدة Pathauto
</h2>

<p>
	على الرغم من تجريد أنظمة الحاسوب <a href="https://academy.hsoub.com/programming/sql/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%B9%D9%86-%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-r584/" rel="">وقواعد البيانات</a> للأشياء (ومنها أنواع المحتوى) من التسميات المفهومة وذوات المعاني عند البشر لتصير مجرد أرقام ورموز، لا يزال دروبال يتيح تخصيص أسماء مفهومة لكل محتوى على الرغم من تعامله داخليًا بالأرقام والرموز للوصول لكل المحتوى. فمثلًا حين تنشئ أول صفحة ينشئ لها دروبال افتراضيًا الرقم واحد ويصير الوصول إليه عبر المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_16" style="">
<span class="pln">node</span><span class="pun">/</span><span class="lit">1</span></pre>

<p>
	لكن يمكنك اختيار مسار بديل له يدويًا من إعدادات إنشاء صفحة ليصير له مثلاً مسار صفحة "من نحن" أو about. تتيح وحدة Pathauto اختيار نمط للمسارات البديلة، مثل أن استبدال كلمة node في مسار المحتويات من نوع مقال بكلمة article.
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 601,894 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_20" style="">
<span class="pln">composer require </span><span class="str">'drupal/pathauto'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107742" href="https://academy.hsoub.com/uploads/monthly_2022_09/03-Pathauto.png.61168ed9b68ecfb000a19a6575251718.png" rel=""><img alt="03-Pathauto.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107742" data-unique="ufq2x80s2" src="https://academy.hsoub.com/uploads/monthly_2022_09/03-Pathauto.thumb.png.0ad153bed597e788b8e0f48bb291b871.png" style="width: 800px; height: auto;"></a>
</p>

<h2>
	وحدة Webform
</h2>

<p>
	لعل أهم علامة فارقة وفرته التقنيات الرقمية هو جمع، معالجة، حفظ واسترجاع البيانات والذي نتج عنه كل ما نراه من تغيير في كافة مجالات الحياة ولضرورته نشأت عدة تخصصات معنية بهذه البيانات، وليس جزافًا أن يدعى أن أهم ما تملكه أي منشأة اليوم هو البيانات. توفر <a href="https://www.drupal.org/project/webform" rel="external nofollow">وحدة Webform</a> حزمة كاملة <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A8%D9%86%D8%A7%D8%A1-%D8%A7%D8%B3%D8%AA%D8%A8%D9%8A%D8%A7%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-webform-r801/" rel="">لبناء الاستمارات والاستبيانات</a> القادرة على جمع أي نوع من البيانات بأشكال مختلفة، كما تقدم عدة أدوات لمعالجة هذه البيانات وحفظها. فإن كنت تريد قياس رضا المستهلكين عن سلعة أو قياس أي سلوك اجتماعي، فستكون هذه الحزمة الخيار الأمثل.
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 426,548 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_25" style="">
<span class="pln">composer require </span><span class="str">'drupal/webform'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107743" href="https://academy.hsoub.com/uploads/monthly_2022_09/04-webform.png.18b008722f5ded16f58bfd245e20765f.png" rel=""><img alt="04-webform.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107743" data-unique="s51ziljhw" src="https://academy.hsoub.com/uploads/monthly_2022_09/04-webform.thumb.png.b282cfde8a38ef67a1fef3de018de799.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	وحدة Field Group
</h2>

<p>
	إن كثرة البيانات وتشتتها وعرضها للمستخدمين بكثافة هو معضلة لمسها كل من يتعامل مع المواقع المختلفة، ولعل تزاحم البيانات هذه تؤدي لهروب المستخدمين لمواقع منافسة أقل تعقيدًا أو انصرافهم من إتمام العملية المرجوة في الموقع سواء كانت عملية بيع أو عملية جمع بيانات عبر استمارة؛ توفر <a href="https://www.drupal.org/project/field_group" rel="external nofollow">وحدة Field Group</a> القدرة على تصنيف الحقول لمجموعات مما يظهرها مرتبة وكأنها أقل عددًا وهو ما يساهم في خفض التكلفة المعرفية وعناء التفكير لدى المستخدم. مجموعات الحقول قد تكون بشكل ألسنة تبويب أو بشكل مراحل أو حتى وضع بعض الحقول ضمن تصنيف "المزيد".
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 327,750 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_28" style="">
<span class="pln">composer require </span><span class="str">'drupal/field_group'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107744" href="https://academy.hsoub.com/uploads/monthly_2022_09/05-field_group.png.95e86e58c8eaab3e50c9e035f3acce04.png" rel=""><img alt="05-field_group.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107744" data-unique="f5r88sfe4" src="https://academy.hsoub.com/uploads/monthly_2022_09/05-field_group.thumb.png.e532646d0041667518b23345621ba15b.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	وحدة Paragraphs
</h2>

<p>
	يعرف بناة المواقع ومستخدمو دروبال افتراضيًا حقل المتن الموجود في نوع المحتوى "صفحة أساسية" و "مقال" والذي يوضع ضمنه كل محتوى المتن كنصوص أو في أفضل الحالات كنص <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> بما في ذلك روابط الوسائط المتعددة من صور وفيديو، وعلى الرغم من أن هذه الطريقة لبت حاجات المواقع لسنوات، إلّا أنها تعاني من قصور متعدد الأوجه مثل ضرورة تمكن محرر النص من قواعد HTML و اضطراره لتكرار الأنماط ذاتها في كل مرة. من رحم الحاجة لأداة توفر قوالب مرنة يمكن استخدامها مرارًا دون الحاجة لوضع نصوص HTML وتوفر في الوقت ذاته هوية بصرية واحدة للموقع، ولدت <a href="https://www.drupal.org/project/paragraphs" rel="external nofollow">وحدة Paragraphs</a>، حيث يمكن بناء <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">مكتبة من القوالب</a> التي يمكن استخدام أي واحد منها عوضًا عن نص المتن الافتراضي في دروبال.
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 199,783 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_32" style="">
<span class="pln">composer require </span><span class="str">'drupal/paragraphs'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107745" href="https://academy.hsoub.com/uploads/monthly_2022_09/06-Paragraphs.png.48b12bdd9d5b7ad5c024f32a56e2fdba.png" rel=""><img alt="06-Paragraphs.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107745" data-unique="sjocv6mze" src="https://academy.hsoub.com/uploads/monthly_2022_09/06-Paragraphs.thumb.png.6f30379409d644c1399caa7d8439aade.png" style="width: 550px; height: auto;"></a>
</p>

<h2>
	وحدة Layout Builder
</h2>

<p>
	على الرغم من أن عرض حقول أي نوع من المحتوى عموديًا في الصفحة قد يبدو منطقيًا، بل هو ما اعتاد عليه بناة المواقع في دروبال منذ الإصدارات الأولى، إلا أن تصميم تجربة المستخدم تفرض في الكثير من الأحيان أنماطًا أخرى مثل تعدد الأعمدة في الصفحة أو عرض العناصر العامة في دروبال والتي لا تنتمي لصفحة المحتوى الحالي مثل عرض أحد المجموعات Block في جانب من الصفحة. تعد وحدة Layout Builder أداة مناسبة لتخطيط الصفحات سواء كانت صفحة مفردة أو مخططًا معتمدًا لنوع من المحتوى وتعتمد آلية السحب والإفلات في وضع كل عنصر في موضعه من الصفحة، مما يجعله أبسط آلية ممكنة للتحكم بالمظهر، مع إمكانية الاستفادة من كل قدرات <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a> في إعداد المظهر.
</p>

<p>
	هذه الوحدة من وحدات نواة دروبال ولا تحتاج لخطوات تثبيت، يكفي فقط تفعيلها من صفحة الوحدات.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107746" href="https://academy.hsoub.com/uploads/monthly_2022_09/07-layout_builder.png.51d42d8b39aceb57673f8117ed836c1a.png" rel=""><img alt="07-layout_builder.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107746" data-unique="ufp6icr6b" src="https://academy.hsoub.com/uploads/monthly_2022_09/07-layout_builder.thumb.png.e8e7de7e63128f1213f2975c715a5281.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	وحدة recaptcha
</h2>

<p>
	منذ النصف الثاني من تسعينات القرن المنصرم انتشرت مجموعة من التقنيات والبرامج الجديدة حينها تسمح للمستخدم بالتعبير عن نفسه وإضافة قيمة لتلك البرامج المعتمدة على المتصفح غالبًا مثل المنتديات وهو ما أدى نهايةً لتغيير سلوك الإنترنت برمته ونتج عنه الإصدار الجديد وهو ويب 2.0؛ ظهر مع هذه التغييرات برامج الأتمتة أو الروبوتات التي تنشر الدعايات بخلاف رغبة أصحاب المواقع وهي الحاجة التي بررت ظهور برمجيات التعرف على المستخدم الحقيقي والسماح له بالتعامل مع الموقع ولعل أحد أشهرها اليوم <a href="https://www.drupal.org/project/recaptcha" rel="external nofollow">برمجية recaptcha</a> المدعومة من جوجل والمتاحة لأصحاب المواقع، الوحدة recaptcha توفر عملية الربط بين الخدمة المقدمة من جوجل ونظام دروبال.
</p>

<p>
	حين كتابة المقال يستخدم هذه الوحدة 172,971 موقع ويمكن تثبيت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_6407_40" style="">
<span class="pln">composer require </span><span class="str">'drupal/recaptcha'</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107747" href="https://academy.hsoub.com/uploads/monthly_2022_09/08-reCAPTCHA.png.fbeacab40c024c924d3b2eb783fc929a.png" rel=""><img alt="08-reCAPTCHA.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107747" data-unique="q7y1iv6ti" src="https://academy.hsoub.com/uploads/monthly_2022_09/08-reCAPTCHA.thumb.png.7d36fb59c8391b9ae178be19d8c3b3dd.png"></a>
</p>

<h2>
	خاتمة
</h2>

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

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A8%D9%86%D8%A7%D8%A1-%D8%A7%D8%B3%D8%AA%D8%A8%D9%8A%D8%A7%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-webform-r801/" rel="">بناء استبيان في دروبال باستخدام وحدة webform </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%85%D8%AA%D8%AC%D8%B1-%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-commerce-r800/" rel="">إنشاء متجر إلكتروني في دروبال باستخدام وحدة commerce </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">القوالب Themes في دروبال 9 Drupal</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">802</guid><pubDate>Mon, 26 Sep 2022 15:08:00 +0000</pubDate></item><item><title>&#x628;&#x646;&#x627;&#x621; &#x627;&#x633;&#x62A;&#x628;&#x64A;&#x627;&#x646; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; &#x628;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x648;&#x62D;&#x62F;&#x629; webform</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A8%D9%86%D8%A7%D8%A1-%D8%A7%D8%B3%D8%AA%D8%A8%D9%8A%D8%A7%D9%86-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-webform-r801/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_09/631c676d1bfbb_-------webform.png.27a96b299fc0f0c899b8ad768d288f5d.png" /></p>

<p>
	لم يعد خافيًا على أحد أهمية جمع البيانات من زوار أي موقع، إما لأنها خدمة قائمة بذاتها مثل استبيانات تشخيص الذكاء، أو ﻷنها تتيح لصاحب المشروع معرفة مكامن الضعف والقوة في منتجه، أو لعمليات قياس الرأي العام في موضوع ما.
</p>

<p>
	تقدم وحدة webform باقة متكاملة لعمليات جمع البيانات بأشكال مختلفة وهو ما يعني بناء الاستمارات، كما يمكنه تقديم حلول حسابية على تلك البيانات وهو ما يوفر إمكانية تحويل الاستمارة إلى استبيان كامل. قبل استعراض وحدة webform يجب الانتباه إلى أن الإعداد السليم لأي استمارة أو استبيان يجب أن يكون مدعومًا بدراسة منطق العمل والهدف من الاستمارة/الاستبيان، وهذا علم يدرس باستفاضة في تخصص ماجستير القياس النفسي، لكن تنتشر تطبيقاته في الكثير من تطبيقات جمع البيانات.
</p>

<h2>
	تثبيت وحدة webform
</h2>

<p>
	من سطر الأوامر في مجلد <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">موقع دروبال</a> اكتب التالي (أو أي إصدار أحدث):
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_6" style="">
<span class="pln">composer require </span><span class="str">'drupal/webform:^6.1'</span></pre>

<p>
	ستثبّت وحدة webform الإصدار 6.1.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107722" href="https://academy.hsoub.com/uploads/monthly_2022_09/01-webform_cmd.png.f8c9d00abeff0722c5f93eb6398d4e17.png" rel=""><img alt="01-webform_cmd.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107722" data-unique="4y11qdzb6" src="https://academy.hsoub.com/uploads/monthly_2022_09/01-webform_cmd.png.f8c9d00abeff0722c5f93eb6398d4e17.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تفعيل وحدة webform: من <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">قائمة الوحدات</a>، يُظهر البحث عن كلمة webform أربع تصنيفات رئيسية هي: Webform و Webform Demo و Webform example و Webform [DEPRECATED] تحوي معًا 36 وحدة فرعية، لكن الوحدات الموجودة ضمن التصنيف الأول أي Webform هي التي تستخدم في المشاريع، إذ أن الموجودة في التصنيفين الآخرين أمثلة للاستخدام، أو وحدات ملغاة لا يوصى باستخدامها بسبب توقف تطوير البنية التحتية البرمجية التي تقوم هي عليها، أو انتقال وظائفها لوحدات أخرى في التصنيف الأول. يحوي التصنيف الأول 21 وحدة فرعية يؤدي كل واحدٍ منها مجموعة وظائف، بمعنى أن لدينا مكتبة ضخمة تحوي كل ما نحتاج إليه في مجال معالجة الاستبيانات.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_9" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">modules</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107723" href="https://academy.hsoub.com/uploads/monthly_2022_09/02-webform_install.png.ef61574ab10d93cb927c14e90ac3eb71.png" rel=""><img alt="02-webform_install.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107723" data-unique="1c7vzbyv7" src="https://academy.hsoub.com/uploads/monthly_2022_09/02-webform_install.thumb.png.46bae9331650dcff91e7af8945a8aab7.png" style=""></a>
</p>

<p>
	ليس من الضروري تفعيل كل الوحدات فمنطق العمل يحدد الوحدات اللازم تفعيلها، عمومًا يمكن تصنيف هذه الوحدات إلى مجموعتين: مجموعة ذاتية العمل وهي الوحدات التي تعمل باستقلالية ضمن بيئة عمل webform (سنستعرض أهمها في هذا المقال، حاليًا فعّل فقط وحدة webform)، ومجموعة التكامل مع سائر الوحدات أو بيئات العمل (مجموعة وحدات) وأهمها:
</p>

<ul>
<li>
		Webform Bootstrap: وتعد أحد أشهر أنظمة القوالب وتضم مكتبة ضخمة من أنماط المظهر الجاهزة، تتيح هذه الوحدة دمج webform مع نظام القالب Bootstrap.
	</li>
	<li>
		Webform Devel: لعل وحدة Devel أهم وحدة يستخدمها مطورو Drupal إذ تتيح لهم مجموعة وظائف مثل استعراض المتغيرات قبل خروج النتيجة النهائية للمستخدم، تتيح هذه الوحدة التكامل مع هذه الوحدة وعليه فهي لا تهم معدي المواقع الغير معنيين بتطوير الواجهة الخلفية.
	</li>
	<li>
		Webform Group: تتيح وحدة Group إنشاء مجموعات تتكون كل مجموعة من أي نوع من المحتوى أو أعضاء الموقع مع مجموعة من خيارات الصلاحيات للأعضاء للوصول و التحكم بالمجموعات، ومثالًا على ذلك تصور أن المشروع عبارة عن منصة تقديم دروس وكل درس يحوي عدة حلقات قد يضاف لها حلقات أخرى بمرور الزمن، للمستخدم شراء أي درس بكل ما فيه من حلقات أو التي تضاف إليه لاحقًا، لتطبيق هذا المثال يمكن للمستخدم شراء اشتراك في "مجموعة درس" باستخدام وحدة commerce، وتتيح وحدة Webform Group إمكانية إنشاء امتحانات في "مجموعة الدرس" فقط أي لا يمكن للمستخدم الوصول لامتحانات الدروس الأخرى.
	</li>
</ul>
<h2>
	وحدة webform
</h2>

<p>
	بعد تفعيل وحدة webform ستظهر في القائمة الهيكلية لوحة تحكم الوحدة، ويمكن الوصول لها عبر المسار التالي أيضًا:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_11" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107724" href="https://academy.hsoub.com/uploads/monthly_2022_09/03-webform_active.png.628c2290709f121c023e6f0ca89187bd.png" rel=""><img alt="03-webform_active.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107724" data-unique="iuwj09pg2" src="https://academy.hsoub.com/uploads/monthly_2022_09/03-webform_active.thumb.png.ea9dfb9528da6a8511c6fe29def38ea4.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	إفتراضيًا، يوجد مع الوحدة استمارة "تواصل معنا" Contact وتحوي التبويبات التالية: <strong>عرض</strong>: وهي الشكل النهائي الذي يظهر للمستخدم، ويمكن الوصول إليه عبر المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_14" style="">
<span class="pln">form</span><span class="pun">/</span><span class="pln">contact</span></pre>

<p>
	<strong>الاختبار</strong>: فحص شكل الاستمارة فقط. <strong>النتائج Results</strong>: جميع النتائج التي يرسلها المستخدمون، يمكن استعراضها والتحكم بها أو تحميلها من هذا التبويب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107725" href="https://academy.hsoub.com/uploads/monthly_2022_09/04-webform_results.png.ccc4f94e6ccf6ecc416f01bf57b292f3.png" rel=""><img alt="04-webform_results.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107725" data-unique="t3j9d24hd" src="https://academy.hsoub.com/uploads/monthly_2022_09/04-webform_results.thumb.png.370a32ad6caba6dc4ea86593d8a21daa.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	<strong>بناء Build</strong>: يستخدم هذا التبويب لبناء استمارة أو استبيان، وبما أن وحدة webform UI غير مفعلة فإن محتوى هذا التبويب لا يحوي غير صندوق نص فيه شيفرة YAML لبناء الاستمارة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107726" href="https://academy.hsoub.com/uploads/monthly_2022_09/05-webform_yaml.png.0ae91546bc5f32e33e4ba85923882e9a.png" rel=""><img alt="05-webform_yaml.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107726" data-unique="rg4sowg3x" src="https://academy.hsoub.com/uploads/monthly_2022_09/05-webform_yaml.thumb.png.982674564756698ee2c4ad51b411c4ca.png"></a>
</p>

<p>
	<strong>الإعدادات</strong>: مراجعة إعدادات الاستمارة أو الاستمارة، سنستعرضه جزءًا منه لاحقًا. <strong>تصدير</strong>: لتصدير شيفرة YAML للاستمارة كاملة بما في ذلك الإعدادات لاستخدامها في مواقع ومشاريع أخرى مثلًا.
</p>

<h2>
	بناء استمارة بوحدة Webform UI
</h2>

<p>
	على الرغم من أن شيفرات YAML كافية لبناء استمارة، إلا أنها ليست الطريقة الأمثل لدى أغلب المستخدمين. طُوِرَت وحدة Webform UI لتوفر واجهة مستخدم لهذه المهمة، إذ توفر الكثير من الوحدات الفرعية افتراضيًا مع حزمة Webform مهام إضافية مثل هذه المهمة. لتفعيل الواجهة من قائمة الوحدات فعّل الوحدة Webform UI.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_19" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">modules</span></pre>

<p>
	بعد تفعيل الوحدة Webform UI اتجه للاستمارة "تواصل معنا" الموجودة افتراضيًا مع الحزمة، اتجه لتبويب Build من واجهة المستخدم أو عبر المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_21" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span><span class="pun">/</span><span class="pln">manage</span><span class="pun">/</span><span class="pln">contact</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107727" href="https://academy.hsoub.com/uploads/monthly_2022_09/06-webform_ui.png.33bf191bb06776089746dadb8c529952.png" rel=""><img alt="06-webform_ui.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107727" data-unique="nftfkdk0m" src="https://academy.hsoub.com/uploads/monthly_2022_09/06-webform_ui.thumb.png.a46b0019e035e2cd82a18751da9cffcc.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	ستظهر واجهة مستخدم للاستمارة تحوي كل أجزاء الاستمارة (الاسم، البريد الإلكتروني، الموضوع، الرسالة)، لكن في حال استخدامك للغة العربية عند تصفح <a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة التحكم</a> ستلاحظ عدم وجود زر لإضافة عنصر جديد، يعود هذا إلى أن الاستمارة مصممة باللغة الإنجليزية دون تفعيل إمكانية ترجمة المحتوى، لتفعيل هذه الوظيفة، فعّل وحدة content translation وستتيح إمكانية إضافة عناصر جديدة للاستمارة حتى إن كانت بلغة مختلفة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107728" href="https://academy.hsoub.com/uploads/monthly_2022_09/07-webform_ui_ar.png.590ada9240f3c41bfbc0e16fa9b7136c.png" rel=""><img alt="07-webform_ui_ar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107728" data-unique="nql8je81p" src="https://academy.hsoub.com/uploads/monthly_2022_09/07-webform_ui_ar.thumb.png.5a22d166e61ff09af24ccf72ba6fcb72.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	لتصميم استمارة أو استبيان جديد، من القائمة الهيكلية ثم webform ثم الاستمارات ثم اختر Add webform أو اتجه للمسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_25" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span><span class="pun">/</span><span class="pln">add</span></pre>

<p>
	ستظهر نافذة منبثقة لإدخال بيانات الاستبيان الجديد. وبافتراض أن المشروع يتطلب بناء استبيان لقياس الرضا عن منتج ما، ليكن اسم الاستبيان "الرضى عن منتج" ومفتاحه بالانجليزية satisfaction.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107729" href="https://academy.hsoub.com/uploads/monthly_2022_09/08-webform_add.png.69d956d176fd4d29993c6976fd25b51e.png" rel=""><img alt="08-webform_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107729" data-unique="6hn155gkx" src="https://academy.hsoub.com/uploads/monthly_2022_09/08-webform_add.png.69d956d176fd4d29993c6976fd25b51e.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بعد حفظ صفحة إنشاء استمارة جديدة، سيتجه بك الموقع مباشرة لصفحة بناء الاستمارة، إذ يمكن عبرها إضافة عناصر الاستمارة أو صفحات لها (في حال كانت في صفحات متعددة) وكذلك التنسيق.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107730" href="https://academy.hsoub.com/uploads/monthly_2022_09/09-webform_build.png.23629062d8142039e50807e11c681342.png" rel=""><img alt="09-webform_build.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107730" data-unique="y4q3cpauk" src="https://academy.hsoub.com/uploads/monthly_2022_09/09-webform_build.thumb.png.f7374dc920a316e8144e38d0236487de.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	عبر اختيار Add element ستظهر نافذة منبثقة يمكن من خلالها إضافة عنصر للاستبيان، وتحوي 72 نوع من العناصر ويمكن إضافة المزيد من أنواع العناصر في حال توفر وحدات برمجية خاصة بها، تمامًا مثل إضافة أي وحدة أخرى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107731" href="https://academy.hsoub.com/uploads/monthly_2022_09/10-webform_add_element.png.b8419cd41d2605cc7c77855812cf3206.png" rel=""><img alt="10-webform_add_element.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107731" data-unique="b2kjwzy5w" src="https://academy.hsoub.com/uploads/monthly_2022_09/10-webform_add_element.thumb.png.e8bc6c684b00cf23d01b3cd8fccfea12.png" style="width: 750px; height: auto;"></a>
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_31" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span><span class="pun">/</span><span class="pln">manage</span><span class="pun">/</span><span class="pln">satisfaction</span><span class="pun">/</span><span class="pln">element</span><span class="pun">/</span><span class="pln">add</span></pre>

<p>
	كتطبيق لمثال استبيان الرضا عن منتج، لنفرض أن دراسة بناء استبيان قياس الرضا عن المنتجات توصلت إلى أن ثلاثة عوامل هي المحددة للرضا عن المنتجات وهي: جودة الصناعة والميزات والسعر المناسب، لعل نوع العنصر ليكرت Likert سيكون مناسبًا لجمع البيانات حول الرضا عن <a href="https://academy.hsoub.com/marketing/core-concepts-of-marketing/%D8%AA%D8%B9%D8%B1%D9%8A%D9%81-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AC-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r433/" rel="">المنتج</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107732" href="https://academy.hsoub.com/uploads/monthly_2022_09/11-webform_add_Likert.png.a9a53e73cbad28f0c35e5f643b3a5f61.png" rel=""><img alt="11-webform_add_Likert.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107732" data-unique="zf4kqufnz" src="https://academy.hsoub.com/uploads/monthly_2022_09/11-webform_add_Likert.thumb.png.80037a8e6dc63d978befb691d80df2dc.png" style="width: 750px; height: auto;"></a>
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_35" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span><span class="pun">/</span><span class="pln">manage</span><span class="pun">/</span><span class="pln">satisfaction</span><span class="pun">/</span><span class="pln">element</span><span class="pun">/</span><span class="pln">add</span><span class="pun">/</span><span class="pln">webform_likert</span></pre>

<p>
	يستخدم مقياس ليكرت عادة في الاختبارات النفسية عمومًا لقياس الردود الدالة على درجة الموافقة أو الاعتراض على صيغة ما، وعليه فهو يتكون من مجموعة أسئلة يسمى كل واحد منها "جذع"، ومجموعة خيارات تتدرج من الموافقة الكاملة إلى الإعتراض الكامل يسمى "السلم"، وعلى الرغم من أن السلم الخماسي هو الأكثر استخدامًا في عمليات الإحصاء والقياس النفسي، سنعتمد في المثال السلم الثلاثي.
</p>

<p>
	فليكن عنوان العنصر "الرضا عن منتج" ومفتاحه product_satisfaction، وفي جدول الأسئلة ليكن في خانات قيمة الأسئلة Question value القيم q1 و q2 و q3، ولنص كل سؤال بنفس الترتيب "هل أنت راضٍ عن جودة الصناعة؟" و"هل أنت راضٍ عن المميزات؟" و"هل السعر يتناسب مع المنتج؟".
</p>

<p>
	في جدول الإجابات، ليكن في خانات قيمة الإجابات Answer value الأعداد 1 و 0 و -1 يقابلها في خانات نص الجواب Answer text العبارات "راض" و "محايد" و "غير راض". احفظ صفحة العنصر ثم توجه لصفحة عرض الاستبيان.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_37" style="">
<span class="pln">form</span><span class="pun">/</span><span class="pln">satisfaction</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107733" href="https://academy.hsoub.com/uploads/monthly_2022_09/12-webform_satisfaction_form.png.e81400ff3e370c5a29c2ef63324b0ae4.png" rel=""><img alt="12-webform_satisfaction_form.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107733" data-unique="hey5sgcps" src="https://academy.hsoub.com/uploads/monthly_2022_09/12-webform_satisfaction_form.thumb.png.a63c8f55d508562329c5ec670d2df723.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	إدارة النتائج
</h2>

<p>
	من التبويب results أو المسار أدناه يمكن إدارة النتائج المرسلة عبر الاستبيان للوحة تحكم webform.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_40" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">structure</span><span class="pun">/</span><span class="pln">webform</span><span class="pun">/</span><span class="pln">manage</span><span class="pun">/</span><span class="pln">satisfaction</span><span class="pun">/</span><span class="pln">results</span><span class="pun">/</span><span class="pln">submissions</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107734" href="https://academy.hsoub.com/uploads/monthly_2022_09/13-webform_results.png.8f11f95dc136d993f8efdbe952c48e5f.png" rel=""><img alt="13-webform_results.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107734" data-unique="u8f58r9kp" src="https://academy.hsoub.com/uploads/monthly_2022_09/13-webform_results.thumb.png.aa74cf0d20a37dbf45a037a8d2b6dfcf.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	تنقسم إدارة النتائج لثلاثة تبويبات فرعية تشمل إدارة المرسلات Submissions، ويمكن منها القيام بعمليات منفردة على كل إجابة مرسلة مثل عرضها أو حذفها أو تحريرها، أما تبويب التحميل ويتيح تحميل النتائج بصيغ مختلفة مثل صيغة ملفات النص المحدد CSV القابل للتحرير بتطبيقات جداول البيانات مثل برنامج مايكروسوفت إكسل أو ليبر أوفيس كالك، أما التبويب الثالث يتيح حذف كل النتائج المرسلة.
</p>

<h2>
	عمليات التفسير والاستنتاج
</h2>

<p>
	كما ذكر في المقدمة، الفرق بين الاستمارة والاستبيان هو أن الثاني يقدم تفسيرًا ومعطيات جديدة بناءً على البيانات المدخلة، وللمحاسبة ثلاث طرق رائجة كالتالي:
</p>

<h3>
	1. طريقة إضافة عنصر Computed Twig
</h3>

<p>
	إضافة لإعدادات العناصر العامة مثل العنوان والمفتاح، يتميز هذا العنصر بوظيفة إدخال أوامر Twig، وهو المحرك الافتراضي للتحكم بالمظهر في إطار العمل Symfony الذي تم تصميم <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> عليه.
</p>

<p>
	لاستخدام هذه الطريقة أضف عنصر Computed Twig وليكن اسمه "نتيجة الرضا عن المنتج" و مفتاحه satisfaction_result. بفرض أن نتيجة الاستبيان هي الجمع الجبري للخيارات المدخلة، ضع في خانة Computed value/markup الأمر أدناه:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_44" style="">
<span class="pun">{{</span><span class="pln"> data</span><span class="pun">.</span><span class="pln">product_satisfaction</span><span class="pun">.</span><span class="pln">q1 </span><span class="pun">+</span><span class="pln"> data</span><span class="pun">.</span><span class="pln">product_satisfaction</span><span class="pun">.</span><span class="pln">q2 </span><span class="pun">+</span><span class="pln"> data</span><span class="pun">.</span><span class="pln">product_satisfaction</span><span class="pun">.</span><span class="pln">q3 </span><span class="pun">}}</span></pre>

<p>
	من الواضح في الأمر أعلاه أن الوصول للبيانات بصورتها الأولية ممكنة عبر المسمى data ثم مفتاح العنصر وهو في مثالنا product_satisfaction ثم مفتاح كل سؤال مثل q1 و q2 و q3.
</p>

<p>
	فعل الخيار Automatically update the computed value using Ajax ليتم تحديث نتيجة الاستبيان مع كل تغيير يقوم به المستخدم والخيار Store value in the database ليتم حفظ القيمة النهائية للمحاسبة من الاستبيان في قاعدة البيانات.
</p>

<p>
	احفظ العنصر ثم احفظ تحديث العناصر في صفحة الاستبيان ثم استعرض صفحة الاستبيان.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_46" style="">
<span class="pln">form</span><span class="pun">/</span><span class="pln">satisfaction</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107735" href="https://academy.hsoub.com/uploads/monthly_2022_09/14-webform_Computed_Twig.png.9ab7dc8b3332ddbd07b77acb7c8f9680.png" rel=""><img alt="14-webform_Computed_Twig.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107735" data-unique="ng2i7jkvw" src="https://academy.hsoub.com/uploads/monthly_2022_09/14-webform_Computed_Twig.thumb.png.00af4b9369a1039d2b7c570f4992cf28.png"></a>
</p>

<h3>
	2. طريقة عرض التفسير في رسالة التأكيد
</h3>

<p>
	من التبويب الإعدادات اختر Confirmation ثم ضع عنوانًا لصفحة رسالة التأكيد في الخانة Confirmation title وليكن "تفسير استبيان الرضا عن المنتج".
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_4204_48" style="">
<span class="pun">[</span><span class="pln">webform_submission</span><span class="pun">:</span><span class="pln">values</span><span class="pun">:</span><span class="pln">satisfaction_result</span><span class="pun">]</span></pre>

<p>
	ستظهر ذات النتيجة في صفحة رسالة التأكيد، ويمكن إخفاء العنصر وحذف خيار Automatically update the computed value using Ajax من إعدادات العنصر، إذ تستهلك Ajax موارد الموقع.
</p>

<h3>
	3. طريقة استخدام ملفات Twig مباشرة ضمن إعدادات القالب
</h3>

<p>
	الطريقة الثالثة هي استخدام ملفات Twig مباشرة ضمن <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">إعدادات القالب</a>، وهي طريقة مرنة جدًا لعرض نتائج الاستبيان تتيح إمكانيات لامتناهية مثل عرض الرسوم البيانية من نتيجة الاستبيان، وتقديم تفاصيل ضمن أوامر برمجية تتضمن الشروط، لكنها تتطلب معرفة أعمق بـ Twig.
</p>

<h2>
	خاتمة
</h2>

<p>
	وحدة webform تتشكل من حزمة متكاملة من الوحدات الفرعية وعناصر مختلفة تتيح بناء تشكيلة واسعة من الاستمارات والاستبيانات مع إمكانيات متعددة مثل محاسبة تفسيرها، وعليه فهي من أنسب الأدوات لجمع البيانات.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%85%D8%AA%D8%AC%D8%B1-%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-commerce-r800/" rel="">إنشاء متجر إلكتروني في دروبال باستخدام وحدة commerce</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/" rel="">كيفية استخدام دروبال كمنصة تدوين متكاملة</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">801</guid><pubDate>Mon, 19 Sep 2022 15:06:00 +0000</pubDate></item><item><title>&#x625;&#x646;&#x634;&#x627;&#x621; &#x645;&#x62A;&#x62C;&#x631; &#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; &#x628;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x648;&#x62D;&#x62F;&#x629; commerce</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%85%D8%AA%D8%AC%D8%B1-%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%88%D8%AD%D8%AF%D8%A9-commerce-r800/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_09/631c58a318116_--------commerce.png.926e19809fdc2ecce7316cde1dc1fe45.png" /></p>

<p>
	يعد دروبال أحد أشهر ثلاثة <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">أنظمة إدارة محتوى</a>، ويتميز بمرونته العالية وقابليته الفائقة للتطويع وهو ما يجعله الخيار الأنسب للمشاريع المتوسطة والكبيرة. تفرض هاتين الميزتين وجود التفاصيل الدقيقة والخيارات الكثيرة التي يتطلب إعدادها تخصيص وقت أطول للتعلم لقطف ثمرة إنتاجية أعلى وأكثر جودة.
</p>

<p>
	عمليات وخيارات التجارة الإلكترونية لها نفس الميزات العامة لدروبال، أي المرونة العالية والقابلية للتطويع، ليناسب كافة اﻻحتياجات والمشاريع، وعلى الرغم من وجود الكثير من <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات Module</a> الخاصة بالتجارة الإلكترونية، تعد وحدة <a href="https://www.drupal.org/project/commerce" rel="external nofollow">commerce</a> هي الأشهر والأكثر استخدامًا في العالم (نحو 52,000 متجر إلكتروني قائم عليه عام 2022).
</p>

<h2>
	متطلبات وملاحظات حول الدرس
</h2>

<ol>
<li>
		معرفة عامة بنظام إدارة المحتوى دروبال ونسخة مثبتة من <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال 9</a>.
	</li>
	<li>
		<a href="https://academy.hsoub.com/devops/servers/%D8%AF%D9%84%D9%8A%D9%84-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF-%D8%AE%D8%A7%D8%AF%D9%85-%D9%88%D9%8A%D8%A8-%D9%85%D8%AD%D9%84%D9%8A-%D8%AE%D8%B7%D9%88%D8%A9-%D8%A8%D8%AE%D8%B7%D9%88%D8%A9-r422/" rel="">خادم محلي</a> أو على الإنترنت <a href="https://academy.hsoub.com/devops/security/ssh/%D8%A3%D9%86%D9%81%D8%A7%D9%82-ssh%D8%8C-%D9%85%D8%A7%D9%87%D9%8A%D8%AA%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D9%87%D8%A7-r76/" rel="">بصلاحية <abbr title="Secure Shell | القشرة (أو الصَدَفة) الآمنة">SSH</abbr></a> لتشغيل برنامج Composer.
	</li>
	<li>
		برنامج <a href="https://academy.hsoub.com/programming/php/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%85%D9%84%D8%AD%D9%86-composer-%D9%85%D8%AF%D9%8A%D8%B1-%D8%A7%D9%84%D8%A7%D8%B9%D8%AA%D9%85%D8%A7%D8%AF%D9%8A%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%AD%D8%B2%D9%85-%D9%81%D9%8A-php-r1123/" rel="">Composer لإدارة الحزم</a>.
	</li>
	<li>
		الصور التوضيحية ناتجة بعد تثبيت وتفعيل وحدات يُوصى باستخدامها مثل <a href="https://www.drupal.org/project/admin_toolbar" rel="external nofollow">Admin Toolbar</a>، إذا لم تكن تستخدم هذه الوحدة يمكنك اتباع مسار الوصول <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%B9%D9%86%D9%88%D8%A7%D9%86-url-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r1435/" rel="">URL</a> وستكون بطريقة اقتباس يبدأ بعد عنوان موقعك وسابقة اللغة، أي العبارة التالية للوصول لصفحة التحكم بالعملات:
	</li>
</ol>
<pre class="ipsCode">
admin/commerce/config/currencies
</pre>

<p>
	وذلك عوضًا عن:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_13" style="">
<span class="pln">http</span><span class="pun">:</span><span class="com">//127.0.0.1/your_site/web/ar/admin/commerce/config/currencies</span></pre>

<ol start="5">
<li>
		سيحوي كل عنوان جزءًا نظريًا يناقش عدة أفكار تطبيقية في ذلك الجزء، ثم خطوات تنفيذية لمهمة في ذلك الجزء.
	</li>
</ol>
<h2>
	هيكل التجارة الإلكترونية في وحدة commerce
</h2>

<p>
	لا يُقصد بالمتجر في وحدة commerce المعنى التقليدي للمتاجر، بل يشمل كل منشأة تمارس نشاطًا اقتصاديًا، سواء كان ذلك جمعية خيرية تستلم التبرعات أو فندقًا يمكن عبر موقعه حجز مواعيد وتحديد مدة الإقامة، أو موقعًا يقدم اشتراكًا مدفوعًا مقيدًا بمدة زمنية للوصول لبعض الموارد. إضافة لتلك التي تقدم خدمات مثل الاستشارات أو السلع، سواء كانت ملفًا إلكترونيًا، أو بضاعة تُرسل للعميل عبر الشحن.
</p>

<p>
	تتكون وحدة commerce من عدة وحدات فرعية يقوم كل واحد منها بمهمة محددة بدقة، ويمكن إضافة المزيد من الوحدات أو إنشاء أخرى جديدة بحسب متطلبات النشاط الاقتصادي، يجب التأكد دائمًا من فهم منطق العمل وما توفره وحدة commerce لإختيار الأسلوب والطريقة المثلى لإنجاز المهمة، إهمال التخطيط الدقيق للمهمة قد يسبب الكثير من التبعات المكلفة لصاحب المشروع.
</p>

<p>
	الصورة أدناه هي رسم توضيحي لهيكل منشأة تجارية بسيطة بوحدة commerce والتي تحوي افتراضيًا وحدات معنية بإدارة المتاجر والأموال والبضائع والطلبات، لكن قد يفرض منطق العمل توسعته بإضافة وحدات إضافية مثل <a href="https://www.drupal.org/project/commerce_stock" rel="external nofollow">وحدة إدارة المخازن commerce_stock</a> أو <a href="https://www.drupal.org/project/commerce_shipping" rel="external nofollow">وحدة الشحن commerce</a>_<a href="https://www.drupal.org/project/commerce_shipping" rel="external nofollow">shipping</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107688" href="https://academy.hsoub.com/uploads/monthly_2022_09/01-commerce_structure.png.cd1840d5cce6e3a7d7071046acccf83f.png" rel=""><img alt="01-commerce_structure.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107688" data-unique="memhtz14j" src="https://academy.hsoub.com/uploads/monthly_2022_09/01-commerce_structure.thumb.png.eda80654bf7e058a8bd32211a752afc4.png" style="width: 550px; height: auto;"></a>
</p>

<h2>
	تثبيت وحدة commerce
</h2>

<p>
	من سطر الأوامر في مجلد موقع دروبال اكتب التالي (بحسب الإصدار الأحدث المتوفر):
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_17" style="">
<span class="pln">composer require </span><span class="str">'drupal/commerce:^2.30'</span></pre>

<p>
	سيتم تثبيت وحدة commerce الإصدار 2.30، ستشاهد صورة مثل التالي:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107689" href="https://academy.hsoub.com/uploads/monthly_2022_09/02-ommerce_cmd.png.97c054a76e70748e5e1908189f2e3de4.png" rel=""><img alt="02-ommerce_cmd.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107689" data-unique="s63ol7s46" src="https://academy.hsoub.com/uploads/monthly_2022_09/02-ommerce_cmd.thumb.png.224bca891701134987a7d62e86901082.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	في حال مواجهة خطأ نقص الوحدة inline<em>entity</em>form، ثبّت الوحدة بالأمر:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_20" style="">
<span class="pln">composer require drupal</span><span class="pun">/</span><span class="pln">inline_entity_form</span><span class="pun">:^</span><span class="lit">1.0@RC</span><span class="str">'</span></pre>

<p>
	نفعّل وحدة commerce من قائمة الوحدات، يُظهر البحث عن كلمة commerce الوحدات المثبتة وهي 13 وحدة.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_22" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">modules</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107690" href="https://academy.hsoub.com/uploads/monthly_2022_09/03-commerce_install.png.45d202a63cfff40e97eb8c3094a1d870.png" rel=""><img alt="03-commerce_install.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107690" data-unique="ukeuey3mg" src="https://academy.hsoub.com/uploads/monthly_2022_09/03-commerce_install.thumb.png.c90c91ee29540450403d2ed96ca07a86.png"></a>
</p>

<p>
	ليس من الضروري تفعيل كل الوحدات فمنطق العمل يحدد الوحدات اللازم تفعيلها لأغراض تعليمية، أقترح تفعيل وتجربة كل الوحدات. بعد إتمام عملية التفعيل، ستظهر لك قائمة جديدة لإعدادات التجارة الإلكترونية، مثل هذه:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107691" href="https://academy.hsoub.com/uploads/monthly_2022_09/04-commerce_menu.png.d57a31ed5e8d8520ddb52b6fb5901661.png" rel=""><img alt="04-commerce_menu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107691" data-unique="jxm42v7mo" src="https://academy.hsoub.com/uploads/monthly_2022_09/04-commerce_menu.png.d57a31ed5e8d8520ddb52b6fb5901661.png" style="width: 550px; height: auto;"></a>
</p>

<h2>
	إنشاء المتاجر الإلكترونية
</h2>

<p>
	المتاجر أنواع، ونوع المتجر يحدد سلوك المتجر وخصائصه، فمثلًا لا يُتصور أن يبيع ويشحن متجر ما (مطعم) طعامًا لبلد آخر كما أن نوع الفاتورة التي تستخدمها المتاجر من نوعية (المطاعم) تحوي بيانات (مثل طاولة الخدمة) غير مناسبة لسائر أنواع المتاجر (مثل المتاجر التي تعرض سلع رقمية فقط). يحوي commerce افتراضيًا متجرًا من نوع online دون تفاصيل منطق العمل.
</p>

<p>
	يجب توفير متجر واحد على الأقل لإنشاء بقية أجزاء النشاط الاقتصادي (إضافة منتج، أو إنشاء فاتورة، وغير ذلك)، لكن في الكثير من الأنشطة الاقتصادية يجب إضافة أكثر من متجر، مثل الأمثلة التالية:
</p>

<ul>
<li>
		المشروع عبارة عن موقع لمجمع تجاري يضم عددًا من المتاجر المختلفة والتي تعرض أنواعًا مختلفة من السلع والخدمات، وليس بين مالكيها أي علاقة.
	</li>
	<li>
		المشروع عبارة عن نشاط تجاري له أكثر من فرع، ويقدم كل فرع خدماته لمنطقة معينة فقط، مثل مطعم له فرع في مدينة الرياض وفرع آخر في مدينة الدمام.
	</li>
</ul>
<h3>
	إنشاء متجر
</h3>

<p>
	لإنشاء متجر من نوعية المتاجر الموجودة مسبقًا في دروبال online يمكن اختيار المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_25" style="">
<span class="pln">store</span><span class="pun">/</span><span class="pln">add</span><span class="pun">/</span><span class="pln">online</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107692" href="https://academy.hsoub.com/uploads/monthly_2022_09/05-commerce_store_add.png.32de9b61d0be5f71c0fbf00cbc6e218f.png" rel=""><img alt="05-commerce_store_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107692" data-unique="cm5ngpxjp" src="https://academy.hsoub.com/uploads/monthly_2022_09/05-commerce_store_add.thumb.png.1864cb67d3d3eaaa6bce4990d28cc4df.png" style="width: 720px; height: auto;"></a>
</p>

<p>
	يحوي كل متجر من نوع online الموجود افتراضيًا في دروبال البيانات التالية:
</p>

<ul>
<li>
		الاسم: اسم المتجر.
	</li>
	<li>
		البريد الإلكتروني: ستصل رسالة بريدية لصاحب المتجر في حال نشوء عملية شراء من متجره.
	</li>
	<li>
		العملة الافتراضية: العملة (العملات) التي يمكن للمتجر التعامل بها، افتراضيًا تتواجد عملة الدولار الأمريكي ويمكن إضافة المزيد من العملات.
	</li>
	<li>
		العنوان: تفرض الكثير من التشريعات وجود عنوان مُعلن للمتاجر الالكترونية، يتواجد في وحدة commerce نمط من العنوان الإلكتروني يضم البلد والمدينة والشارع.
	</li>
	<li>
		البلدان التي يقدم المتجر لها الخدمة Supported countries: يمكن اختيار جميع البلاد أو الاكتفاء ببعض البلاد دون غيرها، من تطبيقات هذا الخيار تحديد متاجر تقدم أسعارًا تفضيلية لبعض البلدان دون غيرها، أو حرمان بلاد أخرى من الخدمات.
	</li>
	<li>
		إعدادات الضرائب Tax settings: يمكن إنشاء البضاعة مع تكلفة الضرائب أو دون ذلك، وتحسب وحدة commerce الضريبة بحسب إعدادات مقدار الضريبة في كل بلد. يمكن التحكم في إعدادات الضرائب من الوحدة المعنية بالضرائب.
	</li>
</ul>
<p>
	يمكن الاطلاع على قائمة حقول بيانات المتجر من إعدادات نوع المتجر online من المسار:
</p>

<pre class="ipsCode">
admin/commerce/config/store-types/online/edit/form-display
</pre>

<h3>
	إنشاء عملة
</h3>

<p>
	تحتوي وحدة commerce افتراضيًا عملة الدولار الامريكي، لكن يمكن إضافة المزيد من العملات الرسمية مثل الريال السعودي أو الدينار البحريني، وغير الرسمية مثل العملات الرقمية أو حتى نظام عملات خاصة بالموقع أو المشروع، مثل نظام النقاط الموجود في الألعاب. يمكن إضافة العملات من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_30" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">currencies</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107693" href="https://academy.hsoub.com/uploads/monthly_2022_09/06-currencies_add.png.png.6c071f151b87ab5e9584b2281442fb7e.png" rel=""><img alt="06-currencies_add.png.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107693" data-unique="mkda5isfg" src="https://academy.hsoub.com/uploads/monthly_2022_09/06-currencies_add.png.thumb.png.4bd2d94d5da4be1d49162735aff6e0cb.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	إنشاء نوع متجر
</h3>

<p>
	يمكن الاطلاع على أنواع المتاجر الموجودة في الموقع من المسار أدناه، ويمكن إضافة المزيد من أنواع المتاجر باختيار "إضافة نوع متجر" Add store type.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_34" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">store</span><span class="pun">-</span><span class="pln">types</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107694" href="https://academy.hsoub.com/uploads/monthly_2022_09/07-store_types.png.png.7d5a3380b928c44625bdd204d91d48cb.png" rel=""><img alt="07-store_types.png.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107694" data-unique="zque813v4" src="https://academy.hsoub.com/uploads/monthly_2022_09/07-store_types.png.thumb.png.f95aaddbe37ea11f03d98eae254defd5.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	في حال إضافة نوع متجر، سيٌضاف تلقائيًا حقول البيانات الافتراضية مثل الموجودة في نوع المتجر online ويمكن إضافة المزيد من الحقول بحسب منطق العمل تمامًا مثل إضافة حقول البيانات في أي نوع محتوى آخر. فمثلًا لو أُنشأ نوع متجر باسم مطعم، يمكن وضع حقل "يوفر خدمة توصيل الطلبات".
</p>

<h2>
	إدارة المنتجات Product
</h2>

<p>
	بحسب هيكل وحدة commerce تصنف الكيانات (مثل كيان المتجر أو كيان المنتج أو كيان الفاتورة) بأنواع محددة، ويحدد كل صنف صفات وسلوك كل عضو من هذا الصنف. مثلًا منتج "كتاب القانون في الطب" تقع ضمن صنف منتجات "كتاب"، ويحوي صنف المنتج "كتاب" مجموعة صفات تخص هذا الصنف مثل "عدد الأوراق" و "اسم دار النشر" و"الرقم الدولي المعياري للكتاب" المعروف اختصارًا باسم "ردمك". من الطبيعي أن أصنافًا أخرى من المنتجات تضم صفات وسلوكيات مختلفة قد تكون مشتركة بين العديد من الأصناف مثل "الوزن" وقد تكون مختصة بصنف دون غيره مثل صفات الكتاب أعلاه.
</p>

<p>
	افتراضيًا تضم وحدة commerce نوع منتج باسم "default"، يمكن الإطلاع على أنواع المنتجات، وإضافة نوع منتج إليها أو تحرير أحدها من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_37" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">types</span></pre>

<p>
	تأكد من دراسة المشروع وفهم منطق العمل بدقة، فالتصميم الحكيم لصفات وسلوكيات أنواع المنتجات هو الأساس الذي يعمل به دروبال في إدارة العمليات، فمثلًا قد تحتاج لصفة "الوزن" لمحاسبة تكلفة الشحن البريدي لاحقًا.
</p>

<h3>
	إنشاء منتج
</h3>

<p>
	يمكن إنشاء منتج جديد من صفحة المنتجات في المسار التالي باختيار "Add product":
</p>

<pre class="ipsCode">
admin/commerce/products
</pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107695" href="https://academy.hsoub.com/uploads/monthly_2022_09/08-product_add.png.1b8620638c010abba01048f989d91917.png" rel=""><img alt="08-product_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107695" data-unique="eryptwizp" src="https://academy.hsoub.com/uploads/monthly_2022_09/08-product_add.png.1b8620638c010abba01048f989d91917.png" style="width: 400px; height: auto;"></a>
</p>

<p>
	كما يمكن الوصول مباشرة لصفحة إضافة منتج من نوع ما، فمثلًا لإضافة منتج من نوع default يمكن اختيار المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_40" style="">
<span class="pln">product</span><span class="pun">/</span><span class="pln">add</span><span class="pun">/</span><span class="kwd">default</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107696" href="https://academy.hsoub.com/uploads/monthly_2022_09/09-product_add_defualt.png.9b33a95fff15b0310001cd8cb86cfb3f.png" rel=""><img alt="09-product_add_defualt.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107696" data-unique="n545tukee" src="https://academy.hsoub.com/uploads/monthly_2022_09/09-product_add_defualt.thumb.png.e29c14878d36686dde0cadee2fb6dba4.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	ستكون في صفحة إضافة منتج من نوع default الحقول المعرفة لهذا النوع (العنوان والمتن)، إضافة لحقول دروبال العامة لكل نوع من المحتوى مثل لغة المحتوى وإعدادات المسار، ويمكن "حفظ" المنتج وإضافة أنواع المنتجات إليه لاحقًا، أو البدء بإضافة نوع إليه مباشرة عبر "Save and add variations".
</p>

<p>
	من الطبيعي أن إعدادات دروبال العامة تؤثر في الحقول التي تظهر حين إضافة المنتج، فمثلًا حقل اختيار اللغة متأثر بإعدادات الترجمة في إعدادات دروبال.
</p>

<pre class="ipsCode">
/product/1/variations
</pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107697" href="https://academy.hsoub.com/uploads/monthly_2022_09/10-add_variations.png.cf8f52d26a23bf7359fb660463640958.png" rel=""><img alt="10-add_variations.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107697" data-unique="ek2fks513" src="https://academy.hsoub.com/uploads/monthly_2022_09/10-add_variations.thumb.png.6e940f385ce48091fbe17b1cb3d67139.png"></a>
</p>

<p>
	تحتوي وحدة commerce افتراضيًا صفة نوع باسم default أيضًا، يمكن إضافته لمنتج من المسار أدناه أو اختيار "Add variation".
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_43" style="">
<span class="pln">product</span><span class="pun">/</span><span class="lit">1</span><span class="pun">/</span><span class="pln">variations</span><span class="pun">/</span><span class="pln">add</span><span class="pun">/</span><span class="kwd">default</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107698" href="https://academy.hsoub.com/uploads/monthly_2022_09/11-add_variation_sku.png.4dd6a30034c2e5045a294a1644de5875.png" rel=""><img alt="11-add_variation_sku.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107698" data-unique="f6w85d33b" src="https://academy.hsoub.com/uploads/monthly_2022_09/11-add_variation_sku.thumb.png.07da91083d6fd6c45a9469ab5e8e3bd3.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	يظهر من صفحة إضافة صفة نوع default الحد الأدنى من البيانات اللازمة لإضافة صفة نوع المنتج، وهي:
</p>

<ul>
<li>
		وحدة إدارة المخزون أو SKU: وهو معرف فريد لكل صفة نوع من البضائع ويستخدم لإدارة مخزون البضاعة، فمثلًا لو كان لدى متجر قميص أبيض بقياس 20 وآخر بقياس 40 وقميص أصفر بقياس 20 وآخر بقياس 40، فيجب إنشاء أربعة معرفات SKU حتى يتبين الكميات الصحيحة عند إدارة المخزون المتوفر من كل صفة نوع. لا يوجد قاعدة لإنشاء معرفات SKU لكن ينصح أن تكون نصًا يحوي بيانات نوع المنتج وتفاصيل صفة النوع.
	</li>
	<li>
		خيار قائمة الأسعار Provide a list price: يؤدي تفعيل هذا الخيار إلى إمكانية تعيين أكثر من عملة للمنتج، مثل أن تكون الريال السعودي أو الدينار البحريني.
	</li>
	<li>
		السعر: يضم هذا الحقل جزأين: قيمة عددية هي مقدار للسعر وقيمة اسمية وهي عملة السعر.
	</li>
	<li>
		اللغة: من إعدادات دروبال العامة وتحدد إمكانية ظهور هذا النوع في أي من لغات الموقع.
	</li>
</ul>
<p>
	بعد "حفظ" هذا النوع من المنتج سيظهر في قائمة أنواع المنتجات، كما أنه في حال عرض صفحة المنتج سيظهر السعر المحدد لهذا النوع (لأن المنتج يحوي صفة نوع واحد فقط) كما سيظهر زر إضافة لسلة المشتريات "Add to cart".
</p>

<p>
	لاحظ أنه يمكن الوصول لصفحة المنتج عن طريق مسارين، أحدهما باستخدام الرقم المعرف للمنتج والآخر ما وُضع في بديل المسار، أي:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_46" style="">
<span class="str">/product/</span><span class="lit">1</span><span class="pln">
</span><span class="pun">/</span><span class="pln">donate</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107699" href="https://academy.hsoub.com/uploads/monthly_2022_09/12-first_product.png.f7053fd9d05e7e73c4fa89d7b019e5f7.png" rel=""><img alt="12-first_product.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107699" data-unique="o7utqxjub" src="https://academy.hsoub.com/uploads/monthly_2022_09/12-first_product.thumb.png.c5f8c27969b095f95782c5bc2bb7b755.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	كتطبيق وتوسعة لإدارة المنتج، تصور أن المشروع موقع لبيع الكتب، نوع المنتج هو كتاب ولكل كتاب صفتا نوع: رقمي وورقي، والكتاب الورقي يمكن أن يكون له صفتي نوع: بغلاف عادي (ورقي) أو بغلاف صلب (فني أو مُجلد).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107700" href="https://academy.hsoub.com/uploads/monthly_2022_09/13-book.png.6eee323f5e2b6544ef890e5291e2470a.png" rel=""><img alt="13-book.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107700" data-unique="6xpqejctd" src="https://academy.hsoub.com/uploads/monthly_2022_09/13-book.png.6eee323f5e2b6544ef890e5291e2470a.png" style="width: 500px; height: auto;"></a>
</p>

<h3>
	إنشاء نوع منتج
</h3>

<p>
	يجب بداية إنشاء نوع منتج باسم "كتاب" يضم البيانات المشتركة بين جميع أنواع هذا المنتج، في المثال أعلاه اسم المؤلف والناشر ونبذة عن الكتاب، بيانات ثابتة لكل منتج، بغض النظر عن صفة نوعه (رقمي أو ورقي).
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_52" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">types</span><span class="pun">/</span><span class="pln">add</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107701" href="https://academy.hsoub.com/uploads/monthly_2022_09/14-product_types_add.png.3c2521c1ce0dc058b169c7ec1f14a21b.png" rel=""><img alt="14-product_types_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107701" data-unique="ll2cnti9y" src="https://academy.hsoub.com/uploads/monthly_2022_09/14-product_types_add.png.3c2521c1ce0dc058b169c7ec1f14a21b.png" style="width: 550px; height: auto;"></a>
</p>

<p>
	سننشئ صفحة لإنتاج نوع البضاعة كالصورة أدناه، وكسائر أنواع المحتوى في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a>، لكل محتوى اسم بلغة البشر واسم بلغة الحاسوب (يجب ان يكون بحروف انجليزية صغيرة)، لاحظ حقول الأنواع الخاصة بنوع المنتج التي تنشأ حاليًا:
</p>

<ul>
<li>
		الأنواع: في المثال أعلاه، يحتاج المشروع لنوع "كتاب ورقي" و "كتاب رقمي" غير الموجودين بعد، لاحظ أنه حين إنشاء نوع بضاعة، تقترح وحدة commerce إدراج نوع جديد له أو الاختيار من الأنواع الموجودة سابقًا.
	</li>
	<li>
		خيار إمكانية تعدد صفات النوع بالنسبة لنوع المنتج، وهو ما نحتاج إليه نظرًا لأن للكتاب صفتا نوع.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107702" href="https://academy.hsoub.com/uploads/monthly_2022_09/15-product_types_add_book.png.549b667365dc8104236be27ecb2ef874.png" rel=""><img alt="15-product_types_add_book.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107702" data-unique="ws7r7dzeg" src="https://academy.hsoub.com/uploads/monthly_2022_09/15-product_types_add_book.thumb.png.6e5e91f6a0c4cead96e79de07f13dca7.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	بعد حفظ نوع المنتج المنشأ حديثًا، يمكن إضافة حقول المؤلف والناشر من المسار أدناه، كما هو معمول به في دروبال.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_59" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">types</span><span class="pun">/</span><span class="pln">book</span><span class="pun">/</span><span class="pln">edit</span><span class="pun">/</span><span class="pln">fields</span></pre>

<h3>
	إدارة أنواع المنتج
</h3>

<p>
	عند إنشاء نوع منتج، يقدم دروبال خيار إنشاء نوع جديد بنفس اسم نوع المنتج (في المثال أعلاه book)، لكن يُقترح تجنب ذلك وإنشاء أنواع المنتج يدويًا لاختيار اسم لا يختلط مع سائر الأسماء. من المسار أدناه، إذهب لصفحة إنشاء نوع منتج.
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_61" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">variation</span><span class="pun">-</span><span class="pln">types</span><span class="pun">/</span><span class="pln">add</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107703" href="https://academy.hsoub.com/uploads/monthly_2022_09/16-Product_variation_types.png.ae45712ce5199691283fc341bf4f3e5e.png" rel=""><img alt="16-Product_variation_types.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107703" data-unique="4j8i9pv8m" src="https://academy.hsoub.com/uploads/monthly_2022_09/16-Product_variation_types.png.ae45712ce5199691283fc341bf4f3e5e.png" style="width: 550px; height: auto;"></a>
</p>

<p>
	من صفحة إنشاء صفة نوع منتج، ليكن اسم صفة النوع للمنتج "كتاب ورقي" والاسم الإنجليزي (للحاسوب) "book_paper". لاحظ خيار نوع الطلبية، إذ حاليًا لا يوجد إلا نوع واحد هو الطلبية الافتراضية، لكن في المثال أعلاه يفرض منطق العمل وجود نوعان من الطلبيات وهي الكتاب الورقي ويضاف فيه عملية شحن، بينما الكتاب الإلكتروني ليس بحاجة لهذا الإجراء. حاليًا ليكن الخيار هو الطلبية الافتراضية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107704" href="https://academy.hsoub.com/uploads/monthly_2022_09/17-product_variation_type_add.png.72d18f6a6d1dc904fde689bc07c054a7.png" rel=""><img alt="17-product_variation_type_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107704" data-unique="ryn2nbrf4" src="https://academy.hsoub.com/uploads/monthly_2022_09/17-product_variation_type_add.thumb.png.37b322f70556a333465169b3e424a8b1.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	كرر العملية بإنشاء صفة نوع كتاب رقمي "book_digital" لتحصل نهاية على قائمة بها ثلاثة أنواع من السلع، يوصى بالإبقاء على النوع default للاستخدامات العامة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107705" href="https://academy.hsoub.com/uploads/monthly_2022_09/18-product_variation_list.png.c5d8a8156de4dfab4b57084c99a6b1fb.png" rel=""><img alt="18-product_variation_list.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107705" data-unique="kd1jsvl8h" src="https://academy.hsoub.com/uploads/monthly_2022_09/18-product_variation_list.thumb.png.3c4556fbdb745c24c1b953caff9bc9e9.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	بالرجوع لصفحة تحرير صفة نوع منتج الكتاب، يمكن اختيار صفة النوع "كتاب ورقي" و "كتاب رقمي" لتكون الصفتان متاحتين لنوع المنتج "كتاب".
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_69" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">types</span><span class="pun">/</span><span class="pln">book</span><span class="pun">/</span><span class="pln">edit</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107706" href="https://academy.hsoub.com/uploads/monthly_2022_09/19-book_variation_select.png.fd02ead9e09a6356fc81456e3f2a599b.png" rel=""><img alt="19-book_variation_select.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107706" data-unique="03dw7tctc" src="https://academy.hsoub.com/uploads/monthly_2022_09/19-book_variation_select.thumb.png.13505ffa3d91d367442b1daf501c4da4.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	كتطبيق عملي، اتجه لصفحة إضافة منتج من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_72" style="">
<span class="pln">product</span><span class="pun">/</span><span class="pln">add</span></pre>

<p>
	بخلاف المرة الأولى، سيظهر في قائمة أنواع السلع، النوع "كتاب" الذي تم إنشاؤه سابقًا، أنشئ منتجًا من النوع "كتاب" وليكن اسمه "القانون في الطب" مثلًا، ثم اتجه لتبويب صفات الأنواع، سترى صفتي النوعين "كتاب ورقي" و "كتاب رقمي" في قائمة الأنواع، أنشئ منتج من كل صفة نوع كما ذكر أعلاه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107707" href="https://academy.hsoub.com/uploads/monthly_2022_09/20-book_var_list.png.3a22078ad80f5e1d69ccc0cc0c48eb37.png" rel=""><img alt="20-book_var_list.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107707" data-unique="9grlvg67f" src="https://academy.hsoub.com/uploads/monthly_2022_09/20-book_var_list.thumb.png.15e6ec0b054f55730de4d7a1d4e81a70.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	اتجه لصفحة استعراض المنتج، ستظهر قائمة يمكن منها اختيار صفة نوع المنتج.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107708" href="https://academy.hsoub.com/uploads/monthly_2022_09/20-book_var_select.png.ed9cff9b6c5386e56df8614d7142c31d.png" rel=""><img alt="20-book_var_select.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107708" data-unique="jrzxwrl5z" src="https://academy.hsoub.com/uploads/monthly_2022_09/20-book_var_select.thumb.png.ea527f65584dd3511948867ace2781e9.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	أما الاختيار من صفات خاصة متوفرة في نوع ما من المنتج، فهو ما يتم عبر إدارة خصائص المنتج.
</p>

<h3>
	إدارة خصائص المنتج Product attributes
</h3>

<p>
	خصائص المنتج هو الخيار الذي يمكن من خلاله تحديد صفات ضمن نوع من السلع، في المثال أعلاه صفة نوع الغلاف ورقي أو رقمي ويمكن أن يكون لون لباس أو مقاس حذاء. لإنشاء خصائص منتج يمكن الإستفادة من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_76" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">product</span><span class="pun">-</span><span class="pln">attributes</span><span class="pun">/</span><span class="pln">add</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107709" href="https://academy.hsoub.com/uploads/monthly_2022_09/21-Product_attributes.png.8b81bd3d9f0950ad68bd07923cea0624.png" rel=""><img alt="21-Product_attributes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107709" data-unique="kabr0hl45" src="https://academy.hsoub.com/uploads/monthly_2022_09/21-Product_attributes.png.8b81bd3d9f0950ad68bd07923cea0624.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	في صفحة إضافة خصائص المنتج، ليكن اسم الخاصية "نوع الغلاف" مع مسمى إنجليزي متناسب معه وليكن "book_cover_type". نوع الحقل element type: سيكون شكل الخيار الذي يشاهده المستخدم. أنواع المنتج: من هذا الجزء تحدد الأنواع التي تحوي هذا الخيار (خصائص المنتج).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107710" href="https://academy.hsoub.com/uploads/monthly_2022_09/22-product_attribute_add.png.23afcd3319bd4cf29bda1243b9bae66c.png" rel=""><img alt="22-product_attribute_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107710" data-unique="bo3eiwl1j" src="https://academy.hsoub.com/uploads/monthly_2022_09/22-product_attribute_add.thumb.png.eba3d36cb40fedfc94a6034d347109a5.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	بعد حفظ خاصية المنتج نوع الغلاف يمكن إدخال القيم المعنية وهي غلاف ورقي وغلاف محكم.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107711" href="https://academy.hsoub.com/uploads/monthly_2022_09/23-attribute_value.png.e52f04c514ce9476277136031593868f.png" rel=""><img alt="23-attribute_value.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107711" data-unique="lnvjmx086" src="https://academy.hsoub.com/uploads/monthly_2022_09/23-attribute_value.thumb.png.dad73f6c86c7f947b5d0d6b0248a39ab.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	بالرجوع لصفحة أنواع المنتج، ضاعف صفة النوع نسخة ورقية مع تغير الحقول: العنوان ومعرف SKU والسعر ونوع الغلاف.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107712" href="https://academy.hsoub.com/uploads/monthly_2022_09/24-book_var_cover.png.2e122f43ca8480b2b33451458c438496.png" rel=""><img alt="24-book_var_cover.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107712" data-unique="mibsczbap" src="https://academy.hsoub.com/uploads/monthly_2022_09/24-book_var_cover.thumb.png.bb075be7a4b597d6ab8eabbd77f6c4b9.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	ومن صفحة استعراض المنتج، يمكن مشاهدة تغيير البيانات (مثلاً السعر) مع تغير صفة نوع المنتج من القائمة، ويمكن نهايةً إضافة المنتج المختار لسلة المشتريات وإكمال عملية الشراء.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107713" href="https://academy.hsoub.com/uploads/monthly_2022_09/25-final_product.png.a90009c578c2d1c714af9014d078d725.png" rel=""><img alt="25-final_product.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107713" data-unique="4htrkr59d" src="https://academy.hsoub.com/uploads/monthly_2022_09/25-final_product.thumb.png.bc10ad7413c20aa72683f1e0961049d1.png" style="width: 750px; height: auto;"></a>
</p>

<h2>
	إدارة بوابات الدفع
</h2>

<p>
	بوابات الدفع هي الآليات التي يتم عبرها تحويل سعر المنتج لصاحب المتجر وهي:
</p>

<ul>
<li>
		آليات الدفع اليدوي: وتشمل الدفع النقدي عند التسليم أو الصكوك المصرفية التي يستلم صاحب المتجر المبلغ المعين بمراجعة المصرف.
	</li>
	<li>
		آليات الدفع الآلية: وتشمل جميع النظم الآلية للدفع الإلكتروني سواء كانت تعامل آلي مع الخدمات الإلكترونية لمصرف أو ضمن شبكة نقود وطنية (مثل بنفت في البحرين أو سداد في السعودية) أو بوابات دفع مرتبطة بشبكات صرافة دولية أخرى مثل PayPal أو Visa أو Tap أو Gaatee، عدد بوابات الدفع الآلية يتجاوز المئات.
	</li>
</ul>
<p>
	نظرًا لاختلاف الرسوم والضرائب وآليات تحويل المبلغ لصاحب المتجر، من الضروري دراسة بوابات الدفع المناسبة للمشروع قبل التعامل مع أي منها.
</p>

<p>
	من أشهر بوابات الدفع في دول الخليج العربي والشرق الأوسط: <a href="https://moyasar.com/" rel="external nofollow">ميسر</a>، <a href="https://site.paytabs.com/ar/" rel="external nofollow">بيتابس</a>، <a href="https://www.hyperpay.com/ar/" rel="external nofollow">هايبر باي</a>، <a href="https://www.gate-e.com/" rel="external nofollow">gate-e</a>، <a href="https://telr.com/ae-ar/" rel="external nofollow">تلر</a>، <a href="http://tap.company/" rel="external nofollow">تاب</a>.
</p>

<h3>
	إنشاء الدفع حين التسليم
</h3>

<p>
	يمكن الوصول لصفحة إنشاء بوابة دفع من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_83" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">config</span><span class="pun">/</span><span class="pln">payment</span><span class="pun">-</span><span class="pln">gateways</span><span class="pun">/</span><span class="pln">add</span></pre>

<p>
	حيث يمكن ملئ بيانات بوابة الدفع تمامًا مثل سائر أنواع المحتوى في دروبال، مع ملاحظة مايلي:
</p>

<ul>
<li>
		خانة الإضافات Plugin: في حال عدم تثبيت وتفعيل إضافات بوابات الدفع الآلية، ستكون بوابة الدفع اليدوية Manual هي الخيار الوحيد المتاح.
	</li>
	<li>
		اسم العرض: يمكن أن يكون "دفع حين التسليم" أو "صك مصرفي" وغير ذلك من الآليات التي يجب على صاحب المتجر التأكد من وصول المبلغ إليه يدويًا، هذا الاسم يعرض لمستخدم الموقع.
	</li>
	<li>
		الشروط: شروط تفعيل بوابة الدفع مثل تحديد بوابة دفع معينة للعملاء في بلد معين، أو تفعيل بوابة دفع إذا تجاوز مبلغ الفاتورة مقدارًا معينًا. احفظ بوابة الدفع اليدوية دون شروط.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107714" href="https://academy.hsoub.com/uploads/monthly_2022_09/26-payment.png.6426b3e1762e7388e00e7e4172efc77b.png" rel=""><img alt="26-payment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107714" data-unique="ywuh82s2w" src="https://academy.hsoub.com/uploads/monthly_2022_09/26-payment.thumb.png.a25d2ca075a97f282eb2616cf5bcfc9b.png"></a>
</p>

<h3>
	إنشاء بوابة دفع الكترونية
</h3>

<p>
	يوجد أكثر من 140 <a href="https://docs.drupalcommerce.org/commerce2/developer-guide/payments/available-gateways" rel="external nofollow">وحدة ربط بوابات الدفع الإلكترونية</a>، على الرغم من أن العديد من المواقع العربية القائمة على دروبال توفر بوابات دفع، لم ينشر مطوروها الوحدة البرمجية الخاصة بربط بوابة الدفع بدروبال في موقع دروبال الرسمي للإستفادة العامة، قد تنشر بوابة تاب الوحدة البرمجية الخاصة بالتعامل مع دروبال حيث تتواجد صفحة الوحدة البرمجية <a href="https://www.drupal.org/project/commerce_tap" rel="external nofollow">commerce tap</a>. توفر دروبال مجموعة ثرية من إمكانيات الإرتباط عبر <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D9%87%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-api-r1314/" rel=""><abbr title="Application Programming Interface | واجهة برمجية">API</abbr></a> أنظمة الدفع المختلفة.
</p>

<h2>
	إدارة الطلبات
</h2>

<p>
	الطلب بمنطق commerce هو الآلية التي تنتظم بها عملية الشراء بدءًا من اختيار العميل للمنتج حتى حصوله عليه، من هذا المنطلق يمكن أن يكون للطلب أكثر من صفة نوع، فمثلًا يمكن أن يحوي نوع الطلب لمطعم يشتري فيه العميل الوجبات مع تحديد طاولة الخدمة أو أن تكون نتيجة عملية الشراء مجرد رقم تفعيل برنامج دون أي بيانات إضافية.
</p>

<p>
	في حال وجود منتج مكتمل البيانات أي محدد النوع وبوابة دفع مفعلة، يمكن إضافة المنتج لسلة المشتريات وإكمال عملية الشراء. توفر وحدة commerce إفتراضيًا نموذج سير عملية الطلب بالطريقة الأكثر رواجًا أي: توفير سلة مشتريات يمكن إضافة أي عدد من السلع إليها مع إمكانية تحديد كمية كل منتج وحساب التكلفة النهائية، ثم صفحة إدخال بيانات عنوان الشحن والاستفادة من العروض ثم دفع المبلغ المستحق عبر أي بوابة دفع مفعلة.
</p>

<p>
	كمثال، تظهر الصور التالية عملية شراء منتج الكتاب الذي تم إنشائه أعلاه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107715" href="https://academy.hsoub.com/uploads/monthly_2022_09/27-order_1.png.b89739fb7639813f000013397bdfc849.png" rel=""><img alt="27-order_1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107715" data-unique="xeegsjkui" src="https://academy.hsoub.com/uploads/monthly_2022_09/27-order_1.thumb.png.2dbce220258d5cc966f89dabb3711d33.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107716" href="https://academy.hsoub.com/uploads/monthly_2022_09/28-order_2.png.85f1f686ce4fd76ad7420ac1c7550bbe.png" rel=""><img alt="28-order_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107716" data-unique="7z1ltejh8" src="https://academy.hsoub.com/uploads/monthly_2022_09/28-order_2.thumb.png.a2e15e8320fb42cb3447682e51c5431f.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107717" href="https://academy.hsoub.com/uploads/monthly_2022_09/29-order_3.png.dd3dd22c88552ba61eeb6783237c7af0.png" rel=""><img alt="29-order_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107717" data-unique="rq25pdv4f" src="https://academy.hsoub.com/uploads/monthly_2022_09/29-order_3.thumb.png.c43e9189010b20521a8db00aba2e5c33.png" style="width: 750px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107718" href="https://academy.hsoub.com/uploads/monthly_2022_09/30-order_4.png.f19a12adc478c6fff33eb9ee985f900a.png" rel=""><img alt="30-order_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107718" data-unique="371h54lui" src="https://academy.hsoub.com/uploads/monthly_2022_09/30-order_4.thumb.png.697a90357e3a9c38ef8df009a96b4e7e.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	استعراض الطلبات
</h3>

<p>
	يمكن الوصول للطلبات المكتملة أو إنشاء عملية طلب يدويًا من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_92" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">orders</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107719" href="https://academy.hsoub.com/uploads/monthly_2022_09/31-order_view.png.2055be5bdfd960d143d83f44d52838b9.png" rel=""><img alt="31-order_view.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107719" data-unique="orv2c7o5r" src="https://academy.hsoub.com/uploads/monthly_2022_09/31-order_view.thumb.png.7f35911ed3c818b55462b55b376ffefa.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	في حال وجود طلب مكتمل يمكن عرضه أو تحريره أو إدارة عمليات الدفع الخاصة به.
</p>

<h3>
	تحرير الطلبات
</h3>

<p>
	في حال وجود طلب فعال يمكن الوصول إليه من المسار التالي (بافتراض أن رقم الطلب 1):
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_95" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">orders</span><span class="pun">/</span><span class="lit">1</span><span class="pun">/</span><span class="pln">edit</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107720" href="https://academy.hsoub.com/uploads/monthly_2022_09/32-order_edit.png.c2528a44496184ce48f3e450f4536989.png" rel=""><img alt="32-order_edit.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107720" data-unique="wp5jc8u5r" src="https://academy.hsoub.com/uploads/monthly_2022_09/32-order_edit.thumb.png.8fad98693ad2c88cee37a9272faab163.png"></a>
</p>

<p>
	تحتوي صفحة تحرير الطلب إضافة لبيانات عنوان العميل:
</p>

<ul>
<li>
		تحرير أجزاء الطلب: تشمل حذف أجزاء أو إضافة أجزاء أخرى أو تغير كمية وسعر أي واحد منها.
	</li>
	<li>
		تعديلات على الطلب عمومًا Adjustments: مثل إضافة ضريبة أو تحديد خصم خاص.
	</li>
	<li>
		القسائم: يمكن استخدام قسائم العروض في حال وجودها ضمن إعدادات العروض.
	</li>
</ul>
<h3>
	إدارة المدفوعات
</h3>

<p>
	تشمل إدارة المدفوعات تأكيد إتمام عملية الدفع (في حال اختيار بوابة دفع يدوية) أو إرجاع المبلغ للعميل بالكامل أو جزئيًا في حال كانت بوابة الدفع يدوية أو إن كانت بوابة الدفع الإلكترونية توفر هذه الإمكانية وكذلك إضافة مدفوع جديد.
</p>

<p>
	يمكن الوصول لصفحة إدارة عمليات الدفع من خلال المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_97" style="">
<span class="pln">commerce</span><span class="pun">/</span><span class="pln">orders</span><span class="pun">/</span><span class="lit">1</span><span class="pun">/</span><span class="pln">payments</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="107721" href="https://academy.hsoub.com/uploads/monthly_2022_09/33-order_payments.png.41ead8cfa966196699c767e530fb348f.png" rel=""><img alt="33-order_payments.png" class="ipsImage ipsImage_thumbnailed" data-fileid="107721" data-unique="ky55wunv0" src="https://academy.hsoub.com/uploads/monthly_2022_09/33-order_payments.thumb.png.8d22c8957d4761aa517f7d6b1a88583d.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	إنشاء طلب يدوي
</h3>

<p>
	يمكن إنشاء طلب جديد يدويًا لأي عضو مسجل في الموقع، أو إنشاء عضوية جديدة للعميل وإعلامه بإنشاء عضوية له، يمكن الوصول لصفحة إنشاء طلب جديد من المسار:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_809_100" style="">
<span class="pln">admin</span><span class="pun">/</span><span class="pln">commerce</span><span class="pun">/</span><span class="pln">orders</span><span class="pun">/</span><span class="pln">add</span></pre>

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

<h2>
	خاتمة
</h2>

<p>
	وحدة commerce تضم عدة وحدات فرعية وتوفر بيئة عمل متكاملة للتجارة الإلكترونية وهي بالغة المرونة وقابلة للتطويع لتناسب كافة المشاريع بمنطق عمل مختلف، كما يمكن توسعة وظائفه بالعديد من الوحدات الإضافية المتوفرة مجانًا.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">تثبيت دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة التحكم في دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/" rel="">كيفية استخدام دروبال كمنصة تدوين متكاملة</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">القوالب Themes في دروبال 9 Drupal</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">800</guid><pubDate>Mon, 12 Sep 2022 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; &#x643;&#x645;&#x646;&#x635;&#x629; &#x62A;&#x62F;&#x648;&#x64A;&#x646; &#x645;&#x62A;&#x643;&#x627;&#x645;&#x644;&#x629;</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-%D9%83%D9%85%D9%86%D8%B5%D8%A9-%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%85%D8%AA%D9%83%D8%A7%D9%85%D9%84%D8%A9-r778/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f61e09ad959_------.png.b156061eb6c186345f4cac54a63852b2.png" /></p>

<p>
	إن <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> هو منصة تدوين مرنة وقوية يستمتع مارتن أندرسون كلاتز بتخصيصها لتناسب احتياجاته. اكتشف مارتن قبل مدة أنه بحاجة موقع إلكتروني لينشر فيه أفكاره وخواطره عن تقنيات الويب الناشئة الحديثة.
</p>

<h2>
	سبب تفضيل دروبال على غيره
</h2>

<p>
	بما أن كاتب المقال -مارتن أندرسون كلاتز- متخصصٌ في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال Drupal</a> ويكسب رزقه منه؛ فإن القول المأثور التالي ينطبق عليه تمامًا:
</p>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<p>
		عندما تكون أداتك الوحيدة هي المطرقة، ستبدو كل مشكلة أمامك كأنها مسمار.
	</p>
</blockquote>

<p>
	ليس الأمر وكأن مارتن لم يتعامل مع غير دروبال، بل هو حاول فعلًا العمل مع أدوات إنشاء المواقع الثابتة مثل Gatsby وJekyll، وحاول أيضًا الاعتماد على استضافة مجانية من جيت هب GitHub أو جيت لاب GitLab لتركيب الموقع عليها.
</p>

<p>
	ولكن، ما شدّه مجددًا إلى دروبال هو سرعة إنشاء هياكل المحتوى وتكييفها، بالإضافة للقدرة على الاستفادة من المكتبة الكبيرة من <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات Modules</a> التي يوفرها مجتمع دروبال مجانًا بهدف توسيع قدراتها.
</p>

<p>
	وبالحديث عن دروبال، يعمل مارتن على تطوير عدة وحدات والتي يشاركها مع أعضاء مجتمع دروبال. كما حظي بشرف العمل مع بعض الأشخاص الأذكياء للغاية، مما جعله يملك أفكارًا دائمة حول كيفية استخدام دروبال في بعض حالات الاستخدام اليومية بطرائق سهلة وقوية.
</p>

<p>
	ولتوضيح مدى مرونة دروبال، يطرح مارتن مثالًا عن موقعه الذي أرداه أن يكون مدونة؛ إذ يوجد العديد من الطرائق لإنشاء المدونة، منها عروض البرمجيات كخدمة SaaS المقدمة من موقع ميديوم Medium مثلًا. وأثناء إنشائه للموقع خطرت على باله فكرة إضافة مختلف مشاركاته في المؤتمرات العامة إليه.
</p>

<p>
	عند تقديم اقتراحٍ لعقد جلسة عمل في مؤتمر مفتوح المصدر، يطلب منظمو المؤتمر عادةً من مقدم الاقتراح رؤية أحدث مشاركاته في التحدث أمام الجمهور. وبينما اعتاد مارتن تسجيل مشاركاته تلك بطرائق مختلفة، إحداها كان باستخدام <a href="https://academy.hsoub.com/apps/productivity/google-drive/google-docs/" rel="">مستندات جوجل</a>؛ إلا أنه كان ينسى دائمًا إضافة أحدث مشاركاته إليها. وإذا طلب أحد المؤتمرات معلومات مشاركاته بتنسيقٍ مختلف، عندها يُضطر مارتن لتعديل كل المحتوى بنفسه بما يشمل إضافة أوصاف أطول وروابط الفيديوهات وما إلى ذلك.
</p>

<p>
	ولذلك أضاف مارتن إلى موقعه الخاص المبني باستخدام دروبال نوعًا من أنواع المحتوى اسمه Talk؛ وهو عبارة عن قالب للتخزين المنظم وقابل للتخصيص. افتراضيًا امتلك هذا القالب عنوانًا ووصفًا، وأضاف إليه حقولًا للجدول الزمني والموقع ورابطًا لفيديو المشاركة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="105120" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f61e06c204d_01-.png.ac732ab9430302ba4812dc1205c6a473.png" rel=""><img alt="01 - سبب تفضيل دروبال على غيره.png" class="ipsImage ipsImage_thumbnailed" data-fileid="105120" data-unique="r1rylynwj" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f61e07d6390_01-.thumb.png.5c17f34193ced45f1e0345279955fba9.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	توضح الصورة أعلاه قسم Talks من مدونة مارتن الشخصية المخصص لعرض مشاركاته، مع وصف وتاريخ وموقع ورابط فيديو كل مشاركة.
</p>

<p>
	تتمتع دروبال بمعالجة قوية جدًا للوسائط، لذلك عندما يُنشر أحد مقاطع الفيديو لمحادثات مارتن عبر الإنترنت، فكل ما عليه فعله لتضمينه في موقعه هو نسخ عنوان الفيديو الإلكتروني <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%B9%D9%86%D9%88%D8%A7%D9%86-url-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9%D9%87-r1435/" rel="">URL</a> ولصقه في موقعه؛ ليُعرض كرابط أو مشغل فيديو مُضمّن. وللحصول على أداءٍ أفضل، أضاف مارتن أيضًا وحدة من مجتمع الدروبال لموقعه تسمح للموقع بتشغيل الفيديوهات بطريقة أسرع.
</p>

<p>
	كما أضاف مارتن لموقعه حقلًا مخصصًا لروابط عروضه التقديمية من موقع SlideShare التي يقدمها في مشاركاته. وقد استغرقه تنفيذ هذا التغيير في الموقع أقل من دقيقة. الآن، إذا أراد شخصٌ ما إعادة زيارة المحتوى، فيمكنه العثور في صفحة مخصصة من موقعه على جميع المعلومات التي تشمل: التاريخ، والوصف، والفيديو، وشرائح العرض.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="105121" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f61e13e7944_02-.png.6c61d50a63b54959026558a649e7e5bd.png" rel=""><img alt="02 - سبب تفضيل دروبال على غيره.png" class="ipsImage ipsImage_thumbnailed" data-fileid="105121" data-unique="eaybv6i54" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f61e1525d6e_02-.thumb.png.e0bde1645ba7fb0c66986362b76b839e.png"></a>
</p>

<p>
	توضح الصورة أعلاه كيفية إضافة معلومات مؤتمرٍ ما في موقع مارتن من وصفٍ وتاريخٍ وغيرها، ومدى سهولة إضافة العروض التقديمية والفيديو الخاص بالمؤتمر من خلال لصق رابط الفيديو ورابط العرض التقديمي فقط، ليتم تضمينهما تلقائيًا بفضل دروبال.
</p>

<p>
	يتضمن <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال</a> أيضًا منشئ استعلام مرئي قوي يسمى Views، وهو رائع لإنشاء قوائم محتوى لتلبية احتياجات معينة في الواجهات من نمط الإشارة والنقر. لقد استخدم مارتن Views لإنشاء قوائم بمشاركاته القادمة والسابقة، مع تضمين مشغلات فيديو صغيرة للمشاركات السابقة، ومشغلات فيديو بالحجم الكامل إذا نقر الزوار على التفاصيل. إذا طلب أيّة مؤتمر ما يثبت خبرته في التحدث والمشاركة ولكن بتنسيقٍ معين، فيمكنه بسهولة إنشاء View جديدة لتوفير المعلومات التي يحتاجونها بدقة، وبالتنسيق الذي يحتاجون إليه، ببضع نقراتٍ فقط.
</p>

<h2>
	ميزات دروبال الرئيسية
</h2>

<p>
	من الأشياء الرائعة الأخرى التي توفرها لك تجربة إنشاء موقع باستخدام دروبال، هي أنك ستحصل على فرصة الاعتماد على أعمال المساهمين في أكثر مجتمعات <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%A7-%D8%A7%D9%84%D9%85%D9%82%D8%B5%D9%88%D8%AF-%D8%A8%D9%85%D8%B5%D8%B7%D9%84%D8%AD-%D9%85%D9%81%D8%AA%D9%88%D8%AD-%D8%A7%D9%84%D9%85%D8%B5%D8%AF%D8%B1-open-source%D8%9F-r885/" rel="">المصادر المفتوحة</a> مشاركة في العالم. وقد بنى المساهمون فعلًا بعض القدرات المثيرة للإعجاب، والتي يستفيد منها موقع مارتن شخصيًا.
</p>

<h3>
	الأداء
</h3>

<p>
	لقد بُني دروبال لكي يستخدم طبقات متعددة من التخزين المؤقت للحصول على أداءٍ أفضل. كما أنه يدعم العرض التدريجي لـ BigPipe، مما يسمح بعرض حتى أعقد تصاميم الصفحات في المتصفح مباشرةً.
</p>

<h3>
	إمكانية الوصول
</h3>

<p>
	اجتهد مجتمع دروبال كثيرًا في العمل على قالب أوليفيرو Olivero الجديد الرائع. وهو لا يبدو جميلًا فحسب، بل هو مصمم أيضًا لتسهيل التنقل بواسطة قارئات الشاشة والتقنيات الأخرى المساعدة لذوي القدرات الخاصة. وعند مراجعته من قِبل الاتحاد الأمريكي الوطني للمكفوفين تبيّن أنه كان ممتازًا جدًا. وبسبب خبرة مارتن فقد استطاع اكتشاف طريقة لتجاوز قالب Olivero وإجراء بعض التغييرات الطفيفة عليه دون تحرير <a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">القالب</a> مباشرةً؛ مما سمح له بجعل موقعه فريدًا مع ضمان إمكانية تحديثه بسهولة عند صدور تحديثٍ جديد لدروبال.
</p>

<h2>
	أفضل وحدات دروبال
</h2>

<p>
	على الرغم من أن دروبال مرن ورائع جدًا، إلا أن الاحتمالات لا حصر لها عندما تبدأ في الإضافة من المكتبة الهائلة للوحدات المتاحة من المجتمع، وكل ذلك مجانًا. فيما يلي بعض الوحدات التي جعلت موقع مارتن أسرع.
</p>

<h3>
	Smart Date
</h3>

<p>
	توفر هذه الوحدة أداة واضحة وسهلة الاستخدام لإدخال التواريخ، مصممة لتتماشى مع تجربة المستخدم لتطبيقات التقويم النموذجية. كما تتعامل مع المناطق الزمنية بأناقة. وتسمح كذلك بتنسيق اللغة الطبيعية للنطاقات الزمنية مثل كتابة التاريخ هكذا:
</p>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<p>
		9 - 10 صباحًا يوم الثلاثاء 15 فبراير
	</p>
</blockquote>

<p>
	بدلًا من كتابته هكذا:
</p>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<p>
		9:00 صباح الثلاثاء 15 فبراير - 10:00 صباح الثلاثاء 15 فبراير
	</p>
</blockquote>

<h3>
	Blazy
</h3>

<p>
	يضيف دروبال إلى <a href="https://wiki.hsoub.com/HTML/img" rel="external">وسم img</a> في <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> افتراضيًا خاصيّة التحميل الكسول التي تسمح بتسريع تحميل صفحة الويب من خلال عدم تحميل جميع الصور فيها دفعةً واحدة، وإنما تحميل كل صورة عند الحاجة إليها. كأن تُحمّل الصور التي في أول الصفحة فقط مثلًا، ومن ثم يتم تحميل بقية الصور تباعًا كلما نزل المستخدم بالصفحة لأسفل أكثر. وطريقة إضافة هذه الخاصية إلى وسم img تكون بإضافة الأمر البرمجي <code>loading="lazy"</code> إليه.
</p>

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

<h3>
	Pathauto
</h3>

<p>
	يمكن أن تنشئ دروبال عناوين إلكترونية URL خاصة بصفحات موقعك تكون متوافقة مع استراتيجيات <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%84%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r490/" rel="">تحسين محركات البحث SEO</a> مثل: /node/123. حيث تُنشئ تلك العناوين استنادًا إلى مُعرّف ذلك الجزء من محتوى الموقع. تعمل وحدة Pathauto على توسيع نطاق العناوين الإلكترونية المُنشئة تلقائيًا لتشمل النصوص أيضًا، مثل نوع المحتوى، وكيفية تصنيفه، وعنوانه مثل: /articles/blog/composable-date-formatter-drupal. يمكنك استخدام هذه الوحدة لإنشاء مسارات التنقل كذلك.
</p>

<p>
	إذا أردت أن تكون أكثر صرامة في تحسين محركات البحث، فيمكنك إضافة التوليد التلقائي للعلامات الوصفية المختلفة باستخدام وحدة Metatag. وكذلك إضافة علامات وصفية حتى يبدو المحتوى أفضل عند مشاركته على <a href="https://academy.hsoub.com/marketing/social-media/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%88%D8%B3%D8%A7%D8%A6%D9%84-%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A-%D9%88%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84%D9%87%D8%A7-r526/" rel="">وسائل التواصل الاجتماعي</a>. كما يمكنك أيضًا استخدام وحدة Real-time SEO لمساعدتك في التركيز على كلمات رئيسية محددة ورفع الموقع في نتائج محركات البحث عليها.
</p>

<h2>
	الخاتمة
</h2>

<p>
	هل أنت مهتم بتجريب دروبال؟ يقدم موقعي <a href="https://simplytest.me/" rel="external nofollow">Simplytest.me</a> و<a href="https://github.com/shaal/DrupalPod" rel="external nofollow">DrupalPod</a> بنقرة واحدة طريقة عرض مجانية لاختبار دروبال باستخدام بيئة تطوير متكاملة IDE مستضافة على السحابة.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://opensource.com/article/22/3/drupal-advanced-blogging-platform" rel="external nofollow">How I use Drupal as an advanced blogging platform</a> لصاحبه Martin Anderson-Clutz.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة التحكم في دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/" rel="">القوالب Themes في دروبال 9 Drupal</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">778</guid><pubDate>Fri, 12 Aug 2022 09:50:30 +0000</pubDate></item><item><title>&#x627;&#x644;&#x642;&#x648;&#x627;&#x644;&#x628; Themes &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; 9 Drupal</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-themes-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-9-drupal-r692/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bd1b7a14_-Themes---9-Drupal.png.0b1a7b73cf28f23f505bcb92ce684897.png" /></p>

<p>
	المظهر في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال 9 Drupal</a> هو الذي يُتيح لك تخصيص الشكل الذي يبدو عليه موقعك، وذلك عن طريق تثبيت قالب Theme معين يناسب موقعك الإلكتروني، ويوفر لزائري موقعك <a href="https://academy.hsoub.com/design/user-experience/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-user-experience-r149/?msclkid=05da97c7cddf11ec938b0946446a32b4" rel="">تجربة مستخدم</a> فريدةً من نوعها أثناء تصفحهم موقعك، لذا يُعَد اختيار قالب دروبال -أو ما يُعرف باسم ثيم الموقع- في بداية إطلاق أي موقع إلكتروني جديد أو مدونة، واحدًا من أهم الخيارات في عملية بناء موقع دروبال (ما لم يكن الخيار الأول).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97682" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bccea8a0_0.png.bcbb4768c1e178c367ec9b81493b3d2f.png" rel=""><img alt="صورة 0.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97682" data-unique="fol9sw56x" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bd002a08_0.thumb.png.f3776889e92650ded7371055a79fde45.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	فالقوالب في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> هي التي تتحكم في المظهر الكامل للموقع، وتحدد طريقة توزيع العناصر وأسلوب عرض المحتوى الخاص بك كما تعرف، ولكل قالب دروبال تصميمه المميز؛ بالتالي عند تغيير القالب، سوف يبدو موقعك مختلفًا تمامًا، لذا يجب عليك اختيار قالب موقعك بعناية، وذلك نظرًا لكون القالب هو أول شيء يلاحظه زوار موقعك لأول مرة، وهو الذي يعطيهم الانطباع الأول عنه.
</p>

<p>
	يوفر دروبال قوالب عديدةً يمكنك الاختيار بينها من خلال <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">الموقع الرسمي</a>، وستتعرف في هذا المقال على تركيب قالب وإزالته، مع شرح مفصل لعملية التركيب والضبط والتخصيص مع تخصيص القالب خطوةً بخطوة بالكامل، كما سنسرد أشهر القوالب المجانية المتوفرة على الويب.
</p>

<h2>
	القوالب المجانية Free Themes
</h2>

<p>
	يمكنك بسهولة الحصول على عدد غير محدود من قوالب دروبال 9 المجانية على <a href="https://academy.hsoub.com/devops/networking/%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84-%D8%B4%D8%A8%D9%83%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-r571/" rel="">شبكة الإنترنت</a>، والاعتماد عليها في حال كانت الميزانية المخصصة لبناء الموقع محدودةً، إذ يحتوي <a href="Drupal.org" rel="">الموقع الرسمي لدروبال</a> مثلًا على أكثر من 8000 قالب دروبال مجاني آمن ومصمم بشكل جميل، ويمكنك أن تختار بينها ما يناسبك.
</p>

<p>
	يمكن أن تجد قوالب مجانيةً توفر جميع الميزات والوظائف التي تحتاجها لموقعك، وستجد قوالب دروبال مناسبةً للمدونات <a href="https://academy.hsoub.com/entrepreneurship/ecommerce/%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%A7%D9%84%D9%85%D8%AA%D8%A7%D8%AC%D8%B1-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9-%D9%88%D9%86%D9%85%D8%A7%D8%B0%D8%AC-%D8%A5%D9%8A%D8%B1%D8%A7%D8%AF%D8%A7%D8%AA%D9%87%D8%A7-r733/" rel="">والمتاجر الإلكترونية</a>، كما ستجد مجموعة قوالب لمعارض الأعمال عبر الإنترنت، إلى جانب قوالب عامة متعددة الأغراض يمكن استخدامها لأي نوع من أنواع المواقع، لذا فكل ما عليك هو البحث وانتقاء القالب المناسب لموقعك.
</p>

<p>
	يُعَد القالب الافتراضي في دروبال مثلًا قالبًا مجانيًا بسيطًا وعمليًا لإطلاق مدونة بسيطة مكونة من ثلاث أو أربع صفحات، هي: الصفحة الرئيسية وصفحة المدونة وصفحة اتصل بنا وصفحة سياسة الخصوصية، فقد يصدر كل عام قالب افتراضي جديد يُضمَّن مع كل إصدار دروبال، ويبين الميزات الجديدة التي أُضيفت إلى إصدار دروبال الأساسي، والقالب الافتراضي الحالي لموقع دروبال 9 الذي يحدد مظهر موقعك في البداية بعد تثبيت دروبال هو Bartik 9.3.3، فهو قالب مرن وقابل للتعديل والتخصيص، كما أنه متجاوب مع جميع الأجهزة لا سيما الهواتف الذكية، ويمكنك معرفة ذلك من خلال الضغط على المظهر من لوحة التحكم Cpanel لتظهر أمامك الصفحة التالية.
</p>

<p>
	يفتقر القالب الافتراضي عادةً إلى المميزات الأساسية لمواقع الويب الكبيرة، لذا فقد تكون بحاجة إلى تغيير القالب الافتراضي لموقعك بقالب آخر بميزات أوسع، ويمكنك إضافة قالب جديد عن طريق النقر على زر Add new theme، أو اختيار قالب من القوالب الموجودة مع الإصدار 9، أو من <a href="Drupal.org" rel="">الموقع الرسمي</a>، وسنتعرف في هذا المقال على ذلك وعلى كيفية إضافة قالب وتخصيصه، كما سنسرد أشهر أنواع القوالب المجانية، لذا تابع معنا فقط.
</p>

<p>
	عليك ملاحظة أن هناك فرقًا بين قالب موقعك الذي سيظهر لزائري الموقع، وبين قالب الإدارة الذي من خلاله تدير أنت موقعك أو يديره أحد المسئولين الذين عيَّنتهم، وأيضًا أنت الذي تختار قالب أو سمة الإدارة، وحبذا استخدام قالب Seven دائمًا في إدارة موقعك.
</p>

<h2>
	كيفية تثبيت قالب في دروبال 9 خطوة بخطوة
</h2>

<p>
	لقد خططنا في البداية لإنشاء موقع تعليمي يناسب المؤسسات والمعاهد التعليمية، لذلك سنذهب إلى <a href="Drupal.org" rel="">الموقع الرسمي</a>، ثم نختار Themes، ونحدد البحث ونخصصه عن طريق كتابة كلمة Education في مربع البحث، ثم نضغط على زر Search لتظهر النتائج التالية لقوالب تعليمية مميزة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97697" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0a42ee8_7.png.3f06c7b3c20860ecf9e7960e3cbc2a98.png" rel=""><img alt="صورة 7 تخصيص البحث عن قالب تعليمي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97697" data-unique="s2w55od1k" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0a42ee8_7.png.3f06c7b3c20860ecf9e7960e3cbc2a98.png" style="width: 610px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97698" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0d2b01e_71.png.bdbce047a60ebe2b27261108da1c0d6a.png" rel=""><img alt="صورة 7 تخصيص البحث عن قالب تعليمي1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97698" data-unique="pl0a776td" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0d2b01e_71.png.bdbce047a60ebe2b27261108da1c0d6a.png" style="width: 610px; height: auto;"></a>
</p>

<p>
	هذه هي نتائج البحث. هنا اختير قالب <a href="https://www.drupal.org/project/school_zymphonies_theme" rel="external nofollow">School Zymphonies Theme</a>، إذ يُعَد قالبًا مثاليًا ومناسبًا جدًا للأغراض التعليمية، ويتمتع بقدر عالٍ من التقنيات الحديثة المستخدَمة في عالم الويب، مثل بوتستراب الإصدار الرابع Bootstrap v4 الذي يجعله متناسبًا مع جميع الأجهزة والهواتف الذكية، بالإضافة إلى التصميم الإبداعي والقوائم المنسدلة، كما يتضمن تقنيات مثل <a href="https://academy.hsoub.com/programming/css/sass/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-sass-r8/" rel="">ساس SASS</a> وعرضًا مميزًا للصور. وكل ما عليك هو الذهاب أسفل الصفحة لتحميل القالب في صيغة Zip، والنقر عليه ليطلب منك حفظ الملف على خادمك الخاص، كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97699" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0dbf3bd_8Zip.png.74e75f5cb87147f45579ee02ec28a466.png" rel=""><img alt="صورة 8 تحميل القالب في صيغة Zip.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97699" data-unique="mtp39ddcr" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0dbf3bd_8Zip.png.74e75f5cb87147f45579ee02ec28a466.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بعد تحميل الملف وحفظه، عليك الآن الذهاب إلى لوحة تحكم موقعك Cpanel، واختيار "المظهر" منها، ثم الضغط على زر Add new themes، ثم رفع الملف الذي حمَّلته كما توضح الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97700" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0e9bc62_9Zip.png.d2e7af040bc5efd2731f23875b6dba0e.png" rel=""><img alt="صورة 9 اختيار القالب ة Zip.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97700" data-unique="f2fil0zfh" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0e9bc62_9Zip.png.d2e7af040bc5efd2731f23875b6dba0e.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	بعد اختيار وتحميل الملف، اضغط على زر متابعة، وذلك لتحميل القالب وفك ضغط الملف؛ وعندها ستظهر أمامك النافذة التالية التي يوضح عملية التثبيت.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97692" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfcdaf95_3.png.99a6e9ee0775a0fa6aa983c62dc63316.png" rel=""><img alt="صورة 3 عملية تثبيت القالب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97692" data-unique="7jivrt1xg" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfcdaf95_3.png.99a6e9ee0775a0fa6aa983c62dc63316.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	بعد الانتهاء من التثبيت ستظهر أمامك الصورة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97693" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfdb34a5_31.png.836345b30867c2e9858b91ad69668b7a.png" rel=""><img alt="صورة 3 ما بعد الثبيت 1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97693" data-unique="tv3tqexw9" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfdb34a5_31.png.836345b30867c2e9858b91ad69668b7a.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	اضغط على خيار "تثبيت السمات المضافة حديثًا"، وذلك للانتقال إلى الصفحة التالية لاختيار القالب الذي حمَّلته، وستجده ضمن قائمة uninstalled themes، لذا اضغط على تثبيت ليصبح ضمن قائمة Installed themes، ثم اضغط على خيار "تعيينه كافتراضي" كما في الصور التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97694" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfedb592_4.png.dbaefb5b9c6a9bdab60c39b5f58ead6d.png" rel=""><img alt="صورة 4 إختيار القالب الجديد وتثبيته.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97694" data-unique="fli1vh7qs" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c00863f0_4.thumb.png.85a05635819ddc8d84619b254dc78f60.png" style="width: 700px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97695" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762c026e5a7_5.png.defdb9ad15dfdd1a29ddceb38337d61b.png" rel=""><img alt="صورة 5 جعل القالب المثبت الجديد إفتراضي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97695" data-unique="ks2r47n2o" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762c0472755_5.thumb.png.a42c59f8e57943f08fb3fb1d173b4d32.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	ستظهر رسالة تأكيد تثبيت القالب، بعدها عليك الرجوع إلى موقعك لتشاهد التغيير الذي طرأ، عندها ستلاحظ تغيير القالب الخاص بموقعك وإضافة ذلك القالب التعليمي المميز <a href="https://www.drupal.org/project/school_zymphonies_theme" rel="external nofollow">School Zymphonies Theme</a> كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97683" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bd59b135_10.png.5376adad0eddf2efd55b98b73816d1cd.png" rel=""><img alt="صورة 10 موقع تعليمي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97683" data-unique="cj5qq58op" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bd875c9a_10.thumb.png.f0276542cb583544911ea904d308fff0.png" style="width: 700px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97684" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bdae17dc_101.png.ea77343e4c7536f3ae8b759ad8b5c505.png" rel=""><img alt="صورة 10 موقع تعليمي1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97684" data-unique="6q93bs1cy" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bdd6b7b5_101.thumb.png.144257f0faa6eae4e93cc45ac355f7bd.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	ولاحظ أيضًا تجاوب القالب مع شاشات الهواتف الذكية كما توضح الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97685" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762be0c3cbd_1021.png.57b44ec44fc10e8a2757e23aa21c5b84.png" rel=""><img alt="صورة 10 موقع تعليمي21.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97685" data-unique="k4n3f9y11" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762be2a8e0f_1021.thumb.png.2ab514f19a240ab8e5b0a30f665d0262.png" style="width: 400px; height: auto;"></a>
</p>

<p>
	تُعَد هذه هي طريقة تركيب قالب دروبال 9 المجاني خطوةً بخطوة، والآن دعنا نتعرف على أهم القوالب المجانية الموجودة على الإنترنت، وبالأخص على <a href="https://www.drupal.org/project/project_module" rel="external nofollow">الموقع الرسمي</a>، ولا تنسَ أنك تستطيع تحديد عملية البحث عن قوالب تناسب أغراضك وتلبي احتياجك.
</p>

<h2>
	قائمة أفضل 10 قوالب Themes تناسب جميع الأغراض
</h2>

<p>
	هذه القوالب هي:
</p>

<ol>
<li>
		قالب BlueMasters بواسطة <a href="https://www.morethanthemes.com/?utm_source=bluemasters_drupal&amp;utm_medium=bluemasters_drupal&amp;utm_campaign=bluemasters_drupal&amp;mt-referral=drupalorg-bluemasters" rel="external nofollow">MORE THAN Just THEMES</a>.
	</li>
	<li>
		قالب Corporate Clean بواسطة MORE THAN Just THEMES.
	</li>
	<li>
		قالب Danland بواسطة <a href="https://www.drupal.org/u/danpros" rel="external nofollow">DanPros</a>.
	</li>
	<li>
		قالب Business بواسطة <a href="https://www.drupal.org/u/devsaran" rel="external nofollow">Devsaran</a>.
	</li>
	<li>
		قالب Nexus بواسطة Devsaran.
	</li>
	<li>
		قالب Zircon بواسطة <a href="https://www.drupal.org/u/weebpal" rel="external nofollow">WeebPal</a>.
	</li>
	<li>
		قالب Business Responsive Theme بواسطة <a href="https://www.drupal.org/u/zymphonies-team" rel="external nofollow">Zymphonies-Team</a>.
	</li>
	<li>
		قالب Drupal8 Zymphonies بواسطة Zymphonies-Team.
	</li>
	<li>
		قالب Showcase بواسطة <a href="https://www.drupal.org/u/skounis" rel="external nofollow">Skounis</a>.
	</li>
	<li>
		قالب Integrity بواسطة <a href="https://www.drupal.org/knackforge-soft-solutions-private-limited" rel="external nofollow">Knackforge</a>.
	</li>
</ol>
<p>
	وسنكتفي في ما يلي بشرح بعض هذه القوالب فقط.
</p>

<h3>
	قالب BlueMasters
</h3>

<p>
	هو أحد قوالب <a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1248/" rel="">ووردبريس WordPress</a> المشهورة التي نُقلت إلى منصة دروبال Drupal بواسطة شركة MORE THAN Just THEMES، وهي منظمة قوية تتمتع بسمعة طيبة في مجتمع دروبال وعالم تصميم واجهة وتجربة المستخدم UI/UX. يدعم القالب مظهرًا عصريًا الحد الأقصى للصناديق فيه هو 12 صندوقًا، كما تعرفنا في المقالات السابقة أن الصندوق Block هو وحدة التخطيط الأساسية التي يتكون منها الموقع، لذا فكلما زاد عدد الصناديق blocks التي يدعمها القالب، زادت قابليتها للتخصيص، فعند استخدامك هذا القالب في دروبال 9، يمكنك عرض الشرائح على الصفحة الأمامية، ومعلومات التقسيم إما في عمودين أو 3 أعمدة على صفحة الويب، كما يمكنك تنظيم محتواك والوصول إليه عبر قوائم منسدلة متعددة المستويات. يمكنك تحميل القالب من خلال الضغط على اسم القالب بالعنوان في الأعلى، لذا اتبع فقط نفس الخطوات السابقة لتثبيت القالب وجعله افتراضيًا، وعندها سيظهر موقعك كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97686" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bea006c1_111.png.4ce45b8fd76ff3c01f6d6cebeb7f693a.png" rel=""><img alt="صورة 11 قالب 1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97686" data-unique="98ewvihvy" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bee722d2_111.thumb.png.30805a7c2182769e944cd6f5d7055073.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97687" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf19cefc_121.png.21f182388f12e48937aaceb45d068c26.png" rel=""><img alt="صورة 12 قالب 1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97687" data-unique="369o75dbe" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf19cefc_121.png.21f182388f12e48937aaceb45d068c26.png"></a>
</p>

<h3>
	قالب Danland
</h3>

<p>
	طُوِّر القالب بواسطة <a href="https://www.drupal.org/u/danpros" rel="external nofollow">شركة DanPros</a>، ويوفر القالب ميزةً فريدةً من نوعها ومفقودةً في العديد من قوالب دروبال المجانية، وهي تحديد مخطط الألوان، إذ تحتوي معظم القوالب المجانية على <a href="https://academy.hsoub.com/design/graphic/%d9%85%d8%a7-%d9%87%d9%88-%d8%a7%d9%84%d9%86%d9%91%d8%b8%d8%a7%d9%85-%d8%a7%d9%84%d9%84%d9%88%d9%86%d9%8a-color-model-r11/?msclkid=c5cc039ccddf11eca09ed070946deff6" rel="">نظام ألوان</a> ثابت، مما يعني أنه لا يمكنك تغيير لون الزر أو خلفية الصفحة، لكن باستخدام <a href="https://www.drupal.org/project/danland" rel="external nofollow">قالب Danland</a>، يمكنك ضبط لون بعض عناصر الشاشة، إذ يدعم القالب القوائم المنسدلة وعرض الشرائح متعددة المستويات، كما يمنحك أكبر قدر من المرونة والتخصيص لضبط وتنسيق موقع الويب الخاص بك، ويدعم 26 منطقةً، كما يمكن أن يحتوي التخطيط layout على عمود أو عمودين أو 3 أعمدة.
</p>

<p>
	يمكنك تحميل القالب من خلال الضغط على اسم القالب بالعنوان في الأعلى، لذا اتبع فقط نفس الخطوات السابقة لتثبيت القالب وجعله افتراضيًا، وعندها سيظهر موقعك كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97689" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf44eb1a_12.png.2ab34865c03d7cd9063f543c29783e96.png" rel=""><img alt="صورة 12 قالب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97689" data-unique="gd80nys98" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf676546_12.thumb.png.06baaa7b54179f69e8efc60205706a77.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97688" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf26b984_122.png.1b9145794ad83f27ea99444f10475e6e.png" rel=""><img alt="صورة 12 قالب 2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97688" data-unique="jof6hqew6" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf26b984_122.png.1b9145794ad83f27ea99444f10475e6e.png"></a>
</p>

<h3>
	قالب Zircon
</h3>

<p>
	يمكن القول إن قالب Zircon هو المظهر الأكثر جاذبيةً بصريًا، إذ يتمتع بتصميم واجهة وتجربة مستخدم UI/UX ممتازة تناسب المستخدمين وتوفر لهم رحلة مستخدم مثاليةً في الموقع، فوضع التصميم النظيف جنبًا إلى جنب، يجعل الموقع الخاص بك في وضع التفاعل والمنافسة دائمًا، كما يتمتع بدعم قوي من <a href="https://www.drupal.org/u/weebpal" rel="external nofollow">شركة WeebPal</a>، لذا إذا كان موقع دروبال Drupal الخاص بك غنيًا بالصور، فعليك بالتأكيد التفكير في استخدام قالب Zircon، إذ يتميز بعرض الصور فى وضع الشرائح Slide Show.
</p>

<p>
	ومن مميزات القالب الحديثة ما يلي:
</p>

<ul>
<li>
		وجودة وثيقة كاملة، أو ما يُعرف باسم Documentation.
	</li>
	<li>
		التوافق مع جميع محركات البحث.
	</li>
	<li>
		متناسب مع الإصدار التاسع من دروبال.
	</li>
	<li>
		يشمل تقنيات ويب حديثة، مثل Html5 / Css3 وTwitter Bootstrap 3.1.1 وFont Awesome 4.0.3 وغير ذلك.
	</li>
	<li>
		متجاوب مع جميع الأجهزة، سواءٌ الأجهزة اللوحية أو الحواسيب الشخصية أو الهواتف الذكية.
	</li>
</ul>
<p>
	يمكنك تحميل القالب من خلال الضغط على اسم القالب بالعنوان في الأعلى، لذا اتبع فقط نفس الخطوات السابقة لتثبيت القالب وجعله افتراضيًا، وعندها سيظهر موقعك كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97690" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf7daacf_13.png.6b3d1688e797e12b8df46b33e28d9f22.png" rel=""><img alt="صورة 13 قالب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97690" data-unique="oaabfn7wc" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf7daacf_13.png.6b3d1688e797e12b8df46b33e28d9f22.png"></a>
</p>

<p>
	تجدر الإشارة إلى أن القوالب المجانية عادةً ما تكون غير مرفقة بتوثيق كافٍ، ويمكن أن تكون بلا دعم، أو يكون دعمها محدودًا نسبيًا بعد إطلاق ونشر الموقع، لذا إذا واجهتك مشكلة تتعلق بقالب دروبال مجاني، فتوقع أنك أنت الذي ستبادر بحل المشكلة بنفسك.
</p>

<p>
	تملك القوالب المجانية في العالب أيضًا خيارات تخصيص محدودةً وتكاملًا محدودًا مع تطبيقات الجهات الخارجية، وتكون تحديثاتها قليلةً ومتباعدةً، أو قد لا تكون متوفرةً على الإطلاق.
</p>

<p>
	في الأخير، يجب أن تنتبه لمسألة وجود الآلاف -إن لم يكن الملايين- من المواقع التي تستخدم الثيمات والقوالب المجانية، مما يعني وجود الكثير من المواقع التي قد تكون نسخةً طبق الأصل لموقعك وتفقدك الحصول على هوية مميزة لموقعك، وقد يدفعك هذا للخيارات الأخرى، مثل الحصول على قالب دروبال مدفوع بميزات تخصيص أوسع، أو قالب حصري مخصص لموقعك بالكامل لتحقيق التفرد في تصميم موقعك والتمتع بالمزيد من الخيارات والإمكانيات الاحترافية له.
</p>

<h2>
	كيفية إزالة قالب دروبال 9
</h2>

<p>
	اختر المظهر من <a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة تحكم موقعك</a>، ثم ابحث عن القالب المراد إزالته؛ عندها ستجد بجانبه خيار "إزالة"، لذا اضغط عليه لإزالة القالب من موقعك والعودة إلى القالب الافتراضي في دروبال 9 كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97691" href="https://academy.hsoub.com/uploads/monthly_2022_05/62762bf9a7f0d_14.png.180fbee634e4ad4096ab9b1f8a01b8b8.png" rel=""><img alt="صورة 14 ازالة قالب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97691" data-unique="zfb86qh1c" src="https://academy.hsoub.com/uploads/monthly_2022_05/62762bfb73034_14.thumb.png.97597a25f3affb41a581ac1621dd79b4.png" style="width: 650px; height: auto;"></a>
</p>

<h2>
	الملخص
</h2>

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

<p>
	وما عليك الآن سوى تحديد متطلباتك واحتياجك بدقة، وإجراء البحث وفقًا لها لاختيار قالب يلبيها على الوجه الأمثل. يُنصح بالتمهل في هذه العملية، إذ يُعَد اختيار قالب دروبال مجاني لموقعك من أهم الخطوات التي يجب أن تتخذها بعناية، ومن ثم تثبيته كما تعلمت.
</p>

<h2>
	المراجع
</h2>

<ul>
<li>
		<a href="https://www.drupal.org/project/zircon" rel="external nofollow">drupal.org</a>.
	</li>
</ul>
<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">تثبيت دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/" rel="">الوحدات Modules في دروبال Drupal 9 </a>
	</li>
</ul>
]]></description><guid isPermaLink="false">692</guid><pubDate>Sat, 07 May 2022 08:42:33 +0000</pubDate></item><item><title>&#x627;&#x644;&#x648;&#x62D;&#x62F;&#x627;&#x62A; Modules &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal 9</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA-modules-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r684/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e703177dc_-Modules---Drupal-9.png.db37831f10aa9f6119955c9172cce952.png" /></p>

<p>
	مع وجود ملايين المستخدمين الناجحين على مستوى العالم، يعرف الجميع أن <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> منصة مفتوحة المصدر لنظام إدارة المحتوى CMS، تمكِّن المؤسسات الصغيرة والكبيرة من استخدامها بتكلفة منخفضة، وذلك لإدارة المواقع الإلكترونية الخاصة بهم وإنشاء بنية قوية للمؤسسة، مع قابلية التطوير وإبراز ميزة المنافسة دائمًا في بيئة عمل آمنة.
</p>

<p>
	يأتي دروبال 9 مزوَّدًا بمجموعة جيدة من القوالب Themes والعديد من الوحدات Modules، وذلك لتسهيل إنشاء مواقع الويب وصيانتها، كما تجد الشركات والمؤسسات أن هذه الوحدات تتسم بالفعالية والكفاءة عند إنشاء مواقعها على الويب دون التطرق إلى الأكواد البرمجية.
</p>

<p>
	سنتناول في هذا المقال كيفية إضافة وإزالة الوحدات Modules في موقعك، كما سنلقي نظرةً على أفضل 15 وحدةً Module ضروريةً للمسؤولين الذين يرغبون في تحسين إمكانات مواقعهم على <a href="https://academy.hsoub.com/devops/servers/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%AD%D8%B1%D9%83-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r572/" rel="">الويب</a>.
</p>

<h2>
	الوحدات Modules
</h2>

<p>
	الوحدات هي عبارة عن أكواد برمجية كُتبت خصوصًا لأداء وظيفة ما، فبدلًا من كتابة كود <a href="https://academy.hsoub.com/programming/php/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-php-r609/" rel="">PHP</a> مثلًا لعمل تقويم في موقعك أو إضافة محرر نصوص محترف، يمكنك استخدام وحدات أخرى ساهم فيها مطورون من قبل تؤدي نفس الوظيفة، كما توجد وحدات Modules كثيرة قد تناسبك وتلبي احتياجاتك.
</p>

<p>
	يمكن تنزيل هذه الوحدات من <a href="Drupal.org" rel="">الموقع الرسمي</a> وما يُشار إليه باسم Drupal core، وهو يأتي مليئًا بجميع الوحدات Modules الأكثر استخدامًا لبناء موقع إلكتروني، وهذا ما يوفره Drupal 9، إذ يتمتع بالكثير من الوحدات المفعلة وغير المفعلة الافتراضية، كما تضمن لك وحدات دروبال موقعًا متكاملًا على <a href="https://academy.hsoub.com/devops/networking/%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84-%D8%B4%D8%A8%D9%83%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-r571/?msclkid=e2c1dd48c55d11ecb37412df18edf05a" rel="">شبكة الإنترنت</a>، وذلك لأنها:
</p>

<ol>
<li>
		تتمتع بسهولة التكامل مع خدمات وتطبيقات الطرف الثالث الشائعة third-party.
	</li>
	<li>
		يمكن الوصول إليها من قِبل مديري المحتوى والمسؤولين والتعامل معها بكفاءة.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97138" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e711ddd2b_1.png.dff853872ac240ed5fbadf4384979ce4.png" rel=""><img alt="صورة 1 الوحدات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97138" data-unique="qe1p617l2" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e71576a40_1.thumb.png.c2da3ad0754c0dd51086c559df83b150.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	لاحظ أن الوحدات المفعلة قد حُددت من خلال Check Box، وأنه يمكنك تفعيل غير المفعلة منها من خلال Check Box كذلك، ثم النزول أسفل الصفحة والنقر على زر "تثبيت".
</p>

<p>
	لكن هناك مجموعةً كبيرةً ومتنوعةً من الوحدات التي يساهم فيها آلاف المطورين مجانًا على <a href="https://www.drupal.org/project/project_module" rel="external nofollow">الموقع الرسمي</a>، مثل وحدات التجارة الإلكترونية <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%88%D9%86%D8%B4%D8%B1-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%85%D8%A7-%D9%8A%D8%AA%D8%B9%D9%84%D9%82-%D8%A8%D9%87%D8%A7-%D8%B9%D8%A8%D8%B1-%D9%85%D9%86%D8%B5%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r416/" rel="">والتدوين</a> ومعارض الصور واستطلاعات الرأي والتصويت، وذلك بمجرد النقر على هذا الرابط السابق الذي سيوجهك مباشرةً إلى الصفحة الخاصة بالوحدات Modules لاختيار الإضافة التي تريدها، كما يمكنك تحديد عملية البحث إن خطَّطتَ لموقعك، إذ لن توفر النسخة الافتراضية من دروبال 9 Drupal مثلًا الإضافة أو الوحدة Module التي تمكننا من استطلاع آراء الزائرين أو التصويت لحدث معين.
</p>

<p>
	لذلك يتطلب الأمر الذهاب إلى <a href="https://www.drupal.org/project/project_module" rel="external nofollow">الموقع الرسمي لدروبال</a> للبحث عن هذه الإضافة.
</p>

<p>
	كل ما عليك هو الدخول إلى ذلك الرابط، ثم اختيار Modules وكتابة اسم الوحدة أو الإضافة poll، ثم الضغط على Search لتظهر أمامك الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97139" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e71a733b8_2.png.f58f4c81bd380fa10a5d426b1b8cfcc0.png" rel=""><img alt="صورة 2 البحث عن إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97139" data-unique="vutalqjm2" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e71c8f2d2_2.thumb.png.c574d3d8614b900d3ab7e45a389327d6.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	انقر فقط على ذلك الخيار Poll لينقلك إلى صفحة أخرى بها كل معلومات هذه الإضافة أو الوحدة Module الجديدة ومتطلبات التحميل والتثبيت، ويوجد بها رابط تحميل أسفل الصفحة كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97137" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e710cb404_02.png.ebf3329511522b116fecc3a34c5cdfd6.png" rel=""><img alt="صورة 02 رابط تحميل الإضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97137" data-unique="0zwc6rmkl" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e710cb404_02.png.ebf3329511522b116fecc3a34c5cdfd6.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	اختر صيغة التحميل ذات الامتداد Zip، وبمجرد الضغط عليها سيُطلب منك تحديد مكان حفظها على الخادم الخاص بك، وكل ما عليك فعله بعد اكتمال عملية التحميل هو الذهاب إلى وحدة تحكم موقعك Cpanel، ثم اختيار الوحدات والنقر على زر Add new Module لينقلك إلى الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97140" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e71e565aa_22.png.b0e356a50a0861ba95b300122af2705f.png" rel=""><img alt="صورة 2 تحميل الإضافة الى الموقع 2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97140" data-unique="hs849lgbk" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e71e565aa_22.png.b0e356a50a0861ba95b300122af2705f.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	كل ما عليك هو اختيار الملف الذي حمَّلتَه من الموقع الرسمي لدروبال، ثم النقر على زر متابعة، وعندها سيظهر أمامك ما يوضّح عملية تثبيت الإضافة الجديدة Module كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97141" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e7202fd23_3.png.50ffc1e188f021f585b4f658ecc836a8.png" rel=""><img alt="صورة 3 اختيارات ما بعد تحميل الوحدات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97141" data-unique="gi53206an" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e7202fd23_3.png.50ffc1e188f021f585b4f658ecc836a8.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	عند الضغط على تفعيل الوحدات المضافة حديثًا، سينقلك مباشرةً إلى جميع الوحدات Modules في موقعك المفعلة وغير المفعلة، لذا ابحث عن الإضافة poll، وغالبًا ما ستجدها ضمن الفئة (آخر)، وعندها عليك اختيارها ثم النزول أسفل الصفحة والضغط على زر تثبيت.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97142" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72164556_4.png.cd1eb1e1d0412203bc9382e5120b0c46.png" rel=""><img alt="صورة 4 تفعيل الاضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97142" data-unique="w6zqpx7c0" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72546cdd_4.thumb.png.d09f0a9c13b8eca6ba357d00beed5b1e.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	بعد النقر على زر تثبيت، سيظهر ما يوضح عملية تثبيت الإضافة وتحديثات الترجمات الجديدة من أجلها كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97143" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e727b35cb_5.png.eee05b5467b4dfd86699eef0a00f000c.png" rel=""><img alt="صورة 5 تحديث  من اجل الوحدات الجديدة المثبته.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97143" data-unique="hv1pchrou" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72863062_5.thumb.png.3adefaaaf72215b5d7b620612be1edb8.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	بعد الانتهاء من التحميل، سيظهر تنبيه يوضّح اكتمال العملية بنجاح كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97144" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72955fa1_6.png.8b54031cb07a2290076e78962a8fd12c.png" rel=""><img alt="صورة 6 تمت إضافة الموديول.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97144" data-unique="sf263lyyc" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72b1459e_6.thumb.png.e83e6ba28519e841665ea7a3332dbe65.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	لمعرفة كيفية استخدام تلك الإضافة في موقعك واستطلاع آراء زائريك عن مقال ما أو حدث معين أو أي شئ آخر، فكل ما عليك هو الذهاب إلى لوحة تحكم موقعك واختيار المحتوى ثم Polls، ثم النقر على زر Add Poll كما هو موضح في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97145" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72c5e882_7.png.190fd604cd611593624cfc98fcb4c249.png" rel=""><img alt="صورة 7 إضافة أستطلاع رأي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97145" data-unique="zzqa9i74r" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72e5bf45_7.thumb.png.a66c92f55b3d6b4f7c7e5687668648d0.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	بمجرد الضغط على زر Add a poll، ستنتقل مباشرةً إلى الصفحة التالية التي تمكّنك من تخصيص محتوى استطلاع الرأي الخاص بك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97146" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e72fb099e_8.png.c72840df73750450b35debd8043944fe.png" rel=""><img alt="صورة 8 تخصيص استطلاع رأى.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97146" data-unique="kb1a3rrsh" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e731b9f84_8.thumb.png.d72acc53aae855f2852cfe16dcf81584.png" style="width: 700px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97147" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e73346176_82.png.3f712f622b44b30a25e7d1dab64c780f.png" rel=""><img alt="صورة 8 تخصيص استطلاع رأى2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97147" data-unique="vmbv8o09z" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e73346176_82.png.3f712f622b44b30a25e7d1dab64c780f.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	وكل ما عليك هو طرح السؤال (اكتب ما تريده ) وتحديد مجموعة الخيارات لزائري موقعك (جيد - جيد جدًا - ممتاز)، ثم تحديد مدة ظهور استطلاع الرأي وتفعيل الخيارات الثلاثة الأخيرة، وذلك لتسمح للجميع بالمشاركة (وليس مستخدمي موقعك فقط)؛ أما الخيار الثاني، فهو إلغاء التصويت من قِبل أحد الزائرين بعد المشاركة، إن كنت تفضل ذلك، والخيار الأخير هو السماح برؤية معدلات التصويت للزائرين، وتعود كل هذه الخيارات لصاحب الموقع أو المدونة كما توضح الصور التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97134" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e7079d37d_1.png.971eb8b8599d6baf7133a925577a2069.png" rel=""><img alt="التصويت 1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97134" data-unique="fereck3hg" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e7092fbf2_1.thumb.png.c46de781fc7642a60445b2723771d056.png" style="width: 700px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97135" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e70bc92e3_2.png.1486bc52b968468af9425ad7dc67b8b7.png" rel=""><img alt="التصويت 2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97135" data-unique="dqj9mhva2" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e70d9e309_2.thumb.png.4e400ad4d2765bb51110b25a984d3ca2.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تُعَد هذه الإضافة مهمة جدًا لكثير من المواقع المشهورة، وأيضًا للمؤسسات في عملية استطلاع الرأي في كثير من الأمور والمشاكل، كما تساهم في إعطاء روح المشاركة للزوار، ولمعرفة أهم الإضافات الأخرى Modules فقط تابع معنا.
</p>

<h2>
	أهم الوحدات Modules التي قد تحتاجها معظم المواقع
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97133" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e705019b4_15.png.a1ed775f32cb294eb9993362f45301ab.png" rel=""><img alt="افضل 15 إضافة لموقعك.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97133" data-unique="p3083j76x" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e705019b4_15.png.a1ed775f32cb294eb9993362f45301ab.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	سنتناول فيما يلي أهم تلك الوحدات:
</p>

<h3>
	1. شريط أدوات المسؤول Admin Toolbar
</h3>

<p>
	يُعَد الغرض من هذه الوحدة هو ترقية شريط الأدوات الافتراضي الموجود في <a href="https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/" rel="">لوحة تحكم دروبال 9</a> وتحويله إلى قائمة منسدلة، فبمجرد الوقوف على أحد الخيارات في لوحة التحكم، سيعرض جميع الخيارات الأخرى الموجودة داخل هذا الخيار، مما يوفر وصولًا سريعًا إلى جميع صفحات الإدارة والتحكم السريع، إذ يحتوي شريط أدوات المسؤول على وحدات فرعية متنوعة، مثل أدوات إضافية لشريط أدوات المسؤول، والتي تساعد في إضافة روابط، مثل وحدة قائمة المسؤول لدروبال 9.
</p>

<p>
	يمكنك تثبيت وحدة شريط الأدوات الإضافية للاستفادة من العديد من الروابط القيمة في قائمة شريط الأدوات الموجودة في لوحة تحكم موقعك، إذ يعمل هذا على إصلاح عرض الروابط التي يكافح المستخدم من أجل الوصول إليها، ويمكنك تحميله من <a href="https://www.drupal.org/project/admin_toolbar" rel="external nofollow">الموقع الرسمي لدروبال</a>، وذلك باتباع نفس الخطوات المستخدَمة بالمثل في الإضافة السابقة وتفعيلها، بعدها ستلاحظ القوائم المنسدلة وأهمية هذه الإضافة وما توفره للمسئول أو صاحب الموقع أو المدونة من مرونة في عملية التعامل وإدارة الموقع.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97132" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e6fd61acd_2.png.733220ccfc40b35b85b7350cf458262e.png" rel=""><img alt="اضافة  2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97132" data-unique="xja0h04x2" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e700914cf_2.thumb.png.1628bacb23b61ed14a16ab57848d1016.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	بمجرد الوقوف بالمؤشر على أي خيار في لوحة تحكم موقعك، ستظهر جميع الخيارات التي بداخله دون الحاجة للدخول إليها.
</p>

<h3>
	2. نظام حماية Shield
</h3>

<p>
	يُنصح بتثبيت وحدة Module توفر أسلوب حماية لموقع الويب الخاص بك من المستخدمين المجهولين والمتطفلين، وتمنعهم من الوصول إليك ضمن محركات البحث أثناء مراحل الاختبار وصيانة الموقع، إذ تبني هذه الإضافة درعًا بسيطًا للموقع باستخدام مصادقة أباتشي Apache، كما تحمي دروبال 9 تمامًا من كل الثغرات الخارجية. ويمكنك تحميل وتفعيل الإضافة من خلال <a href="https://www.drupal.org/project/shield" rel="external nofollow">هذا الرابط</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97136" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267e70f76eee_.png.8d1ae5f9ed4d3be90866547ada75169a.png" rel=""><img alt="درع الحماية.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97136" data-unique="yf265wqsh" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267e70f76eee_.png.8d1ae5f9ed4d3be90866547ada75169a.png" style="width: 430px; height: auto;"></a>
</p>

<h3>
	3. الدردشة لتقديم الدعم Chat - Live Helper Chat
</h3>

<p>
	تسمح هذه الوحدة أو الإضافة بدمج محادثة مفتوحة المصدر ضمن موقعك، أي Live Helper، ويتضمن ذلك خيارين للتهيئة:
</p>

<ul>
<li>
		تكوين LiveHelperChat بواسطة الإدارة، وتحديد الخصائص التالية: المجال، وحجم الشات، وعنوان الدردشة.
	</li>
	<li>
		إعداد LiveHelperChat باستخدام نص <a href="https://wiki.hsoub.com/JavaScript" rel="external">جافاسكربت JS</a> المصمم بواسطة خادم الدردشة، ويُعيَّن هذا البرنامج النصي في رأس الصفحة Header.
	</li>
</ul>
<p>
	وتتضمن إعدادات رؤية الدردشة <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D9%87%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-api-r1314/?msclkid=7375f07ec55e11ec9ae91be2bff31663" rel="">واجهة برمجة تطبيقات</a> دروبال Drupal plugins، مما يساعدك على:
</p>

<ul>
<li>
		رؤية حالة كل صفحة.
	</li>
	<li>
		متابعة ورؤية المستخدم والرد على استفساراته تلقائيًا.
	</li>
	<li>
		رؤية حالة المحتوى وعمليات تصفحه.
	</li>
</ul>
<p>
	إذ تسمح هذه الإضافة LiveHelperChat للمسؤولين بإدارة جافاسكربت JS في إخراج الصفحة وفقًا لقواعد معينة قابلة للتكوين، فقد كُوِّنت باستخدام <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D8%B9%D8%A8%D8%B1-%D9%84%D8%BA%D8%A9-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA-r651/?msclkid=8aa54efdc55e11ecb80ed3db1b536620" rel="">جافاسكربت JavaScript</a> المتوافق مع دروبال Drupal 9، ويمكنك تحميل الإضافة وتفعيلها من <a href="https://www.drupal.org/project/chat_livehelperchat" rel="external nofollow">هذا الرابط</a>.
</p>

<h3>
	4. منع نسخ المحتوى Copy Prevention
</h3>

<p>
	تُعَد هذه الإضافة أداةً تحمي موقعك من سرقة المحتوى والصور، إذ تتضمن الوظائف الكاملة التي تسمح لك بحماية محتويات موقعك بسهولة ومنع نسخه في صورة نص Text، كما تلغي تفعيل خيار تحميل الصور من موقعك. ويمكنك تحميل الإضافة من <a href="https://www.drupal.org/project/copyprevention" rel="external nofollow">الموقع الرسمي لدروبال</a>.
</p>

<h3>
	5. إضافة Metatag
</h3>

<p>
	تمكّنك هذه الإضافة من إضافة وصف إضافي extra metadata لموقعك على الإنترنت، وذلك باختصار وصف الوسوم الخاصة بك ووسوم الكلمات المفتاحية لمحتواك، مما يساعد على تحسين محرك البحث ضمن موقعك، وتحسين النتائج التي تتضمن هذه الوسوم والكلمات المفتاحية والعبارات التي يستخدمها الزائرين في عملية البحث، ويمكنك تحميل الإضافة من <a href="https://www.drupal.org/project/metatag" rel="external nofollow">هذا الرابط</a>.
</p>

<h3>
	6. إضافة Role Expire
</h3>

<p>
	تُعَد واحدةً من أكثر الإضافات استخدامًا في دروبال 9، فهي إضافة محددة وسهلة الاستخدام، وتسهّل على صاحب الموقع إدارة تواريخ انتهاء وصلاحيات أدوار المستخدمين والمسئولين، كما تُستخدم هذه الإضافة لتنفيذ المشاركات التي قد تكون في عمل معين وتحتاج إلى أكثر من شخص لتنفيذها، وقد خُصِّصت مع دروبال 9، ويمكنك تحميل وتفعيل الإضافة من خلال <a href="https://www.drupal.org/project/role_expire" rel="external nofollow">هذا الرابط</a>.
</p>

<h2>
	كيفية إزالة الوحدات Modules في دروبال 9
</h2>

<p>
	قد تكون بحاجة إلى إزالة بعض الوحدات بعد تثبيتها، إما لأنك لست بحاجة إليها، أو لأنها تبطئ موقعك أو غير ذلك، لذا فكل ما عليك فعله هو اختيار الوحدات من لوحة تحكم دروبال 9، ثم اختر إزالة، واضغط على زر إزالة أسفل الصفحة كما هو موضح في الصورة التالية.
</p>

<h2>
	الملخص
</h2>

<p>
	دروبال هو أحد أشهر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">نُظم إدارة المحتوى في العالم CMS</a>، والمستخدَمة لتطوير المواقع الإلكترونية والتطبيقات. كما أنه يوفر وحدات Modules (إضافات برمجية تؤهلك لبناء موقع إلكتروني متكامل) تتيح لك القدرة على تخصيص وتصميم الموقع الخاص بك بسهولة، وهناك العديد من الوحدات الموجودة على الموقع الرسمي لدروبال يمكنك البحث عن الإضافة التي تناسبك وتخدم موقعك.
</p>

<p>
	إلى هنا نكون وصلنا إلى نهاية مقالنا عن وحدات Modules دروبال 9، وعرضنا كيفية إضافة هذه الوحدات وتفعيلها خطوةً بخطوة، كما سلطنا الضوء على أهم الوحدات Modules التي قد تكون بحاجة إليها، وبالطبع دروبال في تطور مستمر، لذلك توجد وستتواجد تحديثات كثيرة في المستقبل القريب مما يزيد من قوة وأداء دروبال.
</p>

<p>
	نتمنى أن يكون المقال قد قدم الشرح الوافي لهذا الموضوع.
</p>

<h2>
	المراجع
</h2>

<ul>
<li>
		<a href="https://www.altudo.co/resources/blogs/15-drupal-modules-to-build-your-site" rel="external nofollow">Top 15 Drupal Modules You Need for Site Building</a>
	</li>
</ul>
<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">مدخل إلى دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">تثبيت دروبال Drupal 9</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">684</guid><pubDate>Sat, 07 May 2022 08:43:29 +0000</pubDate></item><item><title>&#x644;&#x648;&#x62D;&#x629; &#x627;&#x644;&#x62A;&#x62D;&#x643;&#x645; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal 9</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r683/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc7622f9_----Drupal-9.png.e7539bb7c17a35bd904d28323fd76acf.png" /></p>

<p>
	يوفر دروبال 9 لوحة تحكم Cpanel بسيطةً تسمح لأصحاب المواقع الإلكترونية والمدونات بالتحكم الكامل في الموقع الإلكتروني الخاص بهم، وهي من أهم خصائص دروبال 9 التي تميزه عن غيره من أنظمة إدارة المحتوى الأخرى CMS، إذ يقدم دروبال 9 <a href="https://academy.hsoub.com/design/user-experience/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-user-experience-r149/?msclkid=52362577c55b11ecb89680bcbe18edf0" rel="">تجربة مستخدم</a> مثاليةً -في لوحة التحكم الخاصة به- تُسهل على المستخدم إنشاء وإدارة الموقع ونشر المحتوى بسهولة تامة، فضلًا عن توفير تجربة مستخدم جيدة لزائري الموقع، وذلك بتثبيت قالبك الخاص Themes وإضافة الوحدات التي قد تكون بحاجة إليها في موقعك على الإنترنت.
</p>

<p>
	ستتعرف في هذا المقال على على جميع خصائص لوحة التحكم Cpanel في دروبال 9 Drupal، وكيفية التعامل معها.
</p>

<h2>
	الشكل الافتراضي لموقعك بعد تثبيت دروبال
</h2>

<p>
	يوفر دروبال 9 العديد من الخيارات التي تُتيح لك إمكانية تخصيص موقعك أو مدونتك أو معرض أعمالك كما في الصورة التالية، والتي تتكون من المحتوى والهيكلة والمظهر والوحدات والإعدادات والأشخاص والتقارير والمساعدة، لذا دعنا نوضح كل خيار على حدة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97116" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc296223_1.png.9e5d6c4e007524c0f63a8a91ab3b41a0.png" rel=""><img alt="صورة 1 الشكل الافتراضي لموقعك بعد التثبيت.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97116" data-unique="eburx4yzr" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc509634_1.thumb.png.00ff79ff6edfb874aa2b2f42120bed77.png" style="width: 650px; height: auto;"></a>
</p>

<h3>
	1. المحتوى Content
</h3>

<p>
	المحتوى هو الخيار الأول في لوحة تحكم دروبال 9، وهو المسئول عن المحتوى الذي تريد نشره فى موقعك أو مدونتك سواءٌ كان مقالًا أو صفحةً أو صورةً أو مقطع فيديو أو غير ذلك من أنواع <a href="https://academy.hsoub.com/freelance/general/%D8%AA%D8%B9%D9%84%D9%85-%D9%83%D9%8A%D9%81-%D8%AA%D9%83%D8%AA%D8%A8-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B3%D8%A8-%D9%84%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-r413/" rel="">المحتوى</a>؛ وبمجرد الضغط على هذا الخيار، سينقلك إلى الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97123" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfdc74567_2.png.5308ecd9c33184ed90faa7f75c8c4a82.png" rel=""><img alt="صورة 2 إضافة محتوى.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97123" data-unique="a7viih2zd" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfdd7f144_2.thumb.png.84126b15bf65f72944bd9c76b7dc94e0.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	لإضافة محتوى، كل ما عليك هو الضغط على زر إضافة محتوى كما هو موضح، لتنتقل إلى الصفحة التالية، والتي توضح أنواع المحتوى في دروبال 9.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97124" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfdf8a64c_3.png.f83bcfee3a01529f1843bddfb16d77da.png" rel=""><img alt="صورة 3 أنواع المحتوى.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97124" data-unique="5nyvp4865" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfe0bcc64_3.thumb.png.e5c18cfb26d4337e9f0f5945d4171f9d.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	هناك نوعان من المحتوى في دروبال 9، هما الصفحة الرئيسية والمقال كما في الصورة السابقة، ونوضح فيما يلي الفرق بينهما.
</p>

<h4>
	الصفحة الرئيسية Basic Page
</h4>

<p>
	هي صفحة أساسية في الموقع الخاص بك، مثل صفحة اتصل بنا Contact Us والصفحة الرئيسية Home Page وأي صفحة أخرى تريدها.
</p>

<p>
	يوفر الموقع الافتراضي لدروبال صفحةً أساسيةً فقط هي الصفحة الرئيسية، وتستطيع إضافة صفحات أخرى في دروبال 9. دعنا نتعرف على كيفية إضافة صفحةً مثل صفحة اتصل بنا، وتخصيصها ضمن صفحتك الرئيسية؛ لذا اضغط على الخيار "الصفحة الأساسية" لينقلك إلى الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97125" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfe4e1a6c_4.png.f4442e6c98cb4361409c8c424e97f13e.png" rel=""><img alt="صورة 4 اضافة صفحة اساسية.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97125" data-unique="p1fhlzuk7" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfe782695_4.thumb.png.ff61f843cdb53eea53888930c4388ebb.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	في حقل العنوان اكتب عنوان الصفحة التي تريد إنشاءها، ولتكن صفحة "اتصل بنا"، التي توفر معلومات اتصال موقعك لزائريك، ثم اكتب في حقل النص محتوى الصفحة ونسقها كما تريد، إذ يوفر دروبال 9 محرر نصوص افتراضيًا بسيطًا يساعدك في تنسيق محتوى صفحاتك، كما يمكن إضافة محررات أكثر احترافيةً من خلال الوحدات Modules، وهو ما سنتعرف عليه في المقالات التالية، بعد ذلك اختر على اليسار إعدادات عامة، وفعِّل خيار عرض رابط القائمة، ثم اكتب عنوان الرابط "اتصل بنا"، ثم اكتب في الوصف ما تريده، إذ يظهر الوصف عند الوقوف بالمؤشر على رابط الصفحة، ثم اضغط على زر حفظ أسفل الشاشة.
</p>

<p>
	بمجرد الضغط على زر حفظ، سينقلك مباشرةً إلى تلك الصفحة الأساسية الجديدة. لاحظ التغيير كما في الصورة التالية، ولاحظ أيضًا عند الوقوف بالمؤشر على رابط اتصل بنا سيظهر نصًا يوضّح أن الصفحة خاصة بمعلومات الاتصال.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97126" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfe9acf4b_5.png.35f8df7f524c316885abdfa1ba32ede5.png" rel=""><img alt="صورة 5 بعد إضافة صفحة اساسية.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97126" data-unique="yoyzjjesa" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfeb3490e_5.thumb.png.94280ff5ee18ce96b40e184ba8c0b8a9.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	لقد أُضيفت صفحة أساسية أخرى "اتصل بنا" بجانب الصفحة الرئيسية كما تلاحظ، وبالطبع يمكنك إضافة المزيد من الصفحات حسب احتياجك وما يخدم موقعك أو مدونتك، وكل ما عليك فعله هو اتباع نفس الخطوات السابقة.
</p>

<h4>
	المقال Article
</h4>

<p>
	يُستخدم المقال للمحتويات المتغيرة، مثل المقالات والأخبار وملاحظات المدونة أو أي شيء آخر، ويتميز عن النوع الآخر من المحتوى بأنه يتضمن وسومًا أو ما يُسمى Tags، لذا دعنا نتعرف على كيفية إضافة مقال في موقعك.
</p>

<p>
	اضغط على محتوى من لوحة التحكم، ثم اضغط على زر إضافة محتوى، ومن ثم بدلًا من الضغط على صفحة أساسية، اضغط على مقال لتظهر أمامك الصفحة التالية، والتي لا تختلف كثيرًا عن إنشاء صفحة أساسية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97128" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dff4a3d31_72.png.d8d0a718db14740547590c2edd96e873.png" rel=""><img alt="صورة 7 اضافة مقال 2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97128" data-unique="7e0iya6er" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dff689c80_72.thumb.png.4c313691b639da0ac13280be733fb72b.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	اكتب عنوان المقال، ثم اكتب محتوى المقال الذي تريد نشره. ويمكنك تفعيل رابط المقال ليظهر بوصفه صفحةً أساسيةً ومقالًا كليهما في الصفحة الرئيسية، وهناك خيار "إعدادات التعليق" الذي يتيح التعليق على المقالات الخاصة بك واستطلاع الآراء والاستفسارات من قِبل الزوار، وذلك من خلال تفعيل خيار "مفتوح"، بعدها اضغط على حفظ والعودة إلى موقعك ستلاحظ الآتي.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97129" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dff903201_8.png.bd8387ac70a2a213b22a67aff75ceefc.png" rel=""><img alt="صورة 8 الصفحة الرئيسية بعد نشر مقال وتفعيل الرابط في الصفحة الأساسية.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97129" data-unique="51gtxdzn5" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dffa1882e_8.thumb.png.a877c7df6033d9670f7aa58416f67f69.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	وكما تلاحظ هنا، أُضيف المقال وفُتحت التعليقات والاستفسارات بالأسفل، وهذا مهم جدًا في المواقع التعليمية، فعند وجود أي تساؤلات من قِبل زائريك سيكون بإمكانهم طرحها، وتصلك أنت بوصفك صاحب الموقع كل تلك الاستفسارات والإجابة عنها مع ملاحظة أن كل ذلك يُسجَّل في قاعدة البيانات ضمن موقعك، وهذا ما يحدث ديناميكيًا من جانب دروبال 9.
</p>

<h3>
	2. الهيكلة Structure
</h3>

<p>
	من خلالها يحصل التحكم الكامل في شكل موقعك ومحتواه، فعند الضغط على خيار "الهيكلة" من لوحة تحكم دروبال 9، ينقلك إلى الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97118" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc9a3f25_102.png.a4a416a07b4aa9ee85c43057f57c7b6c.png" rel=""><img alt="صورة 10 الهيكلة2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97118" data-unique="yrx6q9osv" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfcb59369_102.thumb.png.654c2413c3882951914f851590bf8c02.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	والتي بها العديد من الخيارات التي تساعدك في ضبط موقعك، وأهمها خيار Block layout المسئول عن ضبط مجموعة البلوكات أو الصناديق التي يتكون منها الموقع الخاص بك، وتحديد أماكن المحتوى المنشور.
</p>

<p>
	يتكون كل موقع من مجموعة من الصناديق Blocks، مثل الترويسة Header والقائمتين الثانوية والأولية وتذييل الصفحة Footer وجسم الصفحة Body ونحو ذلك، فأنت من تتحكم في أماكن ظهور هذه الصناديق Blocks. وبمجرد الضغط على خيار "Block layout"، ستظهر أمامك الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97119" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfcd69a26_103.png.9e03f79da1bc33c14d9ebc0d2f37314d.png" rel=""><img alt="صورة 10 الهيكلة3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97119" data-unique="73bdbnjq4" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfce6da4e_103.thumb.png.56243c8b6657b866736bd82d71ab708a.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	لمعرفة أماكن هذه الصناديق في موقعك، اضغط على خيار معاينة مناطق الصناديق Blocks، لتظهر أمامك الصفحة التالية، ومن خلال خيار الضبط، ستتمكن من تخصيص هذه المناطق كما تريد، وبما يناسب احتياجك ورؤيتك الشخصية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97130" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dffb3bddd_9.png.e8179feb66acaa38a9234d7468e2b7e4.png" rel=""><img alt="صورة 9 الهيكلو.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97130" data-unique="6zf4jdtz1" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dffc6a068_9.thumb.png.8b09a2ef13249fc63594e0d0e2c31ee8.png" style="width: 700px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97117" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc75843b_10.png.c800a0be9574f88602fcf7568e93f045.png" rel=""><img alt="صورة 10 الهيكلة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97117" data-unique="da12httar" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfc857831_10.thumb.png.2b4130e12300c644aeac580289de10ae.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	توضح الصورة كل مناطق الصناديق في موقعك، ويمكنك تخصيصها بالشكل الذي تريده. ومن خيار الهيكلة Structure من لوحة تحكم دروبال 9، تستطيع التحكم في العديد من الأشياء الأخرى، مثل إدارة التعليقات وتصنيفها وتضمين محتواك ضمن فئات معينة ديناميكيًا من قِبل دروبال 9 دون تدخلك إطلاقًا، وإدارة القوائم والتحكم في روابط القوائم Menu links.
</p>

<h3>
	3. المظهر Appearance
</h3>

<p>
	يُتيح لك الخيار الثالث من لوحة تحكم دروبال 9 Drupal، القدرة على تخصيص المظهر الذي يبدو عليه موقعك، وذلك عن طريق تثبيت قالب Theme معين يناسب موقعك الإلكتروني، ويوفر لزائري موقعك تجربة مستخدم فريدةً من نوعها. ويُعَد اختيار قالب دروبال -أو ما يُعرف باسم ثيم الموقع- في بداية إطلاق أي موقع إلكتروني جديد أو مدونة، واحدًا من أهم المراحل في عملية بناء موقع دروبال؛ القوالب في دروبال هي التي تتحكم في المظهر الكامل للموقع، وتحدد طريقة توزيع العناصر وأسلوب عرض المحتوى الخاص بك كما تعرف، إذ لكل قالب دروبال تصميمه المميز، وبتغيير القالب سوف يبدو موقعك مختلفًا تمامًا، لذا يجب عليك اختيار قالب موقعك بعناية، وذلك نظرًا لكون القالب هو أول شيء يلاحظه زوار موقعك لأول مرة وهو الذي يعطيهم الانطباع الأول عنه.
</p>

<p>
	يوفر دروبال قوالب عديدةً يمكنك الاختيار بينها من خلال <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">الموقع الرسمي</a>، لذا فكل ما عليك هو النقر على هذا الرابط الذي سيوجهك مباشرةً إلى جميع قوالب دروبال، كما يمكنك تحديد البحث حسب التخطيط للموقع الذي تود إنشاءه.
</p>

<p>
	يُعَد القالب الافتراضي لموقع دروبال 9 الذي يحدد مظهر موقعك في البداية بعد تثبيت دروبال هو Bartik 9.3.3، قالبًا مرنًا وقابل للتعديل والتخصيص، كما أنه متجاوب مع جميع الأجهزة من ضمنها الهواتف الذكية، ويمكنك معرفة ذلك من خلال الضغط على المظهر من لوحة التحكم Cpanel لتظهر أمامك الصفحة التالية.
</p>

<p>
	كما يمكنك إضافة قالب Theme جديد عن طريق النقر على زر Add new theme، أو عن طريق اختيار قالب من القوالب الموجودة مع الإصدار 9، أو من <a href="Drupal.org" rel="">الموقع الرسمي</a>، وهو ما سنتعرف عليه في المقالات التالية عن كيفية إضافة قالب وإزالته وسرد أشهر أنواع القوالب.
</p>

<p>
	عليك ملاحظة أن هناك فرقًا بين قالب موقعك الذي سيظهر لزائري الموقع، وبين قالب الإدارة الذي من خلاله يمكنك أن تدير موقعك أو يديره أحد المسئولين الذين تُعيِّنهم؛ هذا إلى جانب أنك نت الذي تختار سمة الإدارة، وحبذا استخدام قالب Seven دائمًا في إدارة موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97120" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfd081d66_11.png.cb269639705f1372c6ec252675b9d608.png" rel=""><img alt="صورة 11 المظهر.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97120" data-unique="5kukd3eew" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfd36840d_11.thumb.png.78e69aa0a98a1f8320d7bdcf13a34ff1.png" style="width: 650px; height: auto;"></a>
</p>

<h3>
	4. الوحدات Modules
</h3>

<p>
	تستطيع معرفة الوحدات Modules الافتراضية مع دروبال 9 عن طريق الضغط على الوحدات من لوحة التحكم الموجودة في موقعك.
</p>

<p>
	الوحدات عبارة عن أكواد برمجية كُتبت خصوصًا لأداء وظيفة ما، فبدلًا من كتابة كود <a href="https://academy.hsoub.com/programming/php/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-php-r609/" rel="">PHP</a> مثلًا لعمل تقويم في موقعك أو إضافة محرر نصوص محترف، يمكنك استخدام وحدات أخرى ساهم فيها مطورون من قبل تؤدي نفس الوظيفة، كما توجد وحدات Modules كثيرة قد تناسبك وتلبي احتياجاتك.
</p>

<p>
	يمكنك تنزيل هذه الوحدات من <a href="Drupal.org" rel="">الموقع الرسمي</a> وما يُشار إليه باسم Drupal core، وهو يأتي مليئًا بجميع الوحدات Modules الأكثر استخدامًا لبناء موقع إلكتروني، لكن هناك مجموعة كبيرة ومتنوعة من الوحدات التي يساهم فيها آلاف المطورين مجانًا على <a href="Drupal.org" rel="">الموقع الرسمي</a>، مثل وحدات التجارة الإلكترونية <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%88%D9%86%D8%B4%D8%B1-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%85%D8%A7-%D9%8A%D8%AA%D8%B9%D9%84%D9%82-%D8%A8%D9%87%D8%A7-%D8%B9%D8%A8%D8%B1-%D9%85%D9%86%D8%B5%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r416/" rel="">والتدوين</a> ومعارض الصور، وبمجرد النقر على هذا الرابط سيوجهك إلى الصفحة الخاصة بالوحدات Modules لاختيار الإضافة التي تريدها، كما يمكنك تحديد عملية البحث إن خطَّطتَ لموقعك.
</p>

<p>
	كل ما عليك هو الاطلاع على جميع الوحدات ومعرفة مميزات كل منها، واختيار الوحدات Modules الذي قد تكون بحاجة إليه، ثم الضغط على حفظ لتفعيله.
</p>

<p>
	يوفر دروبال 9 مجموعةً هائلةً من الوحدات التي يحتاجها جميع أصحاب المواقع الإلكترونية والمدونات ومعارض الأعمال على اختلاف رغباتهم ورؤيتهم الشخصية، وسنتعرف في المقالات التالية على أهم هذه الوحدات التي يحتاجها معظم مستخدمي المواقع على الإنترنت.
</p>

<h3>
	5. الإعدادات Settings
</h3>

<p>
	الإعدادات هي الخيار الخامس من لوحة تحكم دروبال 9، وتوفر العديد من الخيارات التي تساعدك في إدارة موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97121" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfd615764_12.png.5e9fa18445c7173f83bd9a0a113f919a.png" rel=""><img alt="صورة 12 الإعدادات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97121" data-unique="1wgphte4m" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfd6b1eeb_12.thumb.png.53c888c08ffe95ada5d2f31b321bbc32.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تتكون من مجموعة خيارات التخصيص الآتية:
</p>

<ol>
<li>
		الأشخاص (إعدادات الحسابات لجميع فئات المستخدمين من مسئولين أو زائرين).
	</li>
	<li>
		النظام Basic site settings، ومن خلاله يمكنك تغيير اسم الموقع site name وعنوان البريد الإلكتروني والواجهة الأمامية لموقعك.
	</li>
	<li>
		تأليف المحتوى Text formats and Editors، ومن خلاله تُختار وتُضبط جميع محررات النصوص التي قد أضفتها من <a href="Drupal.org" rel="">الموقع الرسمي</a>.
	</li>
	<li>
		واجهة المستخدم (وضع اختصارات الشاشة الرئيسية التي تسهل حركة تصفح موقعك وإدارته).
	</li>
	<li>
		التطوير(تحسين أداء موقعك ومعرفة الأخطاء وتصحيحها والتحكم في قاعدة البيانات ووضع الصيانة Maintenance).
	</li>
	<li>
		وسائل الميديا (التحكم في أنماط وامتدادات الصور على موقعك ونظام الملفات).
	</li>
	<li>
		الإقليمية واللغة (التحكم في إعدادات اللغة والترجمات).
	</li>
</ol>
<h3>
	6. التقارير Reports
</h3>

<p>
	التقارير هي الخيار السادس من لوحة تحكم دروبال 9، وتُعطيك جميع تقارير الموقع الخاص بك، بما في ذلك تقارير عن المستخدمين والمسئولين وعدد مرات تصفح موقعك من أحد الأشخاص، فضلًا عن تقارير المقالات وتقارير عن كل التحديثات المتوفرة لموقعك وتحديثات الترجمات.
</p>

<h3>
	7. المساعدة Help
</h3>

<p>
	المساعدة هي الخيار الأخير من لوحة تحكم دروبال 9، ومن شأنه تقديم المساعدة من الموقع الرسمي لدروبال 9 في حال وجود مشاكل في موقعك الخاص، والبدء بتقديم خطوات إنشاء موقع دروبال 9 وتثبيته، ونظرًا لأن ما يميز <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> هو المجتمع القائم على تطويره وتقديم الدعم لكافة المستخدمين، فبمجرد الضغط على ذلك الخيار تنتقل للصفحة التالية التي تعطيك قدرًا هائلًا من المعلومات عن كل شيء خصوصًا الوحدات Modules.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97122" href="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfd853317_13.png.58b8254c0f4e8801feca0d9f9c398196.png" rel=""><img alt="صورة 13 المساعدة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97122" data-unique="mjs3plf05" src="https://academy.hsoub.com/uploads/monthly_2022_04/6267dfda05711_13.thumb.png.8d56e09d9795281715edc0ded9b3c1c1.png" style="width: 650px; height: auto;"></a>
</p>

<h2>
	الملخص
</h2>

<p>
	دروبال هو أحد أشهر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">نُظم إدارة المحتوى في العالم CMS</a> المُستخدَمة لتطوير المواقع الإلكترونية والتطبيقات. يوفر هذا النظام لوحة تحكم Cpanel تتيح لك تخصيص وتصميم موقعك بسهولة، كما تدعم جميع اللغات لا سيما اللغة العربية.
</p>

<p>
	إلى هنا نكون وصلنا إلى نهاية مقالنا عن لوحة تحكم Cpanel في دروبال 9، وعرضنا جميع الخيارات التي يوفرها دروبال 9 في لوحة التحكم الخاصة به، والتي تقدم تجربة مستخدم رائعةً لأصحاب المواقع. نتمنى أن يكون المقال قد قدم الشرح الوافي لهذا الموضوع.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">مدخل إلى دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/" rel="">تثبيت دروبال Drupal 9</a>
	</li>
</ul>
<p>
	 
</p>
]]></description><guid isPermaLink="false">683</guid><pubDate>Sat, 07 May 2022 08:44:11 +0000</pubDate></item><item><title>&#x62A;&#x62B;&#x628;&#x64A;&#x62A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal 9</title><link>https://academy.hsoub.com/apps/web/drupal/%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r677/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc67059dcb_--Drupal-9.png.37c8d44f45b8ed91c24f383ae3cc2ccc.png" /></p>

<p>
	<a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">دروبال Drupal 9</a> هو <a href="https://academy.hsoub.com/programming/general/%d8%a7%d8%b9%d8%aa%d9%85%d8%a7%d8%af-%d9%86%d8%b8%d8%a7%d9%85-%d8%a5%d8%af%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d8%a3%d9%88-%d8%a7%d9%84%d9%82%d9%8a%d8%a7%d9%85-%d8%a8%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%ae%d8%a7%d8%b5%d8%a9%d8%9f-%d9%85%d9%8f%d8%b3%d8%a7%d8%b9%d8%af%d9%83-%d9%84%d8%a7%d8%aa%d8%ae%d8%a7%d8%b0-%d8%a7%d9%84%d9%82%d8%b1%d8%a7%d8%b1-r96/?msclkid=d2c05a66c08511ec90c5d80644fd3a1d" rel="">نظام إدارة محتوى</a> يسمح لك بإنشاء موقعك الإلكتروني أو مدونتك أو معرض أعمالك، كما يوفر جميع ما تحتاجه لإطلاق موقعك الإلكتروني الأول على شبكة الإنترنت وفق احتياجك، فهو مجاني ومفتوح المصدر ويتمتع بقدر عالٍ من الحماية والاعتمادية والمرونة والتخصيص الكامل.
</p>

<p>
	ستتعرف في هذا المقال على كيفية تثبيت وتنصيب دروبال Drupal 9 على استضافة محلية على <a href="https://academy.hsoub.com/programming/general/%D8%B9%D9%84%D9%88%D9%85-%D8%A7%D9%84%D8%AD%D8%A7%D8%B3%D9%88%D8%A8/" rel="">الحاسوب</a> الخاص بك خطوةً بخطوة، وذلك بعد تحميل أي من برنامج إكسامب XAMPP أو وامب WAMP، إذ يوفر كلاهما خدمة استضافة محلية، والذي لا يختلف كثيرًا عن التنصيب على خادم عالمي عند شرائك استضافةً من المواقع المشهورة في بيع خدمات الاستضافة. هذا إلى جانب تسليط الضوء على طرق التثبيت الأخرى، والتعرف على دور الملحن Composer في عملية تثبيت دروبال.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96698" href="https://academy.hsoub.com/uploads/monthly_2022_04/0.png.d44933191bfef2aa96fccfaf355aafc8.png" rel=""><img alt="0.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96698" data-unique="nncpe48y9" src="https://academy.hsoub.com/uploads/monthly_2022_04/0.thumb.png.6ae741d184fb1306da6e9ede3fcf0c41.png" style="width: 450px; height: auto;"></a>
</p>

<h2>
	كيفية تثبيت دروبال 9 على استضافة محلية باستخدام برنامج إكسامب XAMPP
</h2>

<p>
	بعد تحميل برنامج إكسامب XAMPP وتثبيته على الجهاز الخاص بك من خلال <a href="https://www.apachefriends.org/download.html" rel="external nofollow">الموقع الرسمي</a>، افتح لوحة الاستضافة الخاصة بالبرنامج، ثم فعِّل الخيارين أباتشي Apache و <a href="https://www.bing.com/ck/a?!&amp;&amp;p=ed5d68aefb038b66c1bdc4667e87968afed77c1061110a1633799e0cbb7b894fJmltdHM9MTY1MDQ0NDI2NCZpZ3VpZD03ODRlNzdlNy1jZjc0LTRlMDUtODhlOS1kNGY5NmRiNzU5NjEmaW5zaWQ9NTE1MA&amp;ptn=3&amp;fclid=1488a19f-c086-11ec-ac21-7cc19927d975&amp;u=a1aHR0cHM6Ly9hY2FkZW15Lmhzb3ViLmNvbS9kZXZvcHMvc2VydmVycy9kYXRhYmFzZXMvbXlzcWwvJUQ4JUFBJUQ4JUI5JUQ5JTg0JUQ5JTg1LSVEOCVBMyVEOCVCMyVEOCVBNyVEOCVCMyVEOSU4QSVEOCVBNyVEOCVBQS1teXNxbC1yMjk3Lz9tc2Nsa2lkPTE0ODhhMTlmYzA4NjExZWNhYzIxN2NjMTk5MjdkOTc1&amp;ntb=1" rel="external nofollow">MySQL</a> المسئولين عن خدمة استضافة الويب المحلية وقاعدة بيانات موقع الويب الخاص بك. توضح الصورة التالية الشكل الذي يبدو عليه كلا الخيارين بعد التفعيل.
</p>

<p style="text-align: center;">
	<img alt="صورة 01 لوحة تحكم الإستضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96699" data-unique="lmh0gkno8" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc67191093_01.png.2d4b99039c06d0322c6c068a9c877dce.png" style="width: 550px; height: auto;"></p>

<p>
	لتتأكد من أن الخيارين <a href="https://academy.hsoub.com/devops/servers/web/apache/%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D9%88%D8%B6%D8%A8%D8%B7-%D8%AE%D8%A7%D8%AF%D9%85-apache-r407/" rel="">أباتشي Apache</a> و MySQL يعملان جيدًا، لهذا افتح أحد المتصفحات الإلكترونية على جهازك مثل جوجل كروم، ثم اكتب localhost في مربع البحث، وانقر على زر Enter من لوحة المفاتيح لتظهر أمامك الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96700" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc67289290_02.png.ed083c58a42587cc8d13b3d76fd83c7a.png" rel=""><img alt="صورة 02 لوحة تحكم الإستضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96700" data-unique="dzri97r6d" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6761bd7a_02.thumb.png.5c9f33acf620a7c3cdd535bf4986d29f.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	ها قد وفَّرتَ خدمة استضافة محلية على جهازك الخاص، وأنت على استعداد لتنصيب وتثبيت دروبال Drupal 9.
</p>

<p>
	يمكنك تحميل دروبال Drupal 9 من <a href="http://Drupal.org" rel="external nofollow">الموقع الرسمي لدروبال</a>، لذا فكل ما عليك هو الدخول على الموقع لتظهر أمامك الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96701" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc679a8b87_039.png.a19b21c3eca2db1d55d085a4ed2646c8.png" rel=""><img alt="صورة 03 تحميل دروبال9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96701" data-unique="8puvj3rud" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc67c1be09_039.thumb.png.0c703f2fba0d0036e906247a7e8d28e6.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بمجرد الوقوف بالمؤشر على Why Drupal، ستظهر قائمة تختار منها Drupal 9، وعندها ستظهر أمامك الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96702" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc680164e1_04.png.5f656db1e573d8e8e3502d788decf905.png" rel=""><img alt="صورة 04 تحميل دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96702" data-unique="la4bezncy" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc68404204_04.thumb.png.68ed5842b5ee831b989a50dfdec9d4bd.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	اضغط على زر Download Drupal 9 لتنتقل مباشرةً إلى الصفحة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96703" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc685e7b5d_05.png.602ba1409fc6b779b52eed8a494f2a7d.png" rel=""><img alt="صورة 05 تحميل دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96703" data-unique="x31xuk246" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc687cdd09_05.thumb.png.49970b6c0701ea075d20e639fa2bf910.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	اضغط على زر Download Drupal zip، ثم اختر المسار كما في الصورة التالية (هنا قد ثبَّتنا إكسامب XAMPP على القرص D وليس C، وهذا الأمر يعود لك في بداية التنصيب لبرنامج إكسامب Xampp)، ثم اضغط على حفظ، ثم فك ضغط الملف.
</p>

<p>
	كما يمكنك الدخول إلى <a href="https://www.drupal.org/download" rel="external nofollow">رابط تحميل دروبال</a> مباشرةً، واتباع نفس الخطوات.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96704" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc688e4fe2_06XAMPP.png.7590846f77b06e840815a9de75a2b1be.png" rel=""><img alt="صورة 06 تحميل دروبال على مسار خادم XAMPP.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96704" data-unique="pcllcsgxo" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc68b6b0b6_06XAMPP.thumb.png.8a3c260198aed7a640898fdbf110e951.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بعد الانتهاء من فك ضغط الملف، سَمِّ الملف حسب اسم <a href="https://academy.hsoub.com/devops/servers/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%AD%D8%B1%D9%83-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r572/?msclkid=02c7182ec08711ecaf14272fb07be292" rel="">موقع الويب</a> المراد إنشاؤه، فهو هنا بمثابة اسم الدومين أو النطاق في البيئة المحلية التي يوفرها برنامج إكسامب Xampp. لقد خطَّطنا في هذا المقال لإنشاء موقع تعليمي مجانًا، لذلك سمينا الموقع Free Edu، وتوضح الصورة التالية المسار الكامل لملف دروبال على <a href="https://academy.hsoub.com/devops/servers/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-r574/?msclkid=52006d64c08711ecbf65aceb6f40f9a4" rel="">الخادم</a> المحلي بعد تسمية الموقع.
</p>

<p style="text-align: center;">
	<img alt="صورة 07 مسار دروبال على الخادم المحلى XAMPP.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96705" data-unique="r3xrypskl" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc68d8fea0_07XAMPP.png.985b605b72d880085cbd388d443f96cc.png" style="width: 600px; height: auto;"></p>

<p>
	الآن كل شيء على ما يُرام، لذا افتح متصفحك الإلكتروني مثل جوجل كروم أو غيره، ثم اكتب localhost/Free Edu كما في الصورة التالية، واضغط على زر Enter من لوحة المفاتيح.
</p>

<p style="text-align: center;">
	<img alt="صورة 8مسار دروبال على الخادم المحلى XAMPP.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96718" data-unique="pldek1x16" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6b369c84_8XAMPP.png.273f6bff0c4a346816cf3e2ea016221c.png" style="width: 450px; height: auto;"></p>

<p>
	بمجرد الضغط على Enter، ستُفتح أمامك مباشرةً الصفحة التالية. اختر منها لغة دروبال التي ستعمل عليها من القائمة، واختر اللغة العربية، ثم اضغط على زر Save and continue.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96719" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6b6ee2a2_99.png.a9e067f3576e3c6de078ed3785801373.png" rel=""><img alt="صورة 9 اختيار لغة دروبال9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96719" data-unique="gyzqkwvfi" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6bb24b0e_99.thumb.png.7d076cf0bc68ad345c7d71332be04e17.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بعد الضغط على Save and continue ستُفتح الصفحة التالية لاختيار اللائحة، وهي الخطوة 2 من تثبيت دروبال 9، وبها ثلاثة اختيارات. اختر الخيار الأول (معياري)، إذ يوفر لك كل الميزات والوحدات Modules والقوالب Themes الأكثر استخدامًا، والتي قد تكون بحاجة إليها في البداية لتصميم موقع الويب الخاص بك، على عكس الخيارين الثاني والثالث، فهما مُخصَّصان للمطورين والمستخدمين المتقدمين، لكن في البداية، يُعَد الخيار الأول مناسبًا جدًا لك، لذا عليك الآن الضغط على زر حفظ ومتابعة كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96706" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc68f5c652_109.png.3b43c148f61b3664a43d7be22ee291da.png" rel=""><img alt="صورة 10 اختيار لاحة دروبال9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96706" data-unique="9trjmdmlm" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6930c7cc_109.thumb.png.8c294bef8c882ab54c128631aa72f0c1.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	بعد الضغط على زر حفظ ومتابعة، ستنتقل إلى الخطوة الثالثة، وهي تحديد المتطلبات التي من خلالها ستتعرف على إصدارات PHP على جهازك وخادم الويب، والتأكد من دعم قاعدة البيانات ومعلومات أخرى كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96708" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc69bbf552_112.png.71f25d39fded01d0eadcf6540524ec22.png" rel=""><img alt="صورة 11 التحقق من المتطلبات2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96708" data-unique="z3bhckws7" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc69e0d48d_112.thumb.png.bd982b8c361abb38708f17a9a72e0ab4.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	كل ما عليك هو الضغط على Continue anyway، والذهاب إلى الخطوة الرابعة كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<img alt="صورة 12اضبط قاعدة البيانات .png" class="ipsImage ipsImage_thumbnailed" data-fileid="96709" data-unique="x8vbqj3dl" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc69fdbb88_12.png.6af16637cf3bad24ad29308e623a7da5.png" style="width: 600px; height: auto;"></p>

<p>
	سنُعيِّن في هذه الخطوة إعدادات قاعدة البيانات. لقد سمينا قاعدة البيانات هنا مثل اسم الموقع "Free Edu"، واسم المستخدم هو "root"، ولا توجد كلمة مرور لقاعدة البيانات، وكل هذه التفاصيل نُعيِّنها أثناء تثبيت برنامج إكسامب Xampp من البداية، ثم نضغط على زر حفظ ومتابعة لننتقل إلى الخطوة الخامسة.
</p>

<p style="text-align: center;">
	<img alt="صورة 13 تثبيت وتركيب دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96710" data-unique="3nqbkfkv9" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a092008_13.png.f005bb4c93e3f30bb68c3a1fff685a10.png" style="width: 600px; height: auto;"></p>

<p>
	بعد الانتهاء من تركيب وتثبيت الموقع، سينتقل البرنامج مباشرةً إلى تحديث الترجمات كما في الصورة التالية.
</p>

<p style="text-align: center;">
	<img alt="صورة 15 تحديث الترجمات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96711" data-unique="28cr91ppv" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a117211_15.png.a321acf220433d4ec4717241c30ca0d8.png" style="width: 600px; height: auto;"></p>

<p>
	بعد الانتهاء من تحديث الترجمات، ننتقل مباشرةً إلى الخطوة السابعة، وهي ضبط الموقع كما في الصور التالية.
</p>

<p style="text-align: center;">
	<img alt="صورة 16ضبط الموقع 1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96712" data-unique="v7hke2aqs" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a19e91d_161.png.455817a59d75629a3cc315c206f8a90c.png" style="width: 600px; height: auto;"></p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96713" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a238586_172.png.304920320b360f8e3df5d7d5cdc34137.png" rel=""><img alt="صورة 17ضبط الموقع 2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96713" data-unique="06xn3nknq" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a46ae8e_172.thumb.png.f93c9d109fe524d149325bf2ec915d74.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	املأ بيانات موقعك وكلمة المرور الخاصة بك بوصفك مديرًا وعنوان بريدك الإلكتروني، واختر البلد والمنطقة الزمنية الافتراضية، ثم اضغط على زر حفظ ومتابعة لتنتقل إلى الخطوة التالية، وهي إكمال الترجمات.
</p>

<p style="text-align: center;">
	<img alt="صورة 18 اكمال الترجمات .png" class="ipsImage ipsImage_thumbnailed" data-fileid="96714" data-unique="qbilw5pcc" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a5bcdac_18.png.442d7535def8ce8b0b1db68545021980.png" style="width: 600px; height: auto;"></p>

<p>
	بعد الانتهاء من هذه الخطوة الأخيرة، ستُفتح أمامك الواجهة الرسومية لموقعك، وهو الشكل الافتراضي الذي قدمه دروبال 9 قبل تخصيص أي شيء كما توضح الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96715" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a65ccfe_199.png.bb5a5cb9692cc1bae4103c58039e9e4a.png" rel=""><img alt="صورة 19 المظهر الافتراضي لدروبال 9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96715" data-unique="844s4dt0v" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a7f3cc4_199.thumb.png.400fde958c6e4f5bfb9b7d513fe707da.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	هذه هي الصفحة الرئيسية لموقعك التي يمكنك تخصيصها كما تشاء عن طريق لوحة التحكم الموجودة، والتي تضم المحتوى والهيكلة والمظهر والوحدات والإعدادات والأشخاص والتقارير والمساعدة، إذ تساعدك هذه الخيارات على تخصيص موقعك بالتخصيص الذي يحقق أهدافك ويلبي احتياجاتك.
</p>

<p>
	في بداية إطلاق أي موقع إلكتروني جديد أو مدونة، يُعَد اختيار قالب دروبال -أو ما يُعرف باسم ثيم الموقع-، واحدًا من أهم المراحل في عملية بناء موقع دروبال؛ فالقوالب في دروبال هي التي تتحكم في المظهر الكامل للموقع، وتحدد طريقة توزيع العناصر وأسلوب عرض المحتوى الخاص بك، إذ لكل قالب دروبال تصميمه المميز، وبتغيير القالب سوف يبدو موقعك مختلفًا تمامًا.
</p>

<p>
	يجب عليك اختيار قالب موقعك بعناية، إذ يُعَد القالب هو أول شيء يلاحظه زوار موقعك لأول مرة، وهو الذي يعطيهم الانطباع الأول عنه.
</p>

<p>
	يوفر دروبال قوالب عديدةً يمكنك الاختيار منها من خلال <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">الموقع الرسمي</a>، لذا فكل ما عليك هو النقر على هذا الرابط الذي سيوجهك مباشرةً إلى جميع قوالب دروبال، كما يمكنك تحديد البحث حسب التخطيط للموقع الذي تود إنشاءه.
</p>

<p>
	القالب الافتراضي لموقع دروبال 9 الذي يحدد مظهر موقعك في البداية بعد تثبيت دروبال، هو Bartik 9.3.3، وهو قالب مرن وقابل للتعديل والتخصيص، كما أنه متجاوب مع جميع الأجهزة من ضمنها الهواتف الذكية، ويمكنك معرفة ذلك من خلال الضغط على المظهر من لوحة التحكم Cpanel لتظهر أمامك الصفحة التالية؛ كما يمكنك إضافة قالب Theme جديد عن طريق النقر على زر Add new theme الموجود مع الإصدار 9، أو من <a href="Drupal.org" rel="">الموقع الرسمي</a>، وهو ما سنتعرف عليه في المقالات التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96716" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6a9be1dd_209.png.6a0285434c2032cfe0fe9e88ca4bc20f.png" rel=""><img alt="صورة 20 الحلة الافتراضية لموقع دروبال 9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96716" data-unique="kp2iax43t" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6ac61197_209.thumb.png.1598f439bd92108442894ca4868dcb5a.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	وتستطيع أيضًا معرفة الوحدات Modules الافتراضية مع دروبال 9، وذلك عن طريق الضغط على الوحدات من لوحة التحكم الموجودة في موقعك كما في الصورة التالية.
</p>

<p>
	الوحدات هي عبارة عن أكواد برمجية كُتبت خصوصًا لأداء وظيفة ما، فبدلًا من كتابة كود <a href="https://wiki.hsoub.com/PHP" rel="external">PHP</a> مثلًا لعمل تقويم في موقعك، يمكنك استخدام وحدات أخرى ساهم فيها مطورون من قبل تؤدي نفس الوظيفة، كما توجد وحدات Modules كثيرة تمكّنك من تخصيص موقعك بالطريقة التي تناسبك وتلبي احتياجاتك.
</p>

<p>
	كل من هذه الوحدات يمكنك تنزيلها من <a href="Drupal.org" rel="">الموقع الرسمي</a>، وما يُشار إليه باسم Drupal core الذي يأتي مليئًا بجميع الوحدات Modules الأكثر استخدامًا لبناء موقع إلكتروني، لكن هناك مجموعة كبيرة ومتنوعة من الوحدات التي يساهم فيها آلاف المطورين مجانًا على <a href="Drupal.org" rel="">الموقع الرسمي</a>، مثل وحدات التجارة الإلكترونية <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86-%D9%88%D9%86%D8%B4%D8%B1-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%85%D8%A7-%D9%8A%D8%AA%D8%B9%D9%84%D9%82-%D8%A8%D9%87%D8%A7-%D8%B9%D8%A8%D8%B1-%D9%85%D9%86%D8%B5%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r416/" rel="">والتدوين</a> ومعارض الصور، وبمجرد النقر على هذا الرابط سيوجهك إلى الصفحة الخاصة بالوحدات Modules لاختيار الإضافة التي تريدها، كما يمكنك تحديد عملية البحث إن خطَّطتَ لموقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96717" href="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6ae95e06_21.png.c8668239728eb85598c347794204f47f.png" rel=""><img alt="صورة 21 الوحدات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96717" data-unique="5jeizg7tv" src="https://academy.hsoub.com/uploads/monthly_2022_04/625fc6b1df187_21.thumb.png.03b9ad6ca23f45be413aace3056bbb2a.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يوفر دروبال 9 مجموعةً هائلةً من الوحدات التي يحتاجها جميع أصحاب المواقع الإلكترونية والمدونات ومعارض الأعمال على اختلاف رغباتهم ورؤيتهم الشخصية، وسنتعرف في المقالات التالية على أهم هذه الوحدات التي يحتاجها معظم مستخدمي المواقع على الإنترنت.
</p>

<h2>
	الملحن Composer
</h2>

<p>
	<a href="https://academy.hsoub.com/programming/php/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%85%D9%84%D8%AD%D9%86-composer-%D9%85%D8%AF%D9%8A%D8%B1-%D8%A7%D9%84%D8%A7%D8%B9%D8%AA%D9%85%D8%A7%D8%AF%D9%8A%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%AD%D8%B2%D9%85-%D9%81%D9%8A-php-r1123/" rel="">الملحن Composer</a> هو أداة لإدارة اعتمادية <a href="https://academy.hsoub.com/programming/php/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-php-r609/" rel="">لغة البرمجة PHP</a> القائم عليها دروبال، إذ يسمح لك بتعريف المكتبات التي يعتمد عليها مشروعك وإدارتها من تثبيت وتحديث، لذا يستخدم موقع دروبال الملحن Composer لإدارة جميع المكتبات المختلفة التي يعتمد عليها، كما يمكن للوحدات Modules استخدام الملحن Composer لتضمين مكتبات الجهات الخارجية التي تُحمَّل من <a href="Drupal.org" rel="">الموقع الرسمي</a>.
</p>

<p>
	يساهم الملحن Composer كثيرًا في إدارة موقع دروبال 9، إذ يساعد في تحديد موقع الحزم المذكورة وتنزيلها والتحقق من صحتها وتحميلها، مع ضمان استخدام الإصدارات الصحيحة تمامًا لكل حزمة.
</p>

<p>
	باختصار، الملحن Composer هو الذي يدير لك كل شيء، سواءٌ الوحدات Modules والقوالب Themes وجميع المكتبات.
</p>

<h2>
	الملخص
</h2>

<p>
	دروبال هو أحد أشهر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">نُظم إدارة المحتوى في العالم CMS</a> المُستخدَمة لتطوير المواقع الإلكترونية والتطبيقات، فهو مجاني ومفتوح المصدر، أي أنه يُتيح للجميع إمكانية استخدامه لإطلاق مواقعهم الإلكترونية الخاصة أو المدونة، وذلك دون الحاجة لمطور ويب Web Developer ولا اللجوء إلى الأكواد البرمجية، إذ يوفر واجهة مستخدم أماميةً تدعم جميع اللغات من ضمنها اللغة العربية، وأهم ما يُميز دروبال هو المجتمع القائم على تطوير وتحديث النظام باستمرار، والذي يحوي العديد من المطورين للمشاركة دائمًا في تطوير النظام ودعم جميع فئات المستخدمين، كما يوفر قدرًا عاليًا من الحماية والمرونة وقابلية التخصيص والاعتمادية بعد إطلاق الموقع الإلكتروني لأول مرة.
</p>

<p>
	إلى هنا نكون وصلنا إلى نهاية مقالنا عن كيفية تحميل وتنزيل دروبال 9 خطوةً بخطوة، كما سلطنا الضوء على دور الملحن Composer واستخداماته في دروبال 9. نتمنى أن يكون المقال قد قدم الشرح الوافي لهذا الموضوع، وإن واجهتك أي مشكلة، فلا تتردد لحظة في الاستفسار عنها.
</p>

<h2>
	المراجع
</h2>

<ul>
<li>
		<a href="https://websitesetup.org/build-website-drupal/" rel="external nofollow">Learn to Build a Drupal Website, Step-By-Step (2021)</a>
	</li>
	<li>
		<a href="https://www.drupal.org/docs/develop/using-composer" rel="external nofollow">Using Composer</a>
	</li>
</ul>
<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		المقال السابق: <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/" rel="">مدخل إلى دروبال Drupal 9</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">مقدمة في دروبال</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">677</guid><pubDate>Tue, 26 Apr 2022 14:06:00 +0000</pubDate></item><item><title>&#x645;&#x62F;&#x62E;&#x644; &#x625;&#x644;&#x649; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644; Drupal 9</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-drupal-9-r669/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d71f1452_---Drupal-9.png.23edd8e7d85dc4c5decce5a369fa615a.png" /></p>

<p>
	يُعَد دروبال أحد أشهر <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">نُظم إدارة المحتوى CMS</a> الموجودة حول العالم لتطوير المواقع الإلكترونية والتطبيقات، وهو مجاني ومفتوح المصدر، أي أنه يُتيح للجميع إمكانية استخدامه لإطلاق مواقعهم الإلكترونية الخاصة والمدونات، وهذا دون الحاجة لمطوري الويب، ولا اللجوء إلى الشيفرات البرمجية، إذ يوفر <a href="https://academy.hsoub.com/design/user-interface/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A5%D9%84%D9%89-%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D9%88%D8%A7%D8%AC%D9%87%D8%A9-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-ui-r652/" rel="">واجهة مستخدم</a> أماميةً تدعم جميع اللغات، ومن ضمنها اللغة العربية.
</p>

<p>
	أهم ما يُميز دروبال هو المجتمع الذي يطوِّر ويحدِّث النظام باستمرار، والذي يحوي العديد من المطورين للمشاركة دائمًا في تطوير النظام ودعم جميع فئات المستخدمين، كما يوفر قدرًا عاليًا من الحماية والمرونة وقابلية التخصيص والاعتمادية بعد إطلاق الموقع الإلكتروني لأول مرة.
</p>

<p>
	سنتعرف في هذا المقال على دروبال Drupal 9 واستخداماته وما هية الوحدات Modules، كما سنتعرف على القوالب Themes ودورها في توفير تجربة مستخدم ممتازةً لموقع الويب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96370" href="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d7167594_01_.png.ac2d3c1bd1fa60e01f1349f963da0068.png" rel=""><img alt="01_ماهو دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96370" data-unique="ilizhucq4" src="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d75a0b7e_01_.thumb.png.fd140c3fe95ea6c261b61f1709884fdc.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	واجهة موقع دروبال الرسمية
</p>

<h2>
	ما هو دروبال Drupal
</h2>

<p>
	يُستخدم <a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">دروبال</a> من قِبل ملايين الأشخاص والمنظمات حول العالم، وذلك لإطلاق مواقع الويب وتحديثها وصيانتها، وقد تستخدم دروبال كثيرًا دون علم؛ كما تستخدم دروبال العديد من الشركات والمؤسسات الحكومية الكبرى، مثل حكومة هارفارد وأستراليا وشركة تويتر، وكذلك بعض المواقع العالمية، مثل <a href="https://linuxfoundation.org/" rel="external nofollow">لينكس فاونديشن</a> و<a href="https://www.jeunes.gouv.fr/" rel="external nofollow">الحكومة الفرنسية</a> و<a href="http://www.hrw.org/" rel="external nofollow">جمعية حقوق الإنسان</a> وغيرها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96371" href="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d78c7afc_02_.png.1d8a391144cbc8c138dc499257e83b8f.png" rel=""><img alt="02_موقع الحكومة الفرنسية.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96371" data-unique="abh4pga59" src="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d7b12a89_02_.thumb.png.2281583d574f599a8973b45931a18891.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	موقع الحكومة الفرنسية
</p>

<p>
	يُعَد دروبال إطار عمل قويًّا لتطوير مواقع الويب مبنيًّا على <a href="https://academy.hsoub.com/programming/general/%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D9%83%D8%A7%D8%A6%D9%86%D9%8A%D8%A9-%D8%A7%D9%84%D8%AA%D9%88%D8%AC%D9%87-r1375/" rel="">البرمجة الحديثة كائنية التوجه <abbr title="Object-Oriented Programming | البرمجة كائنية التوجه">OOP</abbr></a> باستخدام <a href="https://wiki.hsoub.com/PHP" rel="external">PHP</a> و<a href="https://academy.hsoub.com/programming/html/html5/%D8%AE%D9%85%D8%B3%D8%A9-%D8%A3%D8%B4%D9%8A%D8%A7%D8%A1-%D8%B9%D9%84%D9%8A%D9%83-%D9%85%D8%B9%D8%B1%D9%81%D8%AA%D9%87%D8%A7-%D8%B9%D9%86-html5-r324/" rel="">HTML5</a> وYAML، كما يشمل تقنيات الويب الأخرى، مثل CKEditor و Symfony2 Twig و <a href="https://wiki.hsoub.com/jQuery" rel="external">jQuery</a> و Backbone.js و Guzzle.
</p>

<p>
	لقد استُخدمت كل من هذه اللغات البرمجية والتقنيات لبناء الوحدات Modules والقوالب Themes والتوزيعات Distribution، وذلك لتوفير بيئة عمل حقيقية تحقق إمكانية بناء مواقع إلكترونية كاملة، كما يوفر دروبال واجهة مستخدم أماميةً تسهل عملية بناء موقعك أو مدونتك.
</p>

<h2>
	قوالب دروبال
</h2>

<p>
	يُعَد اختيار قالب دروبال -في بداية إطلاق أي موقع إلكتروني جديد أو مدونة- من أهم المراحل في عملية بناء موقع دروبال، إذ تتحكم القوالب في دروبال في المظهر الكامل للموقع، وتحدد طريقة توزيع العناصر وأسلوب عرض المحتوى، فلكل قالب دروبال تصميمه المميز، وبتغيير قالب بآخر، سوف يبدو موقعك مختلفًا تمامًا.
</p>

<p>
	عليك اختيار قالب موقعك بعناية، إذ يُعَد القالب هو أول شيء يلاحظه زوار موقعك، كما يعطيهم الانطباع الأول عن موقعك، ويوفر دروبال قوالب عديدةً يمكنك الاختيار من بينها من خلال <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">الموقع الرسمي لدروبال</a>، إذ يوفر لك الموقع قوالب كثيرةً، كما يمكنك تخصيص خيارات البحث حسب التخطيط للموقع الذي تود إنشاءه، والضغط على كلمة Search كما في الصورة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96372" href="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d7c9798e_03_.png.0e1bc7b5022be8ff1ba0611e98af4d30.png" rel=""><img alt="03_قوالب دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96372" data-unique="kjbgxsz75" src="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d7e54df0_03_.thumb.png.a38c04c7fecd08942b8f1f3ffe2674ef.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	خيارات البحث عن القوالب
</p>

<h2>
	وحدات دروبال
</h2>

<p>
	الوحدات عبارة عن شيفرات برمجية كُتبت خصيصًا لأداء وظيفة ما، فبدلًا من كتابة <a href="https://academy.hsoub.com/programming/php/%D9%85%D9%85%D8%A7%D8%B1%D8%B3%D8%A7%D8%AA-%D9%88%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D8%AC%D8%AF%D9%8A%D8%AF%D8%A9-%D9%84%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-php-%D9%85%D8%B9%D8%A7%D8%B5%D8%B1%D8%A9-%D9%82%D8%AF-%D9%84%D8%A7-%D8%AA%D8%B9%D9%84%D9%85%D9%87%D8%A7-r343/" rel="">شيفرة PHP</a> لعملية تسجيل الدخول والخروج لزائري موقعك باستعمال اسم المستخدم وكلمة المرور مثلًا، يمكنك استخدام وحدات أخرى ساهم فيها المطورون وتؤدي نفس الوظيفة، كما توجد أيضًا وحدات Modules كثيرة تمكّنك من تخصيص موقعك بالطريقة التي تناسبك وتلبي احتياجاتك.
</p>

<p>
	يمكنك تنزيل هذه الوحدات من <a href="https://www.drupal.org/project/project_module" rel="external nofollow">الموقع الرسمي</a> أيضًا، إذ يحتوي على العديد من الوحدات Modules الأكثر استخدامًا لبناء موقع إلكتروني، كما يوفّر مجموعةً كبيرةً ومتنوعةً من الوحدات التي يساهم فيها آلاف المطورين مجانًا، مثل وحدات التجارة الإلكترونية والتدوين ومعارض الصور، كما يمكنك تخصيص البحث لاختيار الإضافة التي تريدها، تمامًا كما هو الحال في القوالب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96373" href="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d80117d0_04_.png.30aea90f9df69d6710342600cf1b1094.png" rel=""><img alt="04_وحدات دروبال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96373" data-unique="8iceknl0o" src="https://academy.hsoub.com/uploads/monthly_2022_04/625a5d81b25a1_04_.thumb.png.db992e548f54668c03ff48057d05d883.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	البحث عن الوحدات
</p>

<h2>
	مزايا واستخدامات دروبال
</h2>

<p>
	يتمتع دروبال بالعديد من المزايا، منها أنه:
</p>

<ul>
<li>
		مجاني ومفتوح المصدر.
	</li>
	<li>
		يراعي ويتناسب مع <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%84%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r490/" rel="">تحسين محركات البحث SEO</a>، مما يساعد على تصدر موقعك محركات البحث.
	</li>
	<li>
		يمكّنك من تخصيص موقعك الإلكتروني بالكامل (سواءٌ المتجر الإلكتروني والمدونة والموقع التعليمي وغير ذلك).
	</li>
	<li>
		يساعدك على تصنيف المحتوى بسهولة، إذ يفعل ذلك ديناميكيًا.
	</li>
	<li>
		يوفر لوحة تحكم Cpanel تمكّنك من إدارة موقعك باحترافية.
	</li>
	<li>
		يتمتع بنظام حماية آمن جدًا، مما يجعل من الصعب على بعض المتطفلين سرقة المحتوى الخاص بك.
	</li>
	<li>
		يوفر لك إضافات كثيرةً جدًا في هيئة وحدات Modules تلبي احتياجاتك وأهدافك.
	</li>
	<li>
		يوفر عددًا هائلًا من القوالب Themes التي تتحكم في المظهر الذي يبدو عليه موقعك أو مدونتك.
	</li>
	<li>
		مجتمع كبير مدعوم من المطورين الذين يطورون ويحدثون النظام باستمرار.
	</li>
</ul>
<h2>
	بم يتميز دروبال 9 عن إصداراته السابقة؟
</h2>

<p>
	دروبال 9 متوافق مع الإصدارات السابقة، أي أنه متوافق مع سابقه دروبال 8، لذلك سيكون قادرًا على استخدام الوحدات والبيانات التي أُنشِئت على اﻹصدار 8، بخلاف ما كان عند اﻻنتقال من اﻹصدار 7 إلى اﻹصدار 8، أي أن أداء النظام سيظل ثابتًا ولن يتأثر، فقد ركّز مجتمع دروبال أيضًا على تغيير وتطوير الشفرة البرمجية وليس البيانات، وسيبقى دروبال بهذه الطريقة سريعًا وخاليًا من الفوضى والشفرات المهمَلة.
</p>

<p>
	وقد حُدِّث دروبال 9 ليدعم الصور باستجابة أسرع ليتوافق مع جميع الأجهزة والهواتف المحمولة، كما أُضيفت له BigPipe لتعمل على زيادة أداء عرض الصفحة وسرعة تحميل الصفحة الأولية، إضافةً لدعمه جميع اللغات.
</p>

<p>
	لقد أُزيل دعم الشيفرات المهمَلة التي كانت في اﻹصدار 8، مما يضمن عدم دعم هذه الشيفرة المهمَلة، إضافةً إلى عدم استخدامها في نظام دروبال البيئي، وقد كان الدافع وراء ذلك هو جعل دروبال 9 نسخةً أنظف، فقد كان يتطلب انتقال الوحدات من اﻹصدار السابق إلى اللاحق التخلص من هذه الشيفرات المهمَلة، مما أدى إلى تحسين أداء مواقع الويب.
</p>

<p>
	يتميز دروبال 9 أيضًا بأنه يعمل باستخدام أحدث الإصدارات الرئيسية من سيمفوني Symfony وتويج Twig، فقد استبدلت سيمفوني Symfony 3 بسيمفوني Symfony 4 أو 5، مما سيؤدي إلى تحسين الأداء وتجربة المطور وزيادة الأمان.
</p>

<p>
	يوفر دروبال 9 نظام إدارة المحتوى بدون رأس Headless CMS، وهي إضافة توفر <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D9%87%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-api-r1314/" rel="">واجهة برمجة التطبيقات <abbr title="Application Programming Interface | واجهة برمجية">API</abbr></a> التي تسمح لك بجلب بيانات من مواقع أخرى، إذ يمكن لزائري موقعك مثلًا، تسجيل الدخول عن طريق بريد جوجل اﻹلكتروني Gmail مباشرةً، وذلك دون الحاجة إلى إنشاء حساب جديد، فكل ذلك يحدث عن طريق <abbr title="Application Programming Interface | واجهة برمجية">API</abbr>. يتميز نظام دروبال لإدارة المحتوى بدون رأس Drupal Headless CMS بحرية الواجهة الأمامية وإنشاء المحتوى مرةً واحدةً ونشره في أي مكان، مع توفر موارد سهلة ومرنة.
</p>

<h2>
	الخاتمة
</h2>

<p>
	دروبال هو <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">نظام إدارة محتوى CMS</a> يسمح لك بتصميم وتخصيص موقعك أو موقع شركتك بصورة عصرية، إذ يوفر لك كل ما تحتاجه تقريبًا لإنشاء المواقع الإلكترونية دون سابق معرفة باللغات البرمجية التي صمم بها النظام، كما يوفر لوحة تحكم Cpanel كاملةً تدعم جميع اللغات؛ ويوفر لك إضافات وحدات Modules لا حصر لها تناسب جميع الأغراض والأهداف المطلوبة في عالم الويب، وذلك لإطلاق موقع إلكتروني أو مدونة مثالية تواكب العصر. يدعم دروبال أيضًا إضافة إمكانية دوال برمجية تُكتب خصوصًا لتتوافق مع النظام، وتوفر هذه الدوال إمكانيات إضافيةً عديدةً، مثل إمكانية إضافة أنظمة للتجارة الإلكترونية وألبومات الصور وأنظمة إدارة القوائم البريدية، كما يتميز بالتكامل مع تطبيقات الطرف الثالث <abbr title="Application Programming Interface | واجهة برمجية">API</abbr>، ونقصد بذلك القدرة على دمجه مع تطبيقات أخرى خارجية لتأدية مهام ووظائف أخرى، وهو ما لا يتوفر لدى النظم الأخرى المنافسة.
</p>

<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<p>
			<a href="https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/" rel="">مقدمة في دروبال</a>
		</p>
	</li>
</ul>
]]></description><guid isPermaLink="false">669</guid><pubDate>Thu, 21 Apr 2022 14:02:00 +0000</pubDate></item><item><title>&#x645;&#x642;&#x62F;&#x645;&#x629; &#x641;&#x64A; &#x62F;&#x631;&#x648;&#x628;&#x627;&#x644;</title><link>https://academy.hsoub.com/apps/web/drupal/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D9%81%D9%8A-%D8%AF%D8%B1%D9%88%D8%A8%D8%A7%D9%84-r332/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2018_01/5a6f619b8c5a9_03(2).png.4ac015db3ab3245e7f088f075f3c2e20.png" /></p>

<p>
	دروبال هو نظام برمجي لإدارة المحتوى مكتوب بلغة PHP مجاني ومفتوح المصدر وتم نشره تحت شروط رخصة GPL والتي تعني أنه يمكن لأي شخص تحميله واستخدامه ومشاركته مع الآخرين من دون أن يتم اقتطاع أي رسوم أو أجر عليه.<br>
	كلمة دروبال هي تعريب لفظي للاسم الإنجليزي للمشروع Drupal التي أتت بدورها من اللغة الهولندية والتي تكتب بالشكل druppel وتعني قطرة الماء.
</p>

<h2>
	<a id="__3" rel=""></a>نبذة تاريخية
</h2>

<p>
	ظهرت فكرة دروبال في إحدى النقاشات التي كانت تحدث على منتديات البرمجة من قبل Dries Buytaert ومن ثم طُوّرت هذه الفكرة لتصبح مشروع برمجي مفتوح المصدر في عام 2001.<br>
	بدأ الاهتمام بالدروبال كنظام إدارة محتوى لتطبيقات الويب عام 2003 عندما ساهم في بناء موقع المرشح الديمقراطي للانتخابات الأميركية هاورد ديين حيث استطاع الموقع من خلال استخدام دروبال دعم الشكبة اللامركزية وبالتالي استطاعت مواقع المرشح غير الرسمية التواصل مع بعضها مباشرة ضمن الحملة. وبعد انتهاء الحملة قام شخص من داخل الحملة بمتابعة بناء منصة ويب تساعد في النشاط السياسي وتم إطلاقها في مختبرات CivicSpace في يوليو 2004 وبذلك تكون هذه المنصة أول شركة بموظفيين ذو دوام كامل تعتمد في تطويرها على تقنية دروبال.
</p>

<h2>
	<a id="___6" rel=""></a>طريقة تثبيت دروبال
</h2>

<p>
	سأتحدّث هنا عن عملية تثبيت دروبال ضمن بيئة نظام ويندوز. لتثبيت منصة دروبال وبدء العمل فيها يتوجب علينا أولًا تثبيت خادوم محلي للعمل معه. أكثر الخاوديم المحلية شيوعًاهي XAMP أو WAMP.<br>
	سنقوم بتثبيت دروبال مع WAMP Server بالخطوات التالية:<br><strong>أولًا</strong>: سنقوم بتحميل WAMP Server وتثبيته في الجهاز وذلك حسب الترتيب التالي:<br>
	1- نفتح المتصفح على ا<a href="http://www.wampserver.com/en/" rel="external nofollow">لموقع الرسمي لـ WAMP</a> ثم نتّجه إلى مكان تحميل البرنامج (<strong>Download</strong>)
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/001.JPG.afaafec2c7b2de7facc3f7d428f53d7e.JPG" data-fileid="26797" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26797" data-unique="n9mlk13t5" src="https://academy.hsoub.com/uploads/monthly_2018_01/001.thumb.JPG.7a7b5d7fc0ba1371ce7b06f7a33ef712.JPG" alt="001.JPG"></a>
</p>

<p>
	2- بعد انتهاء تحميل WAMP نقوم بتثبيته على الحاسوب
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26798" data-unique="srlizbwr9" src="https://academy.hsoub.com/uploads/monthly_2018_01/002.JPG.3e0d35793859c5ecf30bc2dd9bdd29ab.JPG" alt="002.JPG"></p>

<p>
	3- بعد الانتهاء من عملية تنصيب الخادوم نحتاج للتأكد من أنه يعمل بالشكل الصحيح وذلك من خلال فتح الصفحة الرئيسية على الرابط التالي <a href="http://localhost" rel="external nofollow">http://localhost</a> وستظهر لدينا صفحة الخادوم كما في الصورة التالية وستلاحظ أيقونة الخادوم قد أصبحت باللون الأخضر في شريط المهام
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/003.jpg.78f33d2e684994b0b1e21398e1f3d516.jpg" data-fileid="26799" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26799" data-unique="12x9g6lvh" src="https://academy.hsoub.com/uploads/monthly_2018_01/003.thumb.jpg.c61c324d25e1a4c73ca58ca676c879f3.jpg" alt="003.jpg"></a>
</p>

<p>
	<strong>ثانيًا</strong>: سنقوم بتثبيت Drupal 8 على ويندوز ويتم بذلك بالخطوات التالية:<br>
	1- نفتح المتصفح على <a href="https://www.drupal.org/" rel="external nofollow">موقع دروبال الرسمي</a> ثم ننقر على قسم التحميل <strong>download &amp; Extend </strong>كما يشير السهم
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/004.jpg.2ed46b5106da3afbf20cefef21a483ff.jpg" data-fileid="26800" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26800" data-unique="lazq7wb5z" src="https://academy.hsoub.com/uploads/monthly_2018_01/004.thumb.jpg.1d8c9dc9cda6774b0b4d350787dc04f5.jpg" alt="004.jpg"></a>
</p>

<p>
	2- نختار نسخة drupal8.4.3 وبعد تحميل ملف ZIP نقوم بنقله إلى المسار التالي على حاسوبك وهو C:\wamp64\www ثم يمكنك تغيير اسم الملف الناتج إلى drupal8 فقط
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/005.jpg.9eb1d52992a52ef0b39ea2c0dbcc7c4d.jpg" data-fileid="26801" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26801" data-unique="zppco8v5o" src="https://academy.hsoub.com/uploads/monthly_2018_01/005.thumb.jpg.8d13440b9b9d0ac0ce31e352017e2359.jpg" alt="005.jpg"></a>
</p>

<p>
	3- نقوم بزيارة صفحة drupal التي قمنا بتثبيتها من خلال الرابط التالي <a href="http://localhost/drupal8" rel="external nofollow">http://localhost/drupal8</a> فتظهر لدينا الصفحة الرئيسية لدروبال
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/006.jpg.edd6aa899da7a835db7d9bd95034df0f.jpg" data-fileid="26802" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26802" data-unique="0gomyy9zg" src="https://academy.hsoub.com/uploads/monthly_2018_01/006.thumb.jpg.ae6a08651c48c9c8dfc18c06219740a2.jpg" alt="006.jpg"></a>
</p>

<p>
	4- نقوم باختيار اللغة English ونضغط على save and continue للمتابعة في عملية التنصيب<br>
	5- سينتقل إلى صفحة choose profile نختار الخيار الأول standard ونتابع
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26803" data-unique="6ymz4jq07" src="https://academy.hsoub.com/uploads/monthly_2018_01/007.JPG.1f2500e512769f7cd3d53fd907ff7a1a.JPG" alt="007.JPG"></p>

<p>
	6- ستظهر لك قائمة بالمتطلبات التي يجب تصحيحها في حال كان هناك متطلبات
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/008.JPG.52c9381ddf50c8f7bdcaef5297f1c404.JPG" data-fileid="26804" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26804" data-unique="595nc2ycw" src="https://academy.hsoub.com/uploads/monthly_2018_01/008.thumb.JPG.2a3b7cf3b0a3553f449b372b2e6da005.JPG" alt="008.JPG"></a>
</p>

<p>
	في حال لم يكن هناك أي خطأ يمكنك الضغط في نهاية الصفحة على continue anyway
</p>

<blockquote class="ipsQuote" data-ipsquote="">
	<div class="ipsQuote_citation">
		اقتباس
	</div>

	<div class="ipsQuote_contents ipsClearfix">
		<p>
			<strong>ملاحظة</strong>: التحذيرات الموجودة (المؤشر عليها بعلامة تعجب ضمن مثلث أصفر) يمكن تجاوزها.
		</p>
	</div>
</blockquote>

<p>
	<br>
	7- ستظهر لدينا الآن لوحة بناء قاعدة البيانات الخاصة بالموقع
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26805" data-unique="lq04ugrrd" src="https://academy.hsoub.com/uploads/monthly_2018_01/009.JPG.c5c452d8b698fbce021c0785b812eff9.JPG" alt="009.JPG"></p>

<p>
	8- نفتح إعدادات الخادوم من خلال الضغط على أيقونة WAMP الموجودة في شريط المهام ونختار الخيار phpMyAdmin
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/010.JPG.0e1e33e47fa61e312bc76c84a86757d4.JPG" data-fileid="26806" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26806" data-unique="mjs47ei3a" src="https://academy.hsoub.com/uploads/monthly_2018_01/010.thumb.JPG.16c1c24aa289857309a39ef56ecbbe60.JPG" alt="010.JPG"></a>
</p>

<p>
	اسم المستخدم هو root وكلمة المرور تترك فارغة لتُفتح لدينا إعدادات الخادوم<br>
	9- لبناء قاعدة البيانات علينا النقر أولًا على زر New ثم ندخل اسم قاعدة البيانات drupal8 على سبيل المثال ثم ننقر على زر create وبذلك نكون قد أنشأنا قاعدة البيانات
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/011.JPG.b0ac21b8c60a395a24a2e3b71ff9adae.JPG" data-fileid="26807" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26807" data-unique="djj4zlr0m" src="https://academy.hsoub.com/uploads/monthly_2018_01/011.thumb.JPG.019283bcd71df8c3f0624b3db1238412.JPG" alt="011.JPG"></a>
</p>

<p>
	10- نعود لصفحة إعداد دروبال التي في الخطوة رقم 7 وندخل اسم قاعدة البيانات التي أنشأناها سابقًا drupal8 واسم المستخدم root ونترك خانة كلمة المرور فارغة (لم نقم بوضع كلمة مرور على قاعدة البيانات عند بنائها)
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26808" data-unique="luv0p64wx" src="https://academy.hsoub.com/uploads/monthly_2018_01/012.JPG.c86beae4b45b31346df8f2f2890da81a.JPG" alt="012.JPG"></p>

<p>
	ثم نضغط على save and continue حيث سيبدأ بعملية تنصيب الموقع installing site التي قد تأخذ بعض الوقت<br>
	11- ستظهر لدينا لاحقًا صفحة إعدادات الموقع والتي تطلب اسم الموقع واسم المستخدم لإدارة الموقع وكلمة المرور
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/013.JPG.78d993d0b6f6270c073e2204b5e789cc.JPG" data-fileid="26809" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26809" data-unique="yl5pq7o5m" src="https://academy.hsoub.com/uploads/monthly_2018_01/013.thumb.JPG.3b4bf7b065d0ff9b5923e831dfb4ff15.JPG" alt="013.JPG"></a>
</p>

<p>
	12- في النهاية ستظهر لدي صفحة إدارة موقع الانترنت
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/014.JPG.56334301542a65157ec5908453dd91bc.JPG" data-fileid="26810" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26810" data-unique="5ih6k8x0n" src="https://academy.hsoub.com/uploads/monthly_2018_01/014.thumb.JPG.4c7d017ea537b03e664c73f8cad4ad8a.JPG" alt="014.JPG"></a>
</p>

<p>
	وبالتالي أكون قد أنشأت موقعي الخاص والآن يمكنني من خلال دروبال إضافة الصفحات والمحتوى من خلال الصفحة الأخيرة.
</p>

<h2>
	<a id="____45" rel=""></a>بناء موقع باستخدام دروبال
</h2>

<p>
	تتميز دروبال بالقوة والسرعة والكفاءة في العمل بالإضافة إلى الواجهة الجذابة.<br>
	ومن الأفضل للمستخدم أن يكون ملمًّا بلغة PHP ليتمكن من تخصيص الموقع وتصحيح الأخطاء رغم أنه أمر غير مطلوب عند بناء الموقع.<br>
	سنبدأ ببناء الموقع الجديد خطوة بخطوة:
</p>

<h3>
	<a id="______49" rel=""></a>أولًا: تغيير لغة الدروبال إلى العربية
</h3>

<p>
	بعد بناء الموقع نلاحظ أن واجهته والقوائم فيه باللغة الإنجليزية ولتحويله إلى اللغة العربية نقوم بما يلي:<br>
	1- من شريط المهام في رأس الصفحة نختار extend ونقوم باختيار Modules الخاصة باللغة وهي language, interface translation, content translation, configuration translation وبعدها install
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/015.JPG.db0273db580364033ff126bcc1ffaecf.JPG" data-fileid="26811" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26811" data-unique="1q6dnv7bq" src="https://academy.hsoub.com/uploads/monthly_2018_01/015.thumb.JPG.98e7b74761d7831912b7ca3e13962b19.JPG" alt="015.JPG"></a>
</p>

<p>
	2- بعدها ننتقل من configuration إلى languages ونضغط على زر Add language ثم نختار اللغة العربية Arabic بعدها Add language لتبدأ عملية تحميل اللغة العربية إلى الموقع.<br>
	3- نختار اللغة العربية كـ default ونضغط save configuration
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/016.JPG.1fc2f1dfbb3265074dda76fe5fd32aa5.JPG" data-fileid="26812" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26812" data-unique="44snnqdi1" src="https://academy.hsoub.com/uploads/monthly_2018_01/016.thumb.JPG.93b1f19582ed7be179b315a01e2fb59f.JPG" alt="016.JPG"></a>
</p>

<p>
	ليتحوّل بعدها اتجاه الصفحة من اليمين إلى اليسار.<br>
	4- لتعريب الواجهة كاملة نذهب إلى موقع دروبال الرسمي الذي يقدم <a href="https://localize.drupal.org/translate/languages" rel="external nofollow">ملفات تحوي ترجمة لأغلب لغات العالم</a> ونختار اللغة العربية
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26813" data-unique="0pf1rjwhn" src="https://academy.hsoub.com/uploads/monthly_2018_01/017.JPG.65ebb598a56f1999f29beb78538d3a86.JPG" alt="017.JPG"></p>

<p>
	نلاحظ أن المعلومات المتوفرة عن اللغة العربية هي أن عدد المساهمين 60 شخصًا وقد تم الانتهاء من 1.04% فقط من دروبال<br>
	5- نقوم بعدها بتحميل نسخة اللغة drupal 8.4.3 وهي النسخة المطابقة لنسخة النواة التي لدينا
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26814" data-unique="1351n22jg" src="https://academy.hsoub.com/uploads/monthly_2018_01/018.JPG.83f873f5f1d954bce3e265658db30b7d.JPG" alt="018.JPG"></p>

<p>
	6- نعود إلى صفحة موقعنا ونذهب إلى configuration ثم user interface translation ثم import بعدها نختار ملف اللغة العربية drupal-8.4.3.ar.po الذي قمنا بتحميله في الخطوة السابقة وفي النهاية نضغط import
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26815" data-unique="tx3vljsew" src="https://academy.hsoub.com/uploads/monthly_2018_01/019.JPG.d0621a2e9f353539f21f7a3c1dcb0636.JPG" alt="019.JPG"></p>

<p>
	بعد الانتهاء من عملية استيراد الملف نلاحظ تغير واجهة الموقع بشكل كامل إلى اللغة العربية
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/020.JPG.d7e91fd7329738111c49a768dd7047c2.JPG" data-fileid="26816" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26816" data-unique="49w7t600k" src="https://academy.hsoub.com/uploads/monthly_2018_01/020.thumb.JPG.8b11b754a37f612afd29e18257f9787d.JPG" alt="020.JPG"></a>
</p>

<h3>
	<a id="___66" rel=""></a>ثانيًا: اختيار القوالب
</h3>

<p>
	يقدم دروبال العديد من القوالب حيث يمكنك اختيار إحداها.<br>
	لإضافة قالب theme نقوم باختيار “المظهر” من القائمة الرئيسية فتظهر لدينا صفحة من القوالب الموجودة مسبقًا كما نلاحظ يوجد “الحلة الافتراضية” أي المظهر الحالي ولتغييره نقوم بالضغط على install new theme حيث ستظهر صفحة لإدخال رابط theme الذي نستطيع اختياره من <a href="https://www.drupal.org/project/project_theme" rel="external nofollow">الموقع الرسمي للدروبال</a> والذي يقدم 2564 قالب مختلف كما يقدم لنا دروبال خاصية تحميل قالب خاص بنا.<br>
	بعد اختيار القالب نقوم بفتح الصفحة الخاصة به وفي نهايتها سنجد downloads والتي تحتوي على نوعين من الملفات بالضغط على الزر اليميني على نوع الملف tar.gz ونختار copy link address
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26817" data-unique="ntjvdofbi" src="https://academy.hsoub.com/uploads/monthly_2018_01/021.jpg.e22848b4328e3662ebb126f8d8f07da3.jpg" alt="021.jpg"></p>

<p>
	ننسخ هذا العنوان إلى صفحة install new theme في دروبال ونختار تثبيت
</p>

<p style="text-align: center;">
	<img class="ipsImage ipsImage_thumbnailed" data-fileid="26818" data-unique="r6dz72kzq" src="https://academy.hsoub.com/uploads/monthly_2018_01/022.JPG.4503fbf3adeef11302e21ca86cb5716c.JPG" alt="022.JPG"></p>

<p>
	بعد ذلك نضغط على home ثم “المظهر” فتظهر لدينا قائمة بالقوالب الموجودة لدينا عندها يمكن اختيار أي منها لتكون theme الخاص بالموقع من خلال الضغط على set as defualt.<br>
	من المهم عند اختيارك لتصميم شكل موقعك أن تراعي الأمور التالية:
</p>

<ul>
<li>
		سهولة التعديل.
	</li>
	<li>
		أن يظهر التصميم بشكل جيد على جميع الأجهزة (حاسب، جهاز لوحي، موبايل).
	</li>
	<li>
		البساطة والتي تساعد الزائر على التنقل بسهولة بين كافة محتويات الموقع.
	</li>
</ul>
<h3>
	<a id="_____78" rel=""></a>ثالثًا: بناء صفحة ضمن الموقع
</h3>

<p>
	سنقوم معًا ببناء صفحة “نبذة عنّا” وذلك من خلال اتباع الخطوات التالية<br>
	1- من الصفحة الرئيسية نختار "<strong>الأدوات -&gt; إضافة محتوى</strong>" بعدها تظهر لنا صفحة فيها خيارين لشكل المحتوى الذي نريد إضافته إما Article أو Basic Page، نختار الخيار الثاني Basic Page.<br>
	2- تظهر لدينا صفحة "أنشئ Basic Page" نضيف عنوان للصفحة على سبيل المثال "نبذة عنّا" وضمن قسم المتن نضيف محتوى الصفحة.<br>
	من أجل أن يظهر رابط الصفحة في القائمة الرئيسية يجب اختيار المربع "يوفّر رابط القائمة" من القائمة “إعدادات القائمة” ونضغط في أخيرًا على “حفظ”
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/023.JPG.55a337d9271461ad4e74ad3bf8d04a82.JPG" data-fileid="26819" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26819" data-unique="a445p2uwx" src="https://academy.hsoub.com/uploads/monthly_2018_01/023.thumb.JPG.a76454d7c42c41524a549415657d7b68.JPG" alt="023.JPG"></a>
</p>

<p>
	3- لتغيير ترتيب عناصر القائمة الرئيسية نقوم باختيار "<strong>الهيكلية -&gt; القوائم -&gt; main navigation</strong>" ثم نختار تحرير القائمة ونقوم بترتيب العناصر الموجودة في رابط القائمة حيث يمكن أن نضع الرئيسية ونبذة عن على نفس المستوى أو نرتبها كقائمة داخل بعضها بالإضافة إلى تغيير الترتيب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/024.JPG.aee2f93ad297c9ec413cd93854085dd9.JPG" data-fileid="26820" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26820" data-unique="k7t8o6qen" src="https://academy.hsoub.com/uploads/monthly_2018_01/024.thumb.JPG.470ea2bd96b12b5dcc19beaebc7cb185.JPG" alt="024.JPG"></a>
</p>

<p>
	وبهذه الخطوات البسيطة يمكننا إضافة محتوى للموقع الالكتروني والتحكم بطريقة عرضه وترتيبه.
</p>

<h2>
	<a id="____87" rel=""></a>ميزات استخدام منصة دروبال
</h2>

<p>
	تتجه العديد من الشركات والمنظمات لإنشاء مواقعها باستخدام دروبال وذلك بسبب الكثير من الميزات التي يقدمها ولعل أهمها:<br>
	1- الأداء الفعال والسريع: صفحات دروبال تتحمل أسرع ولديها استجابة أسرع من المواقع المصممة من خلال منصات أخرى وذلك لعدم احتوائه على الكثير من الموارد الكثيفة وبالتالي يحتاج إلى سيرفرات أقل كلفة.<br>
	2- عالي التكيّف: بمعنى أنه يمكنك تغيير شكل وتصميم موقعك الخاص حسب رؤيتك الخاصة حيث يقدم لك دروبال مجموعة واسعة من القوالب والإضافات التي تحوي على الكثير من الخيارات.<br>
	3- الأهم من ذلك كله أنه مجاني مدى الحياة حيث يمكنك تحميله وتنصيبه على سيرفر الاستضافة دون أي تكاليف.<br><strong>من أهم الشركات والمنظمات التي قامت باختيار دروبال لتصميم مواقعها عربيًا وعالميًا نذكر:</strong><br>
	من أهم الجامعات التي تستخدم دروبال لموقعها الرسمي
</p>

<p style="text-align: center;">
	جامعة هارفرد<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site01.jpg.dfc261988a232ea7b275316fb7f76b5b.jpg" data-fileid="26821" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26821" data-unique="snjnqnats" src="https://academy.hsoub.com/uploads/monthly_2018_01/site01.thumb.jpg.3bebc681f8b79eecae3cb2b5abdd72ab.jpg" alt="site01.jpg"></a>
</p>

<p style="text-align: center;">
	جامعة كولورادو<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site02.jpg.ef052be3fe28310f80487a874a5c5db2.jpg" data-fileid="26822" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26822" data-unique="gnucgfry5" src="https://academy.hsoub.com/uploads/monthly_2018_01/site02.thumb.jpg.238e6094a0e013259b788d8e099ec8cf.jpg" alt="site02.jpg"></a>
</p>

<p style="text-align: center;">
	جامعة أكسفورد
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site03.jpg.f2f96380dc11b1c1ddd6485729bf1b46.jpg" data-fileid="26823" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26823" data-unique="zaphlfduw" src="https://academy.hsoub.com/uploads/monthly_2018_01/site03.thumb.jpg.7e4d14977e0c36e8aa849758cb898a6e.jpg" alt="site03.jpg"></a>
</p>

<p>
	بالإضافة إلى مواقع عالمية أخرى وكمثال سنذكر بعضها:
</p>

<p style="text-align: center;">
	موقع نادي إشبيلية الإسباني<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site04.jpg.6afa02fad88310f351311abb79e4fb5f.jpg" data-fileid="26824" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26824" data-unique="4fw705jym" src="https://academy.hsoub.com/uploads/monthly_2018_01/site04.thumb.jpg.24692080938c285c427659fb7c785192.jpg" alt="site04.jpg"></a>
</p>

<p style="text-align: center;">
	موقع أولمبياد ريو في البرازيل 2016<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site05.jpg.671ac6b4f239db4dc967c92fb409ef96.jpg" data-fileid="26825" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26825" data-unique="70zddn5k9" src="https://academy.hsoub.com/uploads/monthly_2018_01/site05.thumb.jpg.429f8286649aa44ea38ae47e45bed89e.jpg" alt="site05.jpg"></a>
</p>

<p style="text-align: center;">
	موقع شبكة NBC<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site06.jpg.3c39016a4872bdc3ae17fb47ad5317c9.jpg" data-fileid="26826" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26826" data-unique="pon5tm732" src="https://academy.hsoub.com/uploads/monthly_2018_01/site06.thumb.jpg.c19152c291762ea6d69716db62f09d26.jpg" alt="site06.jpg"></a>
</p>

<p style="text-align: center;">
	الموقع الرسمي لحكومة استراليا<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site07.jpg.13b7e15c103362d27a86a29c21883ed5.jpg" data-fileid="26827" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26827" data-unique="nvy8e7lf9" src="https://academy.hsoub.com/uploads/monthly_2018_01/site07.thumb.jpg.35f3828f198c5149d8df426994813c4b.jpg" alt="site07.jpg"></a>
</p>

<p style="text-align: center;">
	الموقع الرسمي لحكومة جنوب أفريقيا<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site08.jpg.7d302ebe7bc8c32f97acd46a503aa35a.jpg" data-fileid="26828" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26828" data-unique="glwh2o1r7" src="https://academy.hsoub.com/uploads/monthly_2018_01/site08.thumb.jpg.65df8051dfd1114aff19f7c937c4052c.jpg" alt="site08.jpg"></a>
</p>

<p style="text-align: center;">
	الموقع الرسمي لحكومة فرنسا<br><a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site09.jpg.7721eea7521d63ea497a369a4b14ba66.jpg" data-fileid="26829" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26829" data-unique="qo8w0dbpb" src="https://academy.hsoub.com/uploads/monthly_2018_01/site09.thumb.jpg.7e58f764567e64ce459c55b7e1a71bc8.jpg" alt="site09.jpg"></a>
</p>

<p style="text-align: center;">
	صحيفة الموجز المصرية
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site10.jpg.485118a9c7bbad31106a37950ede0c07.jpg" data-fileid="26830" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26830" data-unique="df73vie7m" src="https://academy.hsoub.com/uploads/monthly_2018_01/site10.thumb.jpg.1e4acbcf027c9a9ddfb408551384e622.jpg" alt="site10.jpg"></a>
</p>

<p style="text-align: center;">
	صحيفة لوفيجارو الفرنسية
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2018_01/site11.jpg.3f5cf0f96a04f15bbcac4e11fd30e64d.jpg" data-fileid="26831" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="26831" data-unique="s3u727xkc" src="https://academy.hsoub.com/uploads/monthly_2018_01/site11.thumb.jpg.3cd6a06ceac90db4175a78c9e8b756b4.jpg" alt="site11.jpg"></a>
</p>

<p>
	وغيرها العديد من المواقع…
</p>
]]></description><guid isPermaLink="false">332</guid><pubDate>Mon, 29 Jan 2018 18:03:37 +0000</pubDate></item></channel></rss>
