<?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; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633; WordPress</title><link>https://academy.hsoub.com/apps/web/wordpress/page/4/?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; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633; WordPress</description><language>ar</language><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x63A;&#x644;&#x627;&#x641; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%BA%D9%84%D8%A7%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r602/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61e124cb6bfd4_-----.png.0de31bcb92d38feed8ca8403f5b423e5.png" /></p>

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

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

<h2>
	كيفية إضافة مكون الغلاف لمقال أو صفحة ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_cover_block_add.png.3fa082ba39636138ef5919a7bf73d804.png" data-fileid="89167" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89167" data-unique="90vk53yn5" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_cover_block_add.thumb.png.fea3482d1c64f06eff93eb93540236d4.png" style="width: 700px; height: auto;" alt="001_wordpress_cover_block_add.png"></a>
</p>

<p>
	لإضافة مكون الغلاف عليك أولًا التوجه من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%AD%D8%A9-%D8%B9%D9%86-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r394/" rel="">لوحة تحكم ووردبريس</a> إلى مقال أو صفحة جديدة، أو تحرير أي مقال أو صفحة موجودة مسبقًا، ثم الضغط على إشارة "+" الموجودة في جسم المنشور أو أعلى يمين النافذة. أدخل الآن اسم المكون في حقل البحث، واضغط عليه عند ظهوره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_cover_block_add.png.c81050f19ef7e6ec5fabb794a78578fd.png" data-fileid="89168" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89168" data-unique="qrg0omujt" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_cover_block_add.png.c81050f19ef7e6ec5fabb794a78578fd.png" style="width: 550px; height: auto;" alt="002_wordpress_cover_block_add.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_cover_block.png.c9af1925a79b20a92634f47793aecae4.png" data-fileid="89169" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89169" data-unique="fem5t9kgp" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_cover_block.png.c9af1925a79b20a92634f47793aecae4.png" style="width: 550px; height: auto;" alt="003_wordpress_cover_block.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_cover_block.png.d95a0354a183271928d9cf336143f5d3.png" data-fileid="89170" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89170" data-unique="b5jdnubke" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_cover_block.thumb.png.4b7108ff63724415ef51cb1a99b7a01f.png" style="width: 600px; height: auto;" alt="004_wordpress_cover_block.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_cover_block.png.855619da24446ff8f25dcce4227494dd.png" data-fileid="89171" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89171" data-unique="g6isjwk9a" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_cover_block.thumb.png.07052d148791b5cd8eb5b1549df848a7.png" style="width: 600px; height: auto;" alt="005_wordpress_cover_block.png"></a>
</p>

<p>
	تستطيع أيضًا إضافة عدة مكونات من خلال استخدام زر الإدخال لتتمكن اختيار المكونات التي تريد مثل العادة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_cover_block.png.74af594ab123e80f094d1877f5ed2c25.png" data-fileid="89172" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89172" data-unique="eyhs766y8" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_cover_block.thumb.png.aafc1113820eef8a8f5aecb9788a791d.png" style="width: 600px; height: auto;" alt="006_wordpress_cover_block.png"></a>
</p>

<p>
	تستطيع أيضًا الاختيار من الألوان المعدّة مسبقًا للخلفية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_cover_block.png.4f849194ef6567eea9ad2f90dca3de3d.png" data-fileid="89173" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89173" data-unique="b82npp7nr" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_cover_block.thumb.png.f98632131107d6f8dc04772cc9de90be.png" style="width: 600px; height: auto;" alt="007_wordpress_cover_block.png"></a>
</p>

<p>
	تستطيع استخدام اللون مثل شفافية لصورك.
</p>

<h2>
	إعدادات وخيارات مكون الغلاف
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_cover_block.png.12c4bdbaf2c031406b26b8017ecc038e.png" data-fileid="89174" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89174" data-unique="sfc1mhb68" src="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_cover_block.thumb.png.4433f6135d198c257e55709abd1f869f.png" style="width: 750px; height: auto;" alt="008_wordpress_cover_block.png"></a>
</p>

<p>
	يمتلك مكون الغلاف موضعين أساسيين للإعدادات والخيارات، الأول في شريط أدوات الغلاف والثاني في الشريط الجانبي الأيسر.
</p>

<h3>
	شريط أدوات مكون الغلاف
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_cover_block.png.a562960da651cf0d7c67107a9225d86b.png" data-fileid="89175" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89175" data-unique="zbpzlzyxq" src="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_cover_block.png.a562960da651cf0d7c67107a9225d86b.png" style="width: 600px; height: auto;" alt="009_wordpress_cover_block.png"></a>
</p>

<p>
	يظهر شريط أدوات المكون عند الضغط على هذا المكون في أي مكان.
</p>

<h4>
	تغيير نوع أو نمط مكون الغلاف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_cover_block.png.f5e6a9a825e47858b8191e430a45ad24.png" data-fileid="89176" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89176" data-unique="sh04o8m0a" src="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_cover_block.png.f5e6a9a825e47858b8191e430a45ad24.png" style="width: 600px; height: auto;" alt="010_wordpress_cover_block.png"></a>
</p>

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

<h4>
	السحب والتحريك
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_cover_block.png.3df5b8975c1ae531ed97b1dc5b8ade76.png" data-fileid="89177" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89177" data-unique="x5nc5rqg0" src="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_cover_block.thumb.png.9781ea400ea966e559e8448806c39e0c.png" style="width: 600px; height: auto;" alt="011_wordpress_cover_block.png"></a>
</p>

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

<h4>
	المحاذاة
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_cover_block.png.a239d648d6a6e650cc00bb0bec1deca2.png" data-fileid="89178" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89178" data-unique="x11utuv6c" src="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_cover_block.thumb.png.52660ca5bd730eb4538a5de8d1c2b66a.png" style="width: 600px; height: auto;" alt="012_wordpress_cover_block.png"></a>
</p>

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

<h4>
	تغيير موضع المحتوى
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_cover_block.png.465bc0a2123cb727b52ea25630b0a989.png" data-fileid="89179" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89179" data-unique="wxxw3w528" src="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_cover_block.thumb.png.17ba5f478a73705aa92be80daf87f07a.png" style="width: 600px; height: auto;" alt="013_wordpress_cover_block.png"></a>
</p>

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

<h4>
	تبديل الارتفاع الكامل
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_cover_block.png.6380a9b4e682cbf364456b9ac81f6e52.png" data-fileid="89180" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89180" data-unique="pq0j4hi57" src="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_cover_block.thumb.png.7b8dd43cfe68801f5a295081f76bea1e.png" style="width: 600px; height: auto;" alt="014_wordpress_cover_block.png"></a>
</p>

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

<h4>
	تطبيق فلتر التراكب اللوني
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_cover_block.png.3a6a8a0a25c8eef09439872370274725.png" data-fileid="89181" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89181" data-unique="pwbylf6en" src="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_cover_block.thumb.png.1717ee7097a5e177969415a3d948b244.png" style="width: 600px; height: auto;" alt="015_wordpress_cover_block.png"></a>
</p>

<p>
	تستطيع اختيار تراكب لوني من الخيارات المُعدّة مسبقًا، حيث تُطبق أحد الخيارات على الظلال والآخر على التمييز.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_cover_block.png.56a7baf411db4681df7a243cb19d00ff.png" data-fileid="89182" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89182" data-unique="z7cops1ms" src="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_cover_block.png.56a7baf411db4681df7a243cb19d00ff.png" style="width: 600px; height: auto;" alt="016_wordpress_cover_block.png"></a>
</p>

<p>
	اختر لونًا من المزلاق لتعديله.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_cover_block.png.a8655ce0749fa84a353d1d7f44a53fc5.png" data-fileid="89183" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89183" data-unique="sdkpz3vjv" src="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_cover_block.thumb.png.bed519809d9cb685d6e0760b96ff55f6.png" style="width: 600px; height: auto;" alt="017_wordpress_cover_block.png"></a>
</p>

<p>
	اختر لونًا أسفل المزلاق من الألوان المُعدّة مسبقًا.
</p>

<h4>
	استبدال
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_cover_block.png.76a6b24b0772d76b96e3378878f0dad7.png" data-fileid="89184" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89184" data-unique="0tobtj568" src="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_cover_block.png.76a6b24b0772d76b96e3378878f0dad7.png" style="width: 550px; height: auto;" alt="018_wordpress_cover_block.png"></a>
</p>

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

<h4>
	الخيارات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/019_wordpress_cover_block.png.f0633f48de4ee06bf8ed0a30ea336be2.png" data-fileid="89185" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89185" data-unique="om3kiht3m" src="https://academy.hsoub.com/uploads/monthly_2022_01/019_wordpress_cover_block.thumb.png.ca2738e160db34b017ef704ad2126f9e.png" style="width: 650px; height: auto;" alt="019_wordpress_cover_block.png"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون الغلاف لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون الغلاف لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون الغلاف لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خط أزرق تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كHTML</strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون الغلاف إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون الغلاف.
	</li>
</ul>
<h4>
	محتوى مكون الغلاف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/020_wordpress_cover_block_content.png.594c94996769045f1e6f8c58961fd1fd.png" data-fileid="89186" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89186" data-unique="m5ije601l" src="https://academy.hsoub.com/uploads/monthly_2022_01/020_wordpress_cover_block_content.png.594c94996769045f1e6f8c58961fd1fd.png" style="width: 550px; height: auto;" alt="020_wordpress_cover_block_content.png"></a>
</p>

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

<h5>
	تحديد الغلاف
</h5>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/021_wordpress_cover_block_content.png.7337d7cab15baad1beba5ec0f3b64269.png" data-fileid="89187" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89187" data-unique="qyjw709c6" src="https://academy.hsoub.com/uploads/monthly_2022_01/021_wordpress_cover_block_content.png.7337d7cab15baad1beba5ec0f3b64269.png" style="width: 550px; height: auto;" alt="021_wordpress_cover_block_content.png"></a>
</p>

<p>
	يُغلق هذا شريط أدوات المحتوى ويفتح شريط أدوات مكون الغلاف.
</p>

<h3>
	تغيير حجم مكون الغلاف
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/022_wordpress_cover_block_height.png.7abc9b492749aa4d5d318351985cbd1e.png" data-fileid="89188" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89188" data-unique="unex377w3" src="https://academy.hsoub.com/uploads/monthly_2022_01/022_wordpress_cover_block_height.png.7abc9b492749aa4d5d318351985cbd1e.png" style="width: 550px; height: auto;" alt="022_wordpress_cover_block_height.png"></a>
</p>

<p>
	تستطيع تغيير حجم الصورة من خلال سحب الدائرة الموجودة أسفل الصورة.
</p>

<h3>
	إعدادات مكون الغلاف
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/023_wordpress_cover_block_sidebar.png.65549db94c12e8da4177ec912d4a802e.png" data-fileid="89189" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89189" data-unique="znpejtsj4" src="https://academy.hsoub.com/uploads/monthly_2022_01/023_wordpress_cover_block_sidebar.thumb.png.b64b904d03dcc7eb6be91fd131b5e786.png" style="width: 800px; height: auto;" alt="023_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	أنماط المكون
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/024_wordpress_cover_block_sidebar.png.a9b097e4c7899890980ab1c8011fd76e.png" data-fileid="89190" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89190" data-unique="pbggm62r0" src="https://academy.hsoub.com/uploads/monthly_2022_01/024_wordpress_cover_block_sidebar.thumb.png.b6b5e5007646332e3bd090c21edefbe4.png" style="width: 800px; height: auto;" alt="024_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	مسافة التباعد
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/025_wordpress_cover_block_sidebar.png.2c2e4811e2e64d8d562e9ef60ee2e9a6.png" data-fileid="89191" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89191" data-unique="v82rm32n5" src="https://academy.hsoub.com/uploads/monthly_2022_01/025_wordpress_cover_block_sidebar.thumb.png.f1a6f873fe2b1c250762b6188ad74dea.png" style="width: 800px; height: auto;" alt="025_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	إعدادات الوسائط
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/026_wordpress_cover_block_sidebar.png.44e151ab5d044a097e058b71fc3f0a24.png" data-fileid="89192" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89192" data-unique="pmtrhsh0c" src="https://academy.hsoub.com/uploads/monthly_2022_01/026_wordpress_cover_block_sidebar.thumb.png.f5e16a4baebe7caf577618ad10e33b08.png" style="width: 800px; height: auto;" alt="026_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	أبعاد
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/027_wordpress_cover_block_sidebar.png.86588adf76e042bcd1633b0497af0627.png" data-fileid="89193" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89193" data-unique="dm3lsssby" src="https://academy.hsoub.com/uploads/monthly_2022_01/027_wordpress_cover_block_sidebar.thumb.png.ddae57d3af1a261410f571a0c4b2ce73.png" style="width: 800px; height: auto;" alt="027_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	غشاء
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/028_wordpress_cover_block_sidebar.png.36c04c34a9f47aae2109670628ab5414.png" data-fileid="89194" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89194" data-unique="llcxr015e" src="https://academy.hsoub.com/uploads/monthly_2022_01/028_wordpress_cover_block_sidebar.thumb.png.45b3f09fa8bc7464a4194e7689098554.png" style="width: 800px; height: auto;" alt="028_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h4>
	متقدم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="https://academy.hsoub.com/uploads/monthly_2022_01/029_wordpress_cover_block_sidebar.png.f3d60fe855f6f882439edc4a93eb5779.png" data-fileid="89195" rel=""><img class="ipsImage ipsImage_thumbnailed" data-fileid="89195" data-unique="fiy0xzlcc" src="https://academy.hsoub.com/uploads/monthly_2022_01/029_wordpress_cover_block_sidebar.thumb.png.863a0318dc969e9a97310501a80afe30.png" style="width: 800px; height: auto;" alt="029_wordpress_cover_block_sidebar.png"></a>
</p>

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

<h2>
	أفضل النصائح لاستخدام فعال لمكون الغلاف
</h2>

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

<h2>
	أسئلة متكررة حول مكون الغلاف في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون الغلاف وهي:
</p>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/cover-block" rel="external nofollow">How to Use the WordPress Cover Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D8%B9%D8%B1%D8%B6-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r532/" rel="">كيفية استخدام مكون المعرض في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%8A%D9%88%D8%AA%D9%8A%D9%88%D8%A8-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r582/" rel="">كيفية استخدام مكون يوتيوب في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">602</guid><pubDate>Fri, 14 Jan 2022 07:47:24 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x635;&#x648;&#x62A; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r601/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61e11e8da52ab_-----.png.c8f6ffedbc77f37ae7487225a236a529.png" /></p>

<p>
	يسمح لك مكون الصوت في ووردبريس بتوفير ملفات صوتية قابلة للتشغيل ضمن صفحاتك ومقالاتك، حيث يُمكن إضافة الملفات الصوتية من <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%88%D8%A3%D9%82%D8%B3%D8%A7%D9%85%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r420/" rel="">مكتبة الوسائط</a> أو رابط. يستطيع المستخدمون تشغيل المقطع الصوتي من متصفحاتهم أو تنزيله للاستماع له لاحقًا، وهذه طريقة رائعة لتوفير الموسيقى أو البث الصوتي أو أي نوع آخر من الملفات الصوتية لزوار موقعك ليستمعوا لها.
</p>

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

<h2>
	كيفية إضافة مكون الصوت لمقال أو صفحة ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89147" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_audio_block_add.png.f86f21933fef764adf092272ec2f592e.png" rel=""><img alt="001_wordpress_audio_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89147" data-unique="0f4f7a78b" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_audio_block_add.thumb.png.5f78243a76701f43aea9bcf507ad55e9.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	لإضافة مكون الصوت عليك أولًا التوجه من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%AD%D8%A9-%D8%B9%D9%86-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r394/" rel="">لوحة تحكم ووردبريس</a> إلى مقال أو صفحة جديدة، أو تحرير أي مقال أو صفحة موجودة مسبقًا، ثم الضغط على إشارة "+" الموجودة في جسم المنشور أو أعلى يمين النافذة. أدخل الآن اسم المكون في حقل البحث واضغط عليه عند ظهوره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89148" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_audio_block_add.png.b7dc5408c807d196fe467da69feaee78.png" rel=""><img alt="002_wordpress_audio_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89148" data-unique="wytxzbk11" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_audio_block_add.png.b7dc5408c807d196fe467da69feaee78.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89149" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_audio_block.png.733795f29c26645cded63946c1d07704.png" rel=""><img alt="003_wordpress_audio_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89149" data-unique="fhpiq2j7m" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_audio_block.png.733795f29c26645cded63946c1d07704.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89150" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_audio_block.png.2bb72404fb49ba4b19ad05c54c66f4f7.png" rel=""><img alt="004_wordpress_audio_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89150" data-unique="ok7o429jm" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_audio_block.png.2bb72404fb49ba4b19ad05c54c66f4f7.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89151" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_audio_block.png.100249ab4f859aeb00e517fbe1fba327.png" rel=""><img alt="005_wordpress_audio_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89151" data-unique="mmjyxla7p" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_audio_block.png.100249ab4f859aeb00e517fbe1fba327.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89152" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_audio_block.png.24b4f10e6363ee99213904e40bddafb2.png" rel=""><img alt="006_wordpress_audio_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89152" data-unique="6brccl6rm" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_audio_block.png.24b4f10e6363ee99213904e40bddafb2.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يوجد على يمين المُشغّل ثلاث نقاط عند الضغط عليها يظهر للمستخدم خيار تنزيل الملف.
</p>

<h2>
	إعدادات وخيارات مكون الصوت
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89153" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_audio_block_options.png.1ca1058d9c39208d586dd8301bde13d4.png" rel=""><img alt="007_wordpress_audio_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89153" data-unique="lk9chwn2v" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_audio_block_options.thumb.png.fb00881f7ea711e6625838a7f67b634c.png" style="width: 750px; height: auto;"></a>
</p>

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

<h3>
	شريط أدوات مكون الصوت
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89154" href="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_audio_block_toolbar_options.png.39613c9fe8b81fe273c1c6c45561121e.png" rel=""><img alt="008_wordpress_audio_block_toolbar_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89154" data-unique="us7jzlh1y" src="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_audio_block_toolbar_options.png.39613c9fe8b81fe273c1c6c45561121e.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	تغيير نوع أو نمط مكون الصوت
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89155" href="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_audio_block_toolbar_options_type.png.e0ad9d9dd374f6c7b5259cf6e4909d10.png" rel=""><img alt="009_wordpress_audio_block_toolbar_options_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89155" data-unique="9fszwje15" src="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_audio_block_toolbar_options_type.png.e0ad9d9dd374f6c7b5259cf6e4909d10.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تستطيع تحويل المكون إلى أعمدة أو مكون ملف يسمح للمستخدمين تنزيل المقطع الصوتي مثل ملف، أو تستطيع تحويله إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r599/" rel="">مجموعة</a> تستطيع تخصيصها. سوف تظهر لك معاينة عند تحريك المؤشر فوق أي من خيارات التحويل.
</p>

<h4>
	السحب والتحريك
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89156" href="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_audio_block_toolbar_options_drag.png.6a4e87f71c04b14044772a4ac4ba5cbf.png" rel=""><img alt="010_wordpress_audio_block_toolbar_options_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89156" data-unique="98i7022sr" src="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_audio_block_toolbar_options_drag.png.6a4e87f71c04b14044772a4ac4ba5cbf.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	المحاذاة
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89157" href="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_audio_block_toolbar_options_drag.png.a7856485f420926753f65058175718f0.png" rel=""><img alt="011_wordpress_audio_block_toolbar_options_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89157" data-unique="k7d9xbvh7" src="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_audio_block_toolbar_options_drag.png.a7856485f420926753f65058175718f0.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89158" href="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_audio_block_toolbar_options_alignment.png.894b0874ff5223581bf463f91cb0c9ca.png" rel=""><img alt="012_wordpress_audio_block_toolbar_options_alignment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89158" data-unique="3wbd9qm9z" src="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_audio_block_toolbar_options_alignment.thumb.png.9ec64367ca01589ec4cfc2169f10896f.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	وهذا عرض واسع يأخذ معظم عرض الشاشة.
</p>

<h4>
	استبدال
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89159" href="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_audio_block_toolbar_options_replace.png.c88ad8743b0827d44baab1431ced2d19.png" rel=""><img alt="013_wordpress_audio_block_toolbar_options_replace.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89159" data-unique="xm4tkzy1n" src="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_audio_block_toolbar_options_replace.png.c88ad8743b0827d44baab1431ced2d19.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	الخيارات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89160" href="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_audio_block_toolbar_options_more.png.8a8c62af565915a8bf15fbd72b644e90.png" rel=""><img alt="014_wordpress_audio_block_toolbar_options_more.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89160" data-unique="k8ccc37s2" src="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_audio_block_toolbar_options_more.png.8a8c62af565915a8bf15fbd72b644e90.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون الصوت لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون الصوت لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون الصوت لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خط أزرق تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كHTML</strong>: يفتح محرر الشيفرة حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون الصوت إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون الصوت.
	</li>
</ul>
<h4>
	الكلمات التوضيحية
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89161" href="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_audio_block_toolbar_caption.png.e707e6a96d0f0c84f5768dcce07dc1be.png" rel=""><img alt="015_wordpress_audio_block_toolbar_caption.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89161" data-unique="ul7r80kxn" src="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_audio_block_toolbar_caption.png.e707e6a96d0f0c84f5768dcce07dc1be.png" style="width: 800px; height: auto;"></a>
</p>

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

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

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

<ul>
<li>
		<strong>كود مضمن</strong>: يغير طريقة عرض النص ليبدو وكأنه شيفرة برمجية ويمنع تنفيذ الشيفرة البرمجية.
	</li>
	<li>
		<strong>صورة مضمنة</strong>: تُضيف صورة من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r460/" rel="">مكتبة الوسائط</a> إلى المكان الذي يتواجد فيه مؤشر الفأرة.
	</li>
	<li>
		<strong>مدخلات لوحة المفاتيح</strong>: يعرض النص المُدخل من لوحة المفاتيح بصيغة HTML.
	</li>
	<li>
		<strong>يتوسطه خط</strong>: يعرض خطًا يمر ضمن النص.
	</li>
	<li>
		<strong>أحرف سفلية</strong>: يجعل النص أصغر وأدنى من غيره.
	</li>
	<li>
		<strong>أحرف علوية</strong>: يجعل النص أصغر من غيره لكن أعلى ارتفاعًا.
	</li>
	<li>
		<strong>تحته خط</strong>: يعرض خطًا أسفل النص.
	</li>
	<li>
		<strong>لون النص</strong>: يسمح لك بتغيير لون النص.
	</li>
</ul>
<h3>
	إعدادات الشريط الجانبي لمكون الصوت
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89162" href="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_audio_block_sidebar.png.f9b19b07c3c6dc2c23a36ffcb50da36c.png" rel=""><img alt="016_wordpress_audio_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89162" data-unique="ueqhpu99v" src="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_audio_block_sidebar.thumb.png.eeda00a9efa665a6395760285c80f7dc.png" style="width: 800px; height: auto;"></a>
</p>

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

<h4>
	إعدادات الصوت
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89163" href="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_audio_block_sidebar.png.4c6f2c349da23a360a9baf81805a8d4a.png" rel=""><img alt="017_wordpress_audio_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89163" data-unique="ek0412ztc" src="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_audio_block_sidebar.thumb.png.7d15e46acde914df3f9a973983d09a34.png" style="width: 800px; height: auto;"></a>
</p>

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

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

<ul>
<li>
		<strong>تلقائي</strong>: يُحمّل هذا الخيار كامل الملف الصوتي حتى لو لم يضغط المستخدم على زر التشغيل.
	</li>
	<li>
		<strong>البيانات الوصفية</strong>: يُحمّل هذا الخيار النص فقط، أي المعلومات الأساسية عن الملف بينما لا يبدأ تحميل الملف الصوتي ما لم يضغط المستخدم على زر التشغيل.
	</li>
	<li>
		<strong>بدون</strong>: لا يبدأ تحميل أي معلومات أو بيانات تلقائيًا.
	</li>
</ul>
<h4>
	متقدم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89164" href="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_audio_block_sidebar.png.560465ec0501576b8f7e8b4d9f93580f.png" rel=""><img alt="018_wordpress_audio_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89164" data-unique="b5vv8gtno" src="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_audio_block_sidebar.thumb.png.3aa246f40254d84d4a699425fdf2c245.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	يتضمن هذا القسم رابط القفز HTML وحقلًا لإضافة أصناف <a href="https://academy.hsoub.com/programming/css/%d8%aa%d8%b9%d8%b1%d9%91%d9%81-%d8%b9%d9%84%d9%89-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css-r70/" rel="">CSS</a>، ويكون رابط القفز هو عبارة عن عنوان ويب خاص لمكون الصوت يسمح لك بالربط مباشرةً مع المكون، في حين يسمح لك حقل أصناف CSS بإنشاء شيفرة <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a> مُخصصة لتغيير تصميم المكون.
</p>

<h2>
	أفضل النصائح لاستخدام فعال لمكون الصوت
</h2>

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

<h2>
	أسئلة متكررة حول مكون الصوت في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون الصوت وهي:
</p>

<ul>
<li>
		<strong>ما هي وظيفة مكون الصوت؟</strong> يُضيف هذا المكون مشغلًا صوتيًا في أي مكان ضمن محتوى موقعك، وهذا يسمح للمستخدمين تشغيل أو تنزيل المقاطع الصوتية.
	</li>
	<li>
		<strong>ما هي مزايا استخدام مكون الصوت؟</strong> يُنشئ مشغلًا صوتيًا، وهذا يُنبّه المستخدمين بتوفر ملف صوتي يستطيعون الاستماع له.
	</li>
	<li>
		<strong>هل يُمكن تحويله إلى مكون آخر؟</strong> نعم، يُمكن تحويله إلى مكون ملف أو أعمدة أو مجموعة، حيث يسمح مكون الملف للمستخدمين بتنزيل الملف بدلًا من الاستماع له من خلال متصفحاتهم.
	</li>
	<li>
		<strong>هل توجد مكونات أخرى يُمكن استخدامها للملفات الصوتية؟</strong> نعم، تستطيع لصق الرابط ضمن مكون التضمين لكنه لا يملك إعدادات الصوت التي يملكها مكون الصوت، إلا أنه سوف يوفر لك تصميم مشغل الصوت في الواجهة الأمامية، ولو لم يكن بنفس الأناقة التي يوفرها مكون الصوت. تتضمن النسخة المُضمنة شريط التقدم والزمن فقط. <strong>*ما هي أفضل الاستخدامات لهذا المكون؟</strong> يُمكن استخدام هذا المكون للموسيقى والملفات الصوتية وعينات الصوت والبث الصوتي والدروس الصوتية والكتب الصوتية وغيرها.
	</li>
	<li>
		<strong>ما هي أنواع الملفات التي يستطيع هذا المكون استخدامها؟</strong> يتوافق مكون الصوت مع ملفات mp3. وm4a. وogg. وملفات wav.، حيث يظهر ويعمل المشغل بنفس الطريقة لجميع هذه الأنواع.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/audio-block" rel="external nofollow">How to Use the WordPress Audio Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r598/" rel="">كيفية استخدام مكون التصنيفات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r578/" rel="">كيفية استخدام مكون الفيديو في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%8A%D9%88%D8%AA%D9%8A%D9%88%D8%A8-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r582/" rel="">كيفية استخدام مكون يوتيوب في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">601</guid><pubDate>Fri, 14 Jan 2022 07:20:07 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x648;&#x633;&#x627;&#x626;&#x637; &#x645;&#x639; &#x646;&#x635; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%85%D8%B9-%D9%86%D8%B5-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r600/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61e118d20013d_-------.png.d49fee5940e3d993652692a1da51ad61.png" /></p>

<p>
	يسمح لك ووردبريس بإضافة <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">مكون فقرة</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r534/" rel="">مكون صورة</a>، بحيث يكون كل على حدة، لكنك تستطيع وضع هذين العنصرين بجانب بعضها بفضل مكون وسائط مع نص الذي يتضمن عدة تصاميم لهيكليته تستطيع الاختيار منها إن كنت تعلم كيفية استخدام إعداداته.
</p>

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

<h2>
	كيفية إضافة مكون وسائط مع نص لمقال أو صفحة ووردبريس
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89136" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_media_text_block_add.png.2e1fb6a3c584566759e0baeff60f6998.png" rel=""><img alt="001_wordpress_media_text_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89136" data-unique="v8gezf82d" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_media_text_block_add.thumb.png.277010a5c8de29ecb99a608516e220b2.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89137" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_media_text_block_add.png.7327593684ec5cc92cf7665f9961d6bd.png" rel=""><img alt="002_wordpress_media_text_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89137" data-unique="3mifo314u" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_media_text_block_add.thumb.png.4f570b2e9a26dbc176af5d5c31bde9cb.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	بهذا يكون قد أصبح لديك الآن مكون وسائط مع نص ضمن محتوى المقال، وافتراضيًا يكون موضع الصورة أو مقطع <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r578/" rel="">الفيديو</a> إلى اليسار والمحتوى المكتوب إلى اليمين. اضغط على <strong>رفع</strong> أو <strong>Select media</strong> لاختيار ملف.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89138" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_media_text_block.png.38eac2d786c63197a3b2446cf4468512.png" rel=""><img alt="003_wordpress_media_text_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89138" data-unique="1jomcs4cl" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_media_text_block.png.38eac2d786c63197a3b2446cf4468512.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89139" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_media_text_block.png.ef7bf1ce0ce3a5442b80764d4ba44105.png" rel=""><img alt="004_wordpress_media_text_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89139" data-unique="j94d2rdci" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_media_text_block.png.ef7bf1ce0ce3a5442b80764d4ba44105.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89140" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_media_text_block.png.b3e6fc958c2d9a72d03716f2648e836b.png" rel=""><img alt="005_wordpress_media_text_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89140" data-unique="5mhbwhk6n" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_media_text_block.thumb.png.955d203fa85dce71c5dbb5d4fb038ad6.png" style="width: 650px; height: auto;"></a>
</p>

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

<h2>
	إعدادات وخيارات مكون وسائط مع نص
</h2>

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

<h3>
	إعدادات شريط أدوات مكون وسائط مع نص
</h3>

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

<ol>
<li>
		تحويل المكون إلى نوع آخر.
	</li>
	<li>
		اختيار تصميم المكون بين خيارين.
	</li>
	<li>
		إضافة رابط لملف الوسائط ضمن المكون.
	</li>
	<li>
		استبدال ملف الوسائط بخيار آخر.
	</li>
</ol>
<p>
	إليك صورةً تُوضح لك موقع كل من الخيارات السابقة ضمن شريط الأدوات.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89141" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_media_text_block_options.png.fa7bc7a29d7418a2d145d7ffb56e3af8.png" rel=""><img alt="006_wordpress_media_text_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89141" data-unique="ztxi6x7h4" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_media_text_block_options.png.fa7bc7a29d7418a2d145d7ffb56e3af8.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89142" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_media_text_block_options.png.486cd782c9c24583bfef2937baac1935.png" rel=""><img alt="007_wordpress_media_text_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89142" data-unique="04aq1w59t" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_media_text_block_options.png.486cd782c9c24583bfef2937baac1935.png" style="width: 600px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89143" href="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_media_text_block_options.png.c86fcdab805bd712a161ae86b3ec1a35.png" rel=""><img alt="008_wordpress_media_text_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89143" data-unique="6w9y9vt5m" src="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_media_text_block_options.thumb.png.6a15bb71fc75b50bcefad2f38295b3a7.png" style="width: 600px; height: auto;"></a>
</p>

<h3>
	خيارات إضافية
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89144" href="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_media_text_block_sidebar.png.1da08cd359af01e57a55f30c0fa6486b.png" rel=""><img alt="009_wordpress_media_text_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89144" data-unique="zhac09k7z" src="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_media_text_block_sidebar.thumb.png.6b4916fd44a1d97224941bc439c2e551.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	سوف نشرح وظيفة كل من هذه الخيارات:
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89145" href="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_media_text_block_sidebar.png.e936c09ce7c51ec8e725f3f3ec9b13e8.png" rel=""><img alt="010_wordpress_media_text_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89145" data-unique="95ox12wyp" src="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_media_text_block_sidebar.thumb.png.847d50efcde9b4e1ebe2bbfe59b14871.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89146" href="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_media_text_block_sidebar.png.91b1060e3372721cf959ddc877669865.png" rel=""><img alt="011_wordpress_media_text_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89146" data-unique="vw6yf62e4" src="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_media_text_block_sidebar.png.91b1060e3372721cf959ddc877669865.png"></a>
</p>

<p>
	يُغطي ما سبق كل ما تحتاج معرفته عن إعدادات وخيارات مكون وسائط مع نص، وبهذا يكون قد حان الوقت الآن لبعض النصائح حول استخدام هذا المكون.
</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%88%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r461/" rel="">والصفحات</a>. يُمكنك استنساخ مظهر وتصميم هذا المكون باستخدام الأعمدة لإضافة مكون صورة ومكون فقرة بجانب بعضهما لكن يوجد سبب بسيط لعدم فعل هذا وهو أن مكون وسائط مع نص موجود.
</p>

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

<h2>
	أسئلة متكررة حول مكون وسائط مع نص في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون وسائط مع نص وهي:
</p>

<ul>
<li>
		<strong>متى يجب عليّ استخدام مكون وسائط مع نص؟</strong> يُعَد مكون وسائط مع نص طريقةً رائعةً لعرض صورة أو مقطع فيديو بجانب محتوى مكتوب، وتذكر أن محرر المكونات يسمح لك بالاختيار بين عدة عناصر نصية مختلفة.
	</li>
	<li>
		<strong>هل أستطيع الفصل بين قسمي الوسائط والنص في هذا المكون؟</strong> تستطيع تحويل مكون الوسائط مع نص إلى أعمدة، وهذا يفصله إلى مكونين منفردين لكن يُحافظ على التصميم العام.
	</li>
	<li>
		<strong>هل أستطيع تغيير إعدادات الخط لمكون وسائط مع نص؟</strong> لا يسمح لك مكون وسائط مع نص تغيير إعدادات الخط، لكنك تستطيع تغيير لون النص أو أي رابط موجود، وإن أردت الوصول لخيارات متقدمة أكثر، فسوف تحتاج لتحويل المكون إلى أعمدة.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/media-and-text-block" rel="external nofollow">How to Use the WordPress Media and Text Block</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r599/" rel="">كيفية استخدام مكون المجموعة في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r598/" rel="">كيفية استخدام مكون التصنيفات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r545/" rel="">كيفية استخدام مكون الاقتباس في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">600</guid><pubDate>Tue, 11 Jan 2022 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x645;&#x62C;&#x645;&#x648;&#x639;&#x629; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r599/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61e113f62ef62_-----.png.a1f6713ca26b7313bf17d1a879021de6.png" /></p>

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

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

<h2>
	كيفية إضافة مكون المجموعة لمقال أو صفحة ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89122" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_group_block_add.png.0cf4124db892bdf8b6fd7bc12b56d2fb.png" rel=""><img alt="001_wordpress_group_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89122" data-unique="upmx728sp" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_group_block_add.thumb.png.2bca84f4cc5994e72375b0b31d5444b3.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	لإضافة مكون المجموعة عليك أولًا التوجه من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%86%D8%B8%D8%B1%D8%A9-%D8%AA%D9%81%D8%B5%D9%8A%D9%84%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-dashboard-%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r402/" rel="">لوحة تحكم ووردبريس</a> إلى مقال أو صفحة جديدة، أو تحرير أي مقال أو صفحة موجودة مسبقًا، ثم الضغط على إشارة "+" الموجودة في جسم المنشور أو أعلى يمين النافذة. أدخل الآن اسم المكون في حقل البحث واضغط عليه عند ظهوره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89123" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_group_block_add.png.030a8999260bf436897e29fc69ef1fa2.png" rel=""><img alt="002_wordpress_group_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89123" data-unique="zmstfyk7p" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_group_block_add.png.030a8999260bf436897e29fc69ef1fa2.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89124" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_group_block.png.f5e23ed32e357b5495fbc5e9e4c0cecf.png" rel=""><img alt="003_wordpress_group_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89124" data-unique="y2d1kpi7w" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_group_block.thumb.png.0378857857dcbcca882a27d697b5699e.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89125" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_group_block.png.f6c60ff037006d55cb0f4c17f07bd5b3.png" rel=""><img alt="004_wordpress_group_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89125" data-unique="zr1sazztr" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_group_block.thumb.png.f7fbc2b451f86c7107609d540be67a5e.png" style="width: 800px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89126" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_group_block.png.ab69f82fb9be115834dc4cf493e95740.png" rel=""><img alt="005_wordpress_group_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89126" data-unique="fvi5vr23q" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_group_block.thumb.png.52b1931380504b163c574137835603e1.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	هذه هي الطريقة الأولى لإضافة مكون مجموعة <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-posts-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r388/" rel="">لمقالاتك</a> أو <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%88%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r461/" rel="">صفحاتك</a>، والطريقة البديلة هي بإضافة جميع المكونات التي تريدها ضمن مجموعتك، ثم تحديد جميع هذه المكونات ضمن المحرر ليظهر لك خيار ربط هذه المكونات مع بعضها ضمن مجموعة.
</p>

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

<h2>
	إعدادات وخيارات مكون المجموعة
</h2>

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

<h3>
	شريط أدوات مكون المجموعة
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89127" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_group_block_toolbar.png.f164634f56519fe2d4322248b738985e.png" rel=""><img alt="006_wordpress_group_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89127" data-unique="cnggx8kfy" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_group_block_toolbar.thumb.png.bc8b1c0573711f6eb1944431ebb2385e.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89128" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_group_block_toolbar.png.7500fdcdcccc64a143e32a731e24ff87.png" rel=""><img alt="007_wordpress_group_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89128" data-unique="f0l3n5hzu" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_group_block_toolbar.thumb.png.bd174bb85867474f00694dcd8573e47e.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89129" href="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_group_block_toolbar.png.8bebedcc2241f4f26b8c74cfa36996c9.png" rel=""><img alt="008_wordpress_group_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89129" data-unique="d94dpgw37" src="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_group_block_toolbar.png.8bebedcc2241f4f26b8c74cfa36996c9.png" style="width: 680px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89130" href="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_group_block_toolbar.png.83e9abac2de412de481e9299238ca80e.png" rel=""><img alt="009_wordpress_group_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89130" data-unique="6q2cnku5s" src="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_group_block_toolbar.thumb.png.4b084331494b2fec45d6566f16ba5a1e.png" style="width: 850px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89131" href="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_group_block_toolbar.png.fc7cb587d854fdc290a02e54384eec72.png" rel=""><img alt="010_wordpress_group_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89131" data-unique="jx6wxqi3w" src="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_group_block_toolbar.thumb.png.372a3e39f0db57afd53a8ca36540f70e.png" style="width: 850px; height: auto;"></a>
</p>

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

<h3>
	خيارات إضافية
</h3>

<p>
	يتضمن كل مكون في ووردبريس إعدادات متنوعة تستطيع الوصول لها من خلال الضغط على المكون، ثم أيقونة اﻹعدادات في أعلى يسار الصفحة. يوفر مكون المجموعة إعدادات تغيير نمط المجموعة (1) وتعديل لونها (2) وإضافة هوامش داخلية بين الحدود والعناصر الداخلية (3).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89132" href="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_group_block_sidebar.png.25efc67c271e4595e828940b0e572c95.png" rel=""><img alt="011_wordpress_group_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89132" data-unique="gs0go3fv2" src="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_group_block_sidebar.thumb.png.56d5a30f5c1e7b2446d85d35c114e772.png" style="width: 850px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89133" href="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_group_block_sidebar.png.c82dc8eda9ab70853456f9ea4dd5231b.png" rel=""><img alt="012_wordpress_group_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89133" data-unique="0e9h1jf3e" src="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_group_block_sidebar.thumb.png.6513a7ef24dd88f9b45c8409d0e6a8d0.png" style="width: 850px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89134" href="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_group_block_sidebar.png.2729f81952410b222e5fd97177e08806.png" rel=""><img alt="013_wordpress_group_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89134" data-unique="90nplrrb7" src="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_group_block_sidebar.thumb.png.42394324bafa472f7c3cfb69db547e25.png" style="width: 850px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89135" href="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_group_block_sidebar.png.db497d3436a94a69caca1adaa57b06a1.png" rel=""><img alt="014_wordpress_group_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89135" data-unique="n9g7azxtq" src="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_group_block_sidebar.thumb.png.9bc06e1c85884de4883f81b26271809d.png" style="width: 850px; height: auto;"></a>
</p>

<p>
	تستطيع الآن الانتقال لإعدادات العناصر الداخلية إن كنت راضيًا عن إعدادات مكون المجموعة.
</p>

<h2>
	أفضل النصائح لاستخدام فعال لمكون المجموعة
</h2>

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

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

<h2>
	أسئلة متكررة حول مكون المجموعة في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون المجموعة وهي:
</p>

<ul>
<li>
		<strong>هل أستطيع تجميع أي مكونات أريدها معًا؟</strong> يسمح لك مكون المجموعة بتجميع مكونات ووردبريس التي تريدها، ومنه تستطيع إنشاء تصاميم معقدة تتضمن عدة عناصر.
	</li>
	<li>
		<strong>هل أستطيع تعديل المكونات الفردية كل على حدة ضمن مكون المجموعة؟</strong> يوفر لك محرر المكونات وصولًا لإعدادات شاملة تتحكم بكامل المجموعة التي تعمل عليها، كما تستطيع استخدام خيارات تخصيص كل عنصر على حدا ضمن المجموعة.
	</li>
	<li>
		<strong>هل مكونات المجموعة هي نفسها المكونات القابلة لإعادة الاستخدام؟</strong> تستطيع حفظ معظم المكونات لتكون مكونات قابلة لإعادة الاستخدام ضمن محرر المكونات، لكن مكون المجموعة يسمح لك بحفظ مجموعة مكونات كأنها مكون واحد قابل لإعادة الاستخدام.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/group-block" rel="external nofollow">How to Use the WordPress Group Block</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r598/" rel="">كيفية استخدام مكون التصنيفات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">كيفية استخدام مكون الفقرة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r545/" rel="">كيفية استخدام مكون الاقتباس في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">599</guid><pubDate>Sat, 08 Jan 2022 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x62A;&#x635;&#x646;&#x64A;&#x641;&#x627;&#x62A; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r598/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61e10e4886c94_-----.png.287fa488b9f27ed7eda7488b08cbc61b.png" /></p>

<p>
	من أحد مهامك بصفتك <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%88%D8%AA%D8%B3%D8%AC%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84-%D8%A8%D8%A3%D9%85%D8%A7%D9%86-r6/" rel="">مديرًا لموقع ووردبريس</a>، هي جعل عملية تنقل الزوار ضمن الموقع سهلة، ولحسن الحظ توجد عدة طرق تستطيع استخدامها، أحدها هي استخدام مكون التصنيفات الذي يوفر آليةً سهلةً وبسيطة لعرض تصنيفات مدونتك في أي مكان مثل المقالات والصفحات والشريط الجانبي والترويسة والتذييل.
</p>

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

<h2>
	كيفية إضافة مكون التصنيفات لمقال أو صفحة ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89115" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_categories_block_add.png.770da6302943853fb6663cfa56843107.png" rel=""><img alt="001_wordpress_categories_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89115" data-unique="deuljtcfe" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_categories_block_add.thumb.png.555081da4700cacd2ea0c5b047aeee97.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	لإضافة مكون التصنيفات، عليك أولًا التوجه من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%AD%D8%A9-%D8%B9%D9%86-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r394/" rel="">لوحة تحكم ووردبريس</a> إلى مقال أو صفحة جديدة، أو تحرير أي مقال أو صفحة موجودة مسبقًا، ثم الضغط على إشارة "+" الموجودة في جسم المنشور أو أعلى يمين النافذة. أدخل الآن اسم المكون في حقل البحث واضغط عليه عند ظهوره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89116" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_categories_block_add.png.3d9974685b826340015870bfa014079f.png" rel=""><img alt="002_wordpress_categories_block_add.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89116" data-unique="xut7z0f3x" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_categories_block_add.png.3d9974685b826340015870bfa014079f.png" style="width: 550px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89117" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_categories_block_category_section.png.e84ec1022b442ea037654c554c4e2795.png" rel=""><img alt="003_wordpress_categories_block_category_section.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89117" data-unique="6tenn5x3r" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_categories_block_category_section.thumb.png.73c70a104a8da8026e7e44a73aef69e1.png" style="width: 870px; height: auto;"></a>
</p>

<p>
	يجب أن تعلم أن تصنيفات المقال التي تظهر سوف تعرض جميع <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%B1-%D9%88%D8%A7%D9%84%D8%B5%D9%84%D8%A7%D8%AD%D9%8A%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r463/" rel="">التصنيفات</a> التي أنشأتها وحفظتها ضمن موقعك. تستطيع العثور على هذه التصنيفات من خلال التوجه إلى تبويب <strong>تصنيفات</strong> ضمن قسم <strong>مقالات</strong> في لوحة تحكم ووردبريس.
</p>

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

<h2>
	إعدادات وخيارات مكون التصنيفات
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89118" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_categories_block_settings.png.d9d64b875adaa55f2276dd3c8015129e.png" rel=""><img alt="004_wordpress_categories_block_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89118" data-unique="5d4d9rdrc" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_categories_block_settings.thumb.png.2b11e91c37ee7c762d28507362d4c564.png" style="width: 850px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89119" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_categories_block_sidebar_settings.png.2cae93efe57a19464f0cc28ef2a4375f.png" rel=""><img alt="005_wordpress_categories_block_sidebar_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89119" data-unique="hqf1h3gzo" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_categories_block_sidebar_settings.thumb.png.a4ad3ba34dd21191d444b67e109fccaf.png" style="width: 850px; height: auto;"></a>
</p>

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

<p>
	يوجد قسم "متقدم" حيث تستطيع إضافة أصناف <a href="https://academy.hsoub.com/programming/css/%d8%aa%d8%b9%d8%b1%d9%91%d9%81-%d8%b9%d9%84%d9%89-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css-r70/" rel="">CSS</a> الخاصة بك.
</p>

<h2>
	أفضل النصائح لاستخدام فعال لمكون التصنيفات
</h2>

<p>
	إن مكون التصنيفات سهل وبسيط الاستخدام، لكن هناك عدة نصائح تُساعدك على استخدام فعّال له.
</p>

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

<p>
	يأتي ووردبريس افتراضيًا باثنين من هذه الأنواع هي التصنيفات والوسوم، وكلاهما مهمان <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/" rel="">لتجربة المستخدم</a> في موقعك و<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="">تحسين محركات البحث</a>.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89120" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_categories_block.png.e2b8af15fd06304b59c2e4dcb49c6c92.png" rel=""><img alt="006_wordpress_categories_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89120" data-unique="i6tb4otxo" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_categories_block.png.e2b8af15fd06304b59c2e4dcb49c6c92.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="89121" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_categories_block.png.74c263e21a725439f1ee1637bac9b3c0.png" rel=""><img alt="007_wordpress_categories_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="89121" data-unique="3xa2ow32h" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_categories_block.thumb.png.cc6af35c947f566c70b5db16baa839ac.png" style="width: 850px; height: auto;"></a>
</p>

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

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

<h2>
	أسئلة متكررة حول مكون التصنيفات في ووردبريس
</h2>

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

<ul>
<li>
		<strong>كيف أستطيع العثور على مكون التصنيفات في ووردبريس؟</strong> تستطيع العثور على هذا المكون من خلال التوجه إلى الصفحة أو المقال حيث تريد إضافته، ثم الضغط على إشارة "+" لإضافة المكونات والبحث عن "تصنيفات"، بعد ذلك يتم الضغط على المكون، أو تستطيع كتابة "/تصنيفات" ضمن المحتوى حيث تريد إضافته لتظهر لك قائمة تستطيع منها اختيار المكون.
	</li>
	<li>
		<strong>ما هي وظيفة مكون التصنيفات؟</strong> إن التصنيفات هي جزء من نظام الأنواع المبني ضمن ووردبريس، والمستخدم لتنظيم وشرح المحتوى، لذا يسمح لك هذا المكون بعرض قائمة التصنيفات الموجودة على موقعك في مكان إضافتك للمكون، وهذا يُسهل على القارئ التنقل بين مقالات موقعك للعثور أسرع على ما تبحث عنه.
	</li>
	<li>
		<strong>هل أستطيع إضافة مكون التصنيفات في أي مكان في ووردبريس؟</strong> تستطيع إضافة هذا المكون في أي مكان ضمن ووردبريس يسمح لك بالوصول لمحرر المكونات، ولذلك تستطيع إضافة هذا المكون في أي صفحة أو مقال كما تستطيع إضافته عند تحرير الودجات وبعض أنواع المنشورات المُخصصة.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/categories-block" rel="external nofollow">How to Use the WordPress Categories Block</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r514/" rel="">كيفية استخدام مكون تضمين ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">كيفية استخدام مكون الفقرة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r545/" rel="">كيفية استخدام مكون الاقتباس في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">598</guid><pubDate>Wed, 05 Jan 2022 15:00:00 +0000</pubDate></item><item><title>&#x646;&#x627;&#x641;&#x630;&#x629; &#x642;&#x648;&#x627;&#x626;&#x645; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%86%D8%A7%D9%81%D8%B0%D8%A9-%D9%82%D9%88%D8%A7%D8%A6%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r588/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61db254201780_-------------------.png.6e2433ca7b79d60f6fb95c830cc548cc.png" /></p>

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

<p>
	تستطيع إضافة عناصر مختلفة للقائمة مثل الروابط <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A4%D9%87%D8%A7-%D9%88%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%87%D8%A7-%D9%88%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D9%87%D8%A7-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r389/" rel="">والصفحات</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-posts-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r388/" rel="">المقالات</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%88%D8%B3%D9%88%D9%85-%D8%A8%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r109/" rel="">التصنيفات</a>، كما أنك تستطيع إضافة روابط مخصصة ربما تُشير لمواقع أخرى، وبعد الانتهاء من إضافة هذه العناصر تستطيع ترتيبها بالهرمية التي تريد (من الممكن إنشاء قوائم فرعية).
</p>

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

<h2>
	خيارات الشاشة
</h2>

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

<p>
	تكون بعض الوحدات مثل <strong>مقالات</strong> مخفيةً افتراضيًا.
</p>

<h2>
	إنشاء قائمة
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88423" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_menu.png.24dc8937837d16d4beb7b38bbaba8d1d.png" rel=""><img alt="001_wordpress_menu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88423" data-unique="vkj5jupps" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_menu.thumb.png.89af1ddbaacda617196ad0ce93e6f548.png"></a>
</p>

<p>
	اتبع الخطوات التالية لإنشاء قائمة:
</p>

<ol>
<li>
		توجه إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%AE%D8%B5%D9%8A%D8%B5-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%84%D9%85%D9%84%D8%A7%D8%A6%D9%85%D8%A9-%D8%A7%D9%84%D8%B9%D9%85%D9%84%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D8%A8%D8%AA%D8%AF%D8%A6%D9%8A%D9%86-r110/" rel="">لوحة تحكم ووردبريس</a>.
	</li>
	<li>
		اضغط على تبويب "قوائم" ضمن قسم "المظهر" من الشريط الجانبي على يمين لوحة التحكم.
	</li>
	<li>
		اضغط على <strong>أنشئ قائمة جديدة</strong> في أعلى الصفحة.
	</li>
	<li>
		أدخل اسم القائمة الجديدة ضمن حقل <strong>اسم القائمة.</strong>
	</li>
	<li>
		اضغط على زر <strong>إنشاء قائمة.</strong>
	</li>
</ol>
<h2>
	إضافة عناصر للقائمة
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88424" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_menu_2.png.a49a7175d59bbf1159ef62f417c998fb.png" rel=""><img alt="002_wordpress_menu_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88424" data-unique="3ffu4glvw" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_menu_2.thumb.png.19d6c753a6757052ca5874b983536aa8.png"></a>
</p>

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

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

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

	<p>
		<strong>ملاحظة:</strong> تسمح خيارات الشاشة لك باختيار العناصر التي تريد إضافتها للقائمة حيث أن بعض العناصر مثل <strong>الوسوم</strong> تكون مخفيةً افتراضيًا.
	</p>
</blockquote>

<h2>
	حذف عنصر من القائمة
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88425" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_menu_3.png.40203369f2f07d2649ae3d637d57bbf6.png" rel=""><img alt="003_wordpress_menu_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88425" data-unique="r734lqty2" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_menu_3.thumb.png.5db5ffcbcaf209c47d432a8023f55ffe.png"></a>
</p>

<p>
	اتبع الخطوات التالية لحذف عنصر:
</p>

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

<ol>
<li>
		اضغط على <strong>تحديد متعدد</strong> لحذف عدة عناصر من القائمة مع بعضها.
	</li>
	<li>
		اضغط على المربع الموجود بجانب كل عنصر تريد حذفه.
	</li>
	<li>
		اضغط على <strong>إزالة العناصر المحددة</strong> لحذفها من القائمة دفعةً واحدةً.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88426" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_menu_remove_items.png.029771218bfc1f2dd5d7e51893279611.png" rel=""><img alt="004_wordpress_menu_remove_items.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88426" data-unique="7qbo7zn6u" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_menu_remove_items.thumb.png.bb4d7c83145be517e415ba53a35a1557.png"></a>
</p>

<h2>
	إنشاء قوائم متعددة المستويات
</h2>

<p>
	عند تخطيط بنية القائمة من المُفيد النظر لكل عنصر ضمنها على أنه عنوان ضمن تقرير رسمي حيث تكون عناوين القسم الرئيسي ضمن هذا التقرير (<a href="https://wiki.hsoub.com/HTML/h1-h6" rel="external">ترويسة H1</a>) الأقرب للطرف الأيمن من الصفحة بينما تكون العناوين الفرعية (ترويسة H2) أبعد قليلًا نحو اليسار وأي تفريع عن هذه الأقسام الفرعية (ترويسات H3 أو H4 أو غيرها) تكون أبعد بقليل نحو اليسار.
</p>

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

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

<ol>
<li>
		ضع مؤشر الفأرة فوق العنصر الفرعي.
	</li>
	<li>
		اضغط باستمرار على هذا العنصر واسحبه نحو اليسار.
	</li>
	<li>
		أفلت العنصر.
	</li>
	<li>
		كرر الخطوات السابقة لكل عنصر فرعي.
	</li>
	<li>
		اضغط على <strong>حفظ القائمة</strong> أسفل محرر القوائم لحفظ التغييرات التي أجريتها.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88427" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_menu_sort_items.gif.3b3b614dda7bc997afd5f4d5af0480e0.gif" rel=""><img alt="005_wordpress_menu_sort_items.gif" class="ipsImage ipsImage_thumbnailed" data-fileid="88427" data-unique="qxq94xpa1" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_menu_sort_items.gif.3b3b614dda7bc997afd5f4d5af0480e0.gif"></a>
</p>

<h2>
	إضافة قائمتك للموقع
</h2>

<p>
	إن كان القالب الحالي الذي تستخدمه يدعم القوائم المُخصصة سوف تكون قادرًا على إضافة قائمتك الجديدة إلى أحد أماكن عرض القوائم في <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%82%D9%88%D8%A7%D9%84%D8%A8-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1223/" rel="">القالب</a>.
</p>

<ol>
<li>
		توجه لأسفل نافذة محرر القوائم.
	</li>
	<li>
		سوف تجد <strong>مكان العرض</strong> أسفل قسم <strong>إعدادات القائمة</strong>، وهنا تستطيع اختيار مكان عرض القائمة الذي تُريد.
	</li>
	<li>
		اضغط على <strong>حفظ القائمة</strong> بعد انتهائك من الخطوات السابقة.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88429" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_menu_list_position.png.fdec7ac34afa1b462cfff33dd51be8e3.png" rel=""><img alt="006_wordpress_menu_list_position.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88429" data-unique="cjfh8b35k" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_menu_list_position.thumb.png.0823cf3cfcbb0202084a58eaa3fe9cc7.png"></a>
</p>

<p>
	إن كان <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AE%D8%AA%D8%A7%D8%B1-%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8-%D8%A7%D9%84%D8%A3%D9%86%D8%B3%D8%A8-%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D8%B9%D9%84%D9%89%C2%A0%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r136/" rel="">القالب</a> الحالي لا يدعم القوائم المُخصصة سوف يتعين عليك إنشاء قائمة جديدة باستخدام ودجت قائمة مخصصة ضمن نافذة <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%88%D8%AF%D8%AC%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r467/" rel="">ودجات ووردبريس</a>.
</p>

<h2>
	إعادة ترتيب وضبط عناصر القائمة
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="88430" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_menu_item_options.png.19104ae8fee8f610db4b0ae2d51fb01c.png" rel=""><img alt="007_wordpress_menu_item_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="88430" data-unique="yn35bdzjl" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_menu_item_options.png.19104ae8fee8f610db4b0ae2d51fb01c.png"></a>
</p>

<p>
	الخيارات التي يتضمنها كل عنصر:
</p>

<ul>
<li>
		<strong>التسمية في القائمة</strong> - اسم العنصر كما سوف يظهر للزوار ضمن القائمة.
	</li>
	<li>
		<strong>خصائص العنوان</strong> - الخصائص المستخدمة عند عرض التسمية.
	</li>
	<li>
		<strong>فتح الرابط في علامة تبويب جديدة</strong> - ضع علامة في هذا المربع لفتح عنصر القائمة في علامة تبويب جديدة.
	</li>
	<li>
		<strong>CSS Classes</strong> - تستطيع إضافة أصناف <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a> اختيارية لعنصر القائمة.
	</li>
	<li>
		<strong>علاقات الرابط XFN</strong> - تسمح لك بتوليد خصائص XFN تلقائيًا لتتمكن من إظهار علاقتك بكتاب/ مالكي الموقع الذي تربط معه. ألق نظرة على <a href="https://codex.wordpress.org/Links_Add_New_Screen#Link_Relationship_.28XFN.29%20Link%20Relationship" rel="external nofollow">علاقة الرابط</a> لمزيد من التفاصيل.
	</li>
	<li>
		<strong>الوصف</strong> - وصف الرابط الذي يُعرض ضمن القائمة إن كان القالب النشط يدعم ذلك.
	</li>
	<li>
		<strong>الأصل</strong> - رابط المصدر الرئيسي لعنصر القائمة مثل رابط لمشاهدة منشور أو صفحة.
	</li>
	<li>
		<strong>إزالة</strong> - إزالة عنصر القائمة من القائمة.
	</li>
	<li>
		<strong>إلغاء</strong> - إلغاء ضبط عنصر القائمة.
	</li>
</ul>
<p>
	ترجمة -وبتصرف- للمقال <a href="https://wordpress.org/support/article/appearance-menus-screen/" rel="external nofollow">Appearance Menus Screen</a> من موقع <a href="https://wordpress.org/" rel="external nofollow">ووردبريس</a>.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D9%82%D9%88%D8%A7%D8%A6%D9%85-%D8%A7%D9%84%D8%AA%D9%86%D9%82%D9%84-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r252/" rel="">الدليل الشامل إلى تعديل قوائم التنقل في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r460/" rel="">كيفية استخدام مكتبة الوسائط في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89-%D9%84%D9%84%D8%B9%D9%85%D9%84-%D9%85%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r364/" rel="">الخطوات الأولى للعمل مع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D9%8A%D8%AC%D8%A7%D8%AF-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D8%A7%D9%84%D8%B4%D8%AE%D8%B5%D9%8A-%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%88%D8%AA%D8%B9%D8%AF%D9%8A%D9%84%D9%87-r480/" rel="">كيفية إيجاد الملف الشخصي لمستخدم ووردبريس وتعديله</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">588</guid><pubDate>Mon, 03 Jan 2022 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x623;&#x64A;&#x642;&#x648;&#x646;&#x627;&#x62A; &#x627;&#x644;&#x627;&#x62C;&#x62A;&#x645;&#x627;&#x639;&#x64A;&#x629; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A3%D9%8A%D9%82%D9%88%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r584/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_01/61d3e9815d7f6_------.png.cbf2e689810cea0c769c19047fc6b036.png" /></p>

<p>
	يسمح لك مكون الأيقونات الاجتماعية بإضافة روابط لشبكات مواقع التواصل الاجتماعي الخاصة بك ضمن المحتوى، وتكون هذه الروابط عبارة عن أيقونات تحمل شعارات شبكات التواصل الاجتماعي، والتي تبدو جميلةً ضمن أي محتوى، لذا فإن معرفة كيفية استخدام مكون الأيقونات الاجتماعية في ووردبريس سوف <a href="https://academy.hsoub.com/marketing/social-media/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%BA%D9%84-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%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%81%D9%8A-%D8%AA%D8%AD%D9%88%D9%8A%D9%84-%D8%A7%D9%84%D9%86%D8%A7%D8%B3-%D9%84%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D8%9F-r115/" rel="">يشد انتباه زوارك إلى وجودك ضمن منصات التواصل الاجتماعي</a> ويُساعد في نمو متابعينك على هذه المنصات.
</p>

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

<h2>
	كيفية إضافة مكون الأيقونات الاجتماعية لمقال أو صفحة ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87874" href="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_social_icons_block_add.png.0a49cafe5b2491bef52b37c5bfacb125.png" rel=""><img alt="wordpress social icons block add" class="ipsImage ipsImage_thumbnailed" data-fileid="87874" data-unique="p7t9pihr4" src="https://academy.hsoub.com/uploads/monthly_2022_01/001_wordpress_social_icons_block_add.thumb.png.d08a30db9ac96f352f669d29b0f78aff.png" style="width: 550px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87875" href="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_social_icons_block_add_2.png.56ba0aca0680c33445c062467fb2edbf.png" rel=""><img alt="002_wordpress_social_icons_block_add_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87875" data-unique="b1y095kvk" src="https://academy.hsoub.com/uploads/monthly_2022_01/002_wordpress_social_icons_block_add_2.png.56ba0aca0680c33445c062467fb2edbf.png" style="width: 450px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87876" href="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_social_icons_block.png.c1e1f85b01d495d6135ad033767ea120.png" rel=""><img alt="003_wordpress_social_icons_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87876" data-unique="7kcm9bbnk" src="https://academy.hsoub.com/uploads/monthly_2022_01/003_wordpress_social_icons_block.thumb.png.81655725ed376ff7977ec8b7fb59d4b8.png" style="width: 450px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87877" href="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_social_icons_add_icon.png.cf7a851e6408c953f4f3e95f602c067e.png" rel=""><img alt="004_wordpress_social_icons_add_icon.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87877" data-unique="l3tuukyl6" src="https://academy.hsoub.com/uploads/monthly_2022_01/004_wordpress_social_icons_add_icon.png.cf7a851e6408c953f4f3e95f602c067e.png" style="width: 500px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87878" href="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_social_icons_add_icon_2.png.8ee51070ab219f70ba36630bb3c7486f.png" rel=""><img alt="005_wordpress_social_icons_add_icon_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87878" data-unique="cufj55qdh" src="https://academy.hsoub.com/uploads/monthly_2022_01/005_wordpress_social_icons_add_icon_2.png.8ee51070ab219f70ba36630bb3c7486f.png" style="width: 450px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87879" href="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_social_icons.png.9f9bcebe9d42be0bcce36f86986e7960.png" rel=""><img alt="006_wordpress_social_icons.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87879" data-unique="5m8ols7ox" src="https://academy.hsoub.com/uploads/monthly_2022_01/006_wordpress_social_icons.png.9f9bcebe9d42be0bcce36f86986e7960.png" style="width: 450px; height: auto;"></a>
</p>

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

<h2>
	إعدادات وخيارات مكون الأيقونات الاجتماعية
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87880" href="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_social_icons_settings.png.58e43b221a1e100a854bf1ecc57336e9.png" rel=""><img alt="007_wordpress_social_icons_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87880" data-unique="cyqtvouwl" src="https://academy.hsoub.com/uploads/monthly_2022_01/007_wordpress_social_icons_settings.thumb.png.ffe3dfa37614dc1d6a325560cdb0cab7.png" style="width: 600px; height: auto;"></a>
</p>

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

<h3>
	شريط أدوات مكون الأيقونات الاجتماعية
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87881" href="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_social_icons_toolsbar.png.7ec0766447135115f48bb91525e7d99a.png" rel=""><img alt="008_wordpress_social_icons_toolsbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87881" data-unique="u1m2k6t8h" src="https://academy.hsoub.com/uploads/monthly_2022_01/008_wordpress_social_icons_toolsbar.png.7ec0766447135115f48bb91525e7d99a.png" style="width: 350px; height: auto;"></a>
</p>

<p>
	يظهر شريط أدوات المكون عند الضغط على هذا المكون في أي مكان.
</p>

<h4>
	تغيير نوع أو نمط مكون الأيقونات الاجتماعية
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87882" href="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_social_icons_toolsbar_change_type.png.441923d6cfaf03ffd6b74c51c906f4a8.png" rel=""><img alt="009_wordpress_social_icons_toolsbar_change_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87882" data-unique="tsfpa42nt" src="https://academy.hsoub.com/uploads/monthly_2022_01/009_wordpress_social_icons_toolsbar_change_type.png.441923d6cfaf03ffd6b74c51c906f4a8.png" style="width: 350px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87883" href="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_social_icons_toolsbar_change_type_only_logos.png.06429121c0a3db6fd254b7ae57e97fca.png" rel=""><img alt="010_wordpress_social_icons_toolsbar_change_type_only_logos.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87883" data-unique="dh3hr060y" src="https://academy.hsoub.com/uploads/monthly_2022_01/010_wordpress_social_icons_toolsbar_change_type_only_logos.png.06429121c0a3db6fd254b7ae57e97fca.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	يزيل نمط "الشعارات فقط" الدائرة المحيطة بالأيقونة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87884" href="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_social_icons_toolsbar_change_type_pile.png.f80beb0e1a98d35bcad2ac7b7d955cb3.png" rel=""><img alt="011_wordpress_social_icons_toolsbar_change_type_pile.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87884" data-unique="56lt3k5oh" src="https://academy.hsoub.com/uploads/monthly_2022_01/011_wordpress_social_icons_toolsbar_change_type_pile.png.f80beb0e1a98d35bcad2ac7b7d955cb3.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	يُطيل نمط "شكل القرص" الدوائر لتُصبح على شكل قرص.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87885" href="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_social_icons_toolsbar_change_type_gray.png.a61b2165dc2e057eb9deaf5f9733195a.png" rel=""><img alt="012_wordpress_social_icons_toolsbar_change_type_gray.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87885" data-unique="epp1opybn" src="https://academy.hsoub.com/uploads/monthly_2022_01/012_wordpress_social_icons_toolsbar_change_type_gray.png.a61b2165dc2e057eb9deaf5f9733195a.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	يُزيل نمط "رمادي داكن" الدوائر ويجعل الأيقونات رمادية.
</p>

<h4>
	السحب والتحريك
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87886" href="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_social_icons_toolsbar_change_type_drag.png.b6e50b355ffb6ed2beb36f92483a28dd.png" rel=""><img alt="013_wordpress_social_icons_toolsbar_change_type_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87886" data-unique="ikpgtpgzv" src="https://academy.hsoub.com/uploads/monthly_2022_01/013_wordpress_social_icons_toolsbar_change_type_drag.png.b6e50b355ffb6ed2beb36f92483a28dd.png" style="width: 350px; height: auto;"></a>
</p>

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

<h4>
	المحاذاة
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87887" href="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_social_icons_toolsbar_change_type_alignment.png.149e1cd0f8e03cdb40cf0a9c55f7011d.png" rel=""><img alt="014_wordpress_social_icons_toolsbar_change_type_alignment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87887" data-unique="x0hngdsx7" src="https://academy.hsoub.com/uploads/monthly_2022_01/014_wordpress_social_icons_toolsbar_change_type_alignment.png.149e1cd0f8e03cdb40cf0a9c55f7011d.png" style="width: 350px; height: auto;"></a>
</p>

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

<h4>
	تغيير ضبط العناصر
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87888" href="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_social_icons_toolsbar_change_type_justify.png.04bb9f1c3ede9ba679971e83ac0a7187.png" rel=""><img alt="015_wordpress_social_icons_toolsbar_change_type_justify.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87888" data-unique="hsc77q2wl" src="https://academy.hsoub.com/uploads/monthly_2022_01/015_wordpress_social_icons_toolsbar_change_type_justify.png.04bb9f1c3ede9ba679971e83ac0a7187.png" style="width: 450px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87889" href="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_social_icons_toolsbar_change_type_justify.png.b0fbe5715cc95801deaf750fa5f53337.png" rel=""><img alt="016_wordpress_social_icons_toolsbar_change_type_justify.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87889" data-unique="18pron6zr" src="https://academy.hsoub.com/uploads/monthly_2022_01/016_wordpress_social_icons_toolsbar_change_type_justify.png.b0fbe5715cc95801deaf750fa5f53337.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	هذا المثال يستخدم فراغات بين الأيقونات.
</p>

<h4>
	الحجم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87890" href="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_social_icons_toolsbar_change_type_size.png.7ab5febea776244f90d40178790c2980.png" rel=""><img alt="017_wordpress_social_icons_toolsbar_change_type_size.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87890" data-unique="k9698fjl5" src="https://academy.hsoub.com/uploads/monthly_2022_01/017_wordpress_social_icons_toolsbar_change_type_size.png.7ab5febea776244f90d40178790c2980.png" style="width: 450px; height: auto;"></a>
</p>

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

<h4>
	الخيارات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87891" href="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_social_icons_toolsbar_option.png.ef22779038e384292ab3aeb51da256f5.png" rel=""><img alt="018_wordpress_social_icons_toolsbar_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87891" data-unique="ueorl4y8h" src="https://academy.hsoub.com/uploads/monthly_2022_01/018_wordpress_social_icons_toolsbar_option.png.ef22779038e384292ab3aeb51da256f5.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون الأيقونات الاجتماعية لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون الأيقونات الاجتماعية لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون الأيقونات الاجتماعية لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خط أزرق تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كHTML</strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون الأيقونات الاجتماعية إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون الأيقونات الاجتماعية.
	</li>
</ul>
<h3>
	شريط أدوات أيقونات مكون الأيقونات الاجتماعية
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87892" href="https://academy.hsoub.com/uploads/monthly_2022_01/019_wordpress_social_icons_icontoolsbar_option.png.fb6106a69d6ef8463bcfcf639a343cc0.png" rel=""><img alt="019_wordpress_social_icons_icontoolsbar_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87892" data-unique="29ot2qmei" src="https://academy.hsoub.com/uploads/monthly_2022_01/019_wordpress_social_icons_icontoolsbar_option.png.fb6106a69d6ef8463bcfcf639a343cc0.png" style="width: 366px; height: auto;"></a>
</p>

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

<h4>
	أيقونة الشبكة ضمن شريط أدوات الأيقونات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87893" href="https://academy.hsoub.com/uploads/monthly_2022_01/020_wordpress_social_icons_icontoolsbar_option.png.3608dc5111d58f8b1754cbe25f6cfa63.png" rel=""><img alt="020_wordpress_social_icons_icontoolsbar_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87893" data-unique="zxciysvxf" src="https://academy.hsoub.com/uploads/monthly_2022_01/020_wordpress_social_icons_icontoolsbar_option.png.3608dc5111d58f8b1754cbe25f6cfa63.png" style="width: 366px; height: auto;"></a>
</p>

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

<h4>
	سحب وتحريك الأيقونة
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87894" href="https://academy.hsoub.com/uploads/monthly_2022_01/021_wordpress_social_icons_icontoolsbar_option.png.e9fdea2ded51152e6f69dd18a00437ae.png" rel=""><img alt="021_wordpress_social_icons_icontoolsbar_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87894" data-unique="dalrq8u7i" src="https://academy.hsoub.com/uploads/monthly_2022_01/021_wordpress_social_icons_icontoolsbar_option.png.e9fdea2ded51152e6f69dd18a00437ae.png"></a>
</p>

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

<h4>
	خيارات شريط أدوات الأيقونة
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87895" href="https://academy.hsoub.com/uploads/monthly_2022_01/022_wordpress_social_icons_icontoolsbar_option.png.a3564626de68e4b95917df5a24540c48.png" rel=""><img alt="022_wordpress_social_icons_icontoolsbar_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87895" data-unique="lnafjxrrg" src="https://academy.hsoub.com/uploads/monthly_2022_01/022_wordpress_social_icons_icontoolsbar_option.png.a3564626de68e4b95917df5a24540c48.png" style="width: 450px; height: auto;"></a>
</p>

<p>
	تعمل هذه الخيارات بنفس آلية خيارات شريط أدوات المكون لكنها تُطبّق فقط على الأيقونة التي اخترتها، وتتضمن الخيارات:
</p>

<ul>
<li>
		إظهار المزيد من الإعدادات.
	</li>
	<li>
		نسخ.
	</li>
	<li>
		تكرار.
	</li>
	<li>
		نقل إلى.
	</li>
	<li>
		إزالة المكون.
	</li>
</ul>
<h3>
	إعدادات مكون الأيقونات الاجتماعية
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87896" href="https://academy.hsoub.com/uploads/monthly_2022_01/023_wordpress_social_icons_sidebar_settings.png.bf7c6e683b6795a9bf86a1d3adb40cd1.png" rel=""><img alt="023_wordpress_social_icons_sidebar_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87896" data-unique="gttd9y2ln" src="https://academy.hsoub.com/uploads/monthly_2022_01/023_wordpress_social_icons_sidebar_settings.thumb.png.f010de59925bc342a35af086994391a1.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	أنماط المكون
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87897" href="https://academy.hsoub.com/uploads/monthly_2022_01/024_wordpress_social_icons_sidebar_settings_types.png.98de2d2bbac9a242d99a90431d620dd0.png" rel=""><img alt="024_wordpress_social_icons_sidebar_settings_types.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87897" data-unique="9xdpbpn0t" src="https://academy.hsoub.com/uploads/monthly_2022_01/024_wordpress_social_icons_sidebar_settings_types.thumb.png.49d60f9e8c241905fc73937f0f7e881b.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	إعدادات الرابط
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87898" href="https://academy.hsoub.com/uploads/monthly_2022_01/025_wordpress_social_icons_sidebar_settings_link.png.218bde78c350d60e65ccb6320e08bcb1.png" rel=""><img alt="025_wordpress_social_icons_sidebar_settings_link.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87898" data-unique="3bbifyk94" src="https://academy.hsoub.com/uploads/monthly_2022_01/025_wordpress_social_icons_sidebar_settings_link.thumb.png.3360fc3ea2c971f445454c9bc163dff9.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	اللون
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87899" href="https://academy.hsoub.com/uploads/monthly_2022_01/026_wordpress_social_icons_sidebar_settings_color.png.a2405de58fe2d9fb9f0afe440ccaba65.png" rel=""><img alt="026_wordpress_social_icons_sidebar_settings_color.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87899" data-unique="3y68og24w" src="https://academy.hsoub.com/uploads/monthly_2022_01/026_wordpress_social_icons_sidebar_settings_color.thumb.png.3ff7a7e503c4ca60d839012e1770f510.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	متقدم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87900" href="https://academy.hsoub.com/uploads/monthly_2022_01/027_wordpress_social_icons_sidebar_settings_advanced.png.88b276856be3e196fe1d948ab5680c56.png" rel=""><img alt="027_wordpress_social_icons_sidebar_settings_advanced.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87900" data-unique="ptjda1og3" src="https://academy.hsoub.com/uploads/monthly_2022_01/027_wordpress_social_icons_sidebar_settings_advanced.thumb.png.190a9931b86d92c3318ca88f28d1abc2.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يتضمن هذا القسم رابط القفز HTML وحقل لإضافة أصناف <a href="https://academy.hsoub.com/programming/css/%d8%aa%d8%b9%d8%b1%d9%91%d9%81-%d8%b9%d9%84%d9%89-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css-r70/" rel="">CSS</a>، ويكون رابط القفز هو عبارة عن عنوان ويب خاص لمكون الأيقونات الاجتماعية يسمح لك بالربط مباشرةً مع المكون، بينما حقل أصناف CSS يسمح لك بإنشاء شيفرة CSS مُخصصة لتغيير تصميم المكون.
</p>

<h3>
	إعدادات الشريط الجانبي للأيقونات
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="87901" href="https://academy.hsoub.com/uploads/monthly_2022_01/028_wordpress_social_icons_sidebar_settings.png.1cf8b61e73e1304796f43eee74f17198.png" rel=""><img alt="028_wordpress_social_icons_sidebar_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="87901" data-unique="xgs9q25wa" src="https://academy.hsoub.com/uploads/monthly_2022_01/028_wordpress_social_icons_sidebar_settings.thumb.png.a40f578d89aef62772fefb46cf18fcd9.png" style="width: 600px; height: auto;"></a>
</p>

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

<h2>
	أفضل النصائح لاستخدام فعال لمكون الأيقونات الاجتماعية
</h2>

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

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

<p>
	توجد بضع أسئلة تكرر حول مكون الأيقونات الاجتماعية وهي:
</p>

<ul>
<li>
		<strong>ما هو مكون الأيقونات الاجتماعية؟</strong> يُضيف هذا المكون أيقونات لشبكات التواصل الاجتماعي في أي مكان ضمن محتوى موقعك لزيادة عدد متابعينك على هذه الشبكات.
	</li>
	<li>
		<strong>كم عدد الشبكات التي يستطيع هذا المكون عرضها؟</strong> يتضمن هذا المكون 42 شبكة وأحدها هي أيقونة الرابط التي تستطيع ربطها مع أي موقع أو شبكة تواصل اجتماعي تريد، وبالتالي تستطيع الربط مع عدد غير محدود من الشبكات.
	</li>
	<li>
		<strong>هل يُمكن تحويله إلى مكون آخر؟</strong> يُمكنك تحويله إلى مجموعة أو أعمدة، فالمجموعة مفيدة جدًا لتخصيص الخلفية بينما الأعمدة تسمح لك بوضع المحتوى جنبًا إلى جنب.
	</li>
	<li>
		<strong>بماذا أستطيع استخدام هذا المكون؟</strong> يمكن ربطه مع شبكات التواصل الاجتماعي أو شبكات أعضاء الفريق أو شبكات الشركات التي تتكلم عنها في مقالك وغيرها من الأمور. يُمكن استخدامه أيضًا لتوفير أي عدد من الروابط للخدمات والمنتجات والصفحات وغيرها باستخدام أيقونة الرابط.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/social-icons-block" rel="external nofollow">How to Use the WordPress Social Icons Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/css/symbol-fonts-%d8%aa%d8%b9%d8%b1%d9%81-%d8%b9%d9%84%d9%89-%d8%ae%d8%b7%d9%88%d8%b7-%d8%a7%d9%84%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa%d8%8c-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84%d8%a7%d8%aa%d9%87%d8%a7%d8%8c-%d9%85%d8%a7-%d9%84%d9%87%d8%a7-%d9%88%d9%85%d8%a7-%d8%b9%d9%84%d9%8a%d9%87%d8%a7-r9/" rel="">Symbol Fonts: تعرف على خطوط الأيقونات، استعمالاتها، ما لها وما عليها</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%AD%D8%A9-%D8%B9%D9%86-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r394/" rel="">لمحة عن لوحة تحكم ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r514/" rel="">كيفية استخدام مكون تضمين ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1-%D8%AD%D8%AC%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r523/" rel="">كيفية تغيير حجم مكون في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">584</guid><pubDate>Sat, 01 Jan 2022 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x623;&#x62E;&#x637;&#x627;&#x621; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r575/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61cf8b5e17544_----(1).png.b76ab61efc46342dcdbe556d68587376.png" /></p>

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

<h2>
	كيفية إصلاح الخطأ HTTP Error 400 في مواقع ووردبريس
</h2>

<p>
	يظهر الخطأ HTTP 404 عندما لا يتمكن <a href="https://academy.hsoub.com/programming/javascript/%D8%A2%D9%84%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%85%D8%B1-%D9%85%D8%B9-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D9%81%D9%8A-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r1301/" rel="">الخادم</a> من العثور على الصفحة التي طلبتها، وهو خطأ شائع الظهور. لكن ماذا عن الخطأ HTTP 400 عندما تظهر لك رسالة <a href="https://academy.hsoub.com/questions/17293-%D8%AE%D8%B7%D8%A3-bad-request-400-%D8%B9%D9%86%D8%AF-%D9%88%D8%B6%D8%B9-debugfalse-%D9%81%D9%8A-%D8%AC%D8%A7%D9%86%D8%BA%D9%88-django/#comment-50535" rel="">400 Bad Request</a>؟ يُعَد هذا الخطأ أعقد بقليل من السابق، ولكن لا داعي للقلق؛ حيث سنتحدث عن أسباب ظهور هذا الخطأ الأكثر تكرارًا، وكيفية إصلاح هذا الخطأ عند ظهوره، ومنع تكرار ظهوره في المستقبل.
</p>

<h3>
	خطأ HTTP 400
</h3>

<p>
	يُعَد هذا الخطأ هو الأكثر ظهورًا للمستخدم بين جميع أخطاء HTTP، ويُقلِق هذا الخطأ مدير الخادم، لكن في كثير من الحالات يكون الطلب Request خاطئًا من البداية؛ لذلك لا يستطيع الموقع تفسيره، ويُظهر رسالة الخطأ 400. ولحسن الحظ، توجد بعض الأمور التي تستطيع فعلها؛ ليُنفذ الطلب من قِبل <a href="https://academy.hsoub.com/programming/javascript/%D8%A2%D9%84%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%85%D8%B1-%D9%85%D8%B9-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D9%81%D9%8A-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r1301/" rel="">الخادم</a>، لكن دعنا نطلعك أولًا على أسباب ظهور هذا الخطأ، ثم كيفية تطبيق حلول تُناسب كل سبب.
</p>

<h3>
	مشاكل في التخزين المؤقت Cache وملفات الارتباط Cookies
</h3>

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

<p>
	يظهر الخطأ 400 في كثير من الأحيان عند إرسال سجل أو محاولة تسجيل الدخول، فمن المُمكن أن تحصل مشكلة عند إرسال حزم بيانات مُشفرة ومحمية؛ وبالتالي من المُمكن حل المشكلة بتحديث الصفحة فقط، أو بحذف الملفات المخزنة، كما تستطيع تجاوز الملفات المخزنة مؤقتًا عند ظهور هذا الخطأ من خلال الضغط على زر CTRL/CMD ثم Shift ثم R، لكن إن فشلت هذه الطريقة في حل المشكلة، فعليك الاطلاع على الحلول التالية.
</p>

<h3>
	تفقد رابط الصفحة URL
</h3>

<p>
	أحد أسباب ظهور الخطأ 400 هو أخطاء في الرابط، وهنا لا نقصد خطأً كتابيًا، والذي ينتج عنه الخطأ 404، بل نقصد استخدام محرف لا يجب استخدامه هنا ولا يتوقعه الخادم؛ فمثلًا عند استخدام حملة UTM، تستطيع استخدام الرمز %20 لإدخال الفراغ كمحرف أو رموز أخرى لمحارف أخرى:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_4990_6" style="">
<span class="pln">https</span><span class="pun">:</span><span class="com">//mostaql.com/?utm_source=khamsat.com&amp;utm_medium=Links&amp;utm_campaign=HsoubFooter</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86229" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_mostaql_utm.png.e013d3b4218268dc6c481926759807d0.png" rel=""><img alt="001_mostaql_utm.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86229" data-unique="i24fey0kk" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_mostaql_utm.thumb.png.f9e61b66aabcbeee8432b85aad92aaa4.png"></a>
</p>

<p>
	تستطيع استخدام الرابط السابق ضمن متصفحك ليعمل دون أي مشاكل، لكن عند إضافة رمز مثل % أو %20 ضمن القسم الرئيسي من الرابط أي قبل رمز "؟" فلن يتمكن الخادم من تفسير ما تريد ليعرض لك الخطأ 400.
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_4990_8" style="">
<span class="pln">https</span><span class="pun">:</span><span class="com">//mostaql.com/%HsoubFooter</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86230" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_mostaql_error400.png.921aaaa3a9192cedf7c98b71e8a9a786.png" rel=""><img alt="002_mostaql_error400.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86230" data-unique="o74ql2fdn" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_mostaql_error400.thumb.png.a7eb7647794d227fd0a311d676b3c245.png"></a>
</p>

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

<h3>
	تفقد إضافات المتصفح
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86231" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_manage_chrome_extension.png.451fff5cea4fffbdd5f6598aeef3482e.png" rel=""><img alt="003_manage_chrome_extension.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86231" data-unique="ec8j201yv" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_manage_chrome_extension.thumb.png.b699ca0d3e714e37b60360dd4d425cce.png"></a>
</p>

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

<h3>
	حجم الملف كبير جدا
</h3>

<p>
	تشيع هذه المشكلة بين مُستخدمي ووردبريس عند محاولتهم رفع ملف، ولا ترتبط هذه المشكلة <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%85%D8%B3%D8%A7%D8%B9%D8%AF%D8%A9-%D9%84%D8%A8%D9%86%D8%A7%D8%A1-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r542/" rel="">بمواقع ووردبريس</a> فقط، ومع ذلك فحلها بسيط في ووردبريس، ولمعرفة إن كان الخطأ 400 يظهر بسبب حجم الملف، حاول رفع ملف ذي حجم أصغر، فإذا اكتملت عملية الرفع بنجاح، فيعني هذا أن عليك زيادة حد حجم الملفات المرفوعة من خلال إضافة تعليمة بسيطة ضمن ملف <code>wp-config.php</code> هي:
</p>

<pre class="ipsCode">
define('WP_MEMORY_LIMIT', '64M');
</pre>

<p style="text-align: center;">
	<img alt="004_HTTP_Error_400.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="86232" data-unique="e2se4fs67" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_HTTP_Error_400.jpg.48cd3754aa609d8c3903b473bfa15166.jpg"></p>

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

<h3>
	حذف ذاكرة DNS المؤقتة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86233" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_HTTP_Error_400.jpg.0dcd6b41031068116d1371952beca9d3.jpg" rel=""><img alt="005_HTTP_Error_400.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="86233" data-unique="vltla55dp" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_HTTP_Error_400.thumb.jpg.78a4764d5eb49ce63968c4c9c3d65cf5.jpg"></a>
</p>

<p>
	الحل بسيط لهذه المشكلة، إذ عليك فتح نافذة الأوامر، وذلك بالبحث عن <strong>cmd</strong> ثم كتابة التعليمة <code>ipconfig /flushdns</code> (يوجد فراغ قبل علامة '/')، وتجريب الموقع من جديد للتأكد من حل المشكلة واختفاء الخطأ 400.
</p>

<p>
	إن كنت تستخدم نظام ماكنتوش، فالآلية مُشابهة. عليك فتح <strong>terminal</strong> وكتابة <code>sudo killall -HUP mDNSResponder</code>. لكن إن لم تعمل التعليمة السابقة، فجرِّب <code>sudo discoveryutil udnsflushcaches</code>.
</p>

<p>
	إن استمر الخطأ 400 بالظهور بعد تجريب جميع الحلول السابقة، فيعني هذا أنه قد حان الوقت للاتصال مع فريق دعم <a href="https://academy.hsoub.com/devops/servers/web/%D8%A7%D9%84%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%81%D9%8A-%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%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-%D9%88%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%B3%D8%B9%D9%8A%D8%AF-r534/" rel="">استضافة موقعك</a>؛ أما إن كنت زائرًا للموقع وتستطيع التواصل مع مدير الموقع عبر وسائل التواصل الاجتماعي أو البريد الإلكتروني، فعليك بذلك؛ بينما إن كنت مديرًا للموقع وعليك التعامل مع هذه المشكلة، فالخيار الأفضل هو التواصل مع فريق دعم الاستضافة.
</p>

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

<h2 id="-403-forbidden-error-">
	كيفية إصلاح الخطأ 403 Forbidden Error في ووردبريس
</h2>

<p>
	يفرض الاستخدام الطويل للإنترنت ظهور العديد من حالات الخطأ المرتبطة بطلب HTTP، وأكثر هذه الأخطاء إزعاجًا هو 403 Forbidden ضمن موقع ووردبريس، حيث يُعَد منعك من دخول صفحة معينة ضمن موقعك أمرًا مزعجًا خصوصًا أنك دفعت تكاليف الاستضافة وتثبيت منصة ووردبريس. لكن لحسن الحظ، هذا الخطأ معروف السبب، وهو عدم امتلاكك صلاحيات كافيةً ليُعالج <a href="https://academy.hsoub.com/programming/javascript/%D8%A2%D9%84%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%85%D8%B1-%D9%85%D8%B9-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D9%81%D9%8A-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r1301/" rel="">الخادم</a> طلبك، وهذا بسبب مشكلة بسيطة في <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="">تثبيت ووردبريس</a>، وتستغرق عملية إصلاح هذه المشكلة وقتًا أقل من معرفة السبب الحقيقي لها.
</p>

<h3 id="-">
	أولا عليك أخذ نسخة احتياطية
</h3>

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

<h3 id="-">
	الخيار الأول تحقق من صلاحيات الملفات في تثبيت ووردبريس
</h3>

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

<p>
	عليك امتلاك برنامج FTP Client مثل <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-filezilla-%D9%88-phpmyadmin-%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D9%88%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r367/" rel="">FileZilla</a>، وذلك لتتمكن من الاتصال بالخادم والتحقق من صلاحيات الملفات، أو يمكنك استخدام مدير الملفات الذي توفره استضافتك. سوف نفترض أنك استخدمت FileZilla للاتصال بخادمك وتوجهت لمسار تثبيت ووردبريس الذي يكون عادةً ضمن مجلد public_html. انقر عليه مرتين:
</p>

<p style="text-align: center;">
	<img alt="001_How_to_Fix_a_403_Forbidden_Error_file_zilla.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86217" data-unique="e7xeb4xdc" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_How_to_Fix_a_403_Forbidden_Error_file_zilla.png.7ff19914b3da29bd703ae8c4dcb75429.png"></p>

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

<p style="text-align: center;">
	<img alt="002_How_to_Fix_a-403_Forbidden_Error_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86218" data-unique="039nojd70" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_How_to_Fix_a-403_Forbidden_Error_2.png.e7abf4d9bde3b59f104bb539fac8365c.png"></p>

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

<blockquote>
	<p>
		 
	</p>
</blockquote>

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

	<div class="ipsQuote_contents ipsClearfix">
		<p>
			 
		</p>

		<blockquote>
			<p>
				<strong>تحذير</strong>: يجب عدم العبث بالصلاحيات، لأن اختيار الصلاحيات الخاطئة يُمكن أن يوقف الموقع عن العمل تمامًا، لينتج عن ذلك الخطأ 403 Forbidden.
			</p>
		</blockquote>

		<p>
			 
		</p>
	</div>
</blockquote>

<h3 id="-">
	التعامل مع الصلاحيات المتغيرة
</h3>

<p>
	يُمكن أن تتغير هذه الصلاحيات، وإذا رأيت أن صلاحيات المجلدات ليست 0755، فيجب عليك إعادتها يدويًا لكي تتخلص من الخطأ 403 Forbidden.
</p>

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

<p style="text-align: center;">
	<img alt="003_How_to_Fix_a_403_Forbidden_Error-1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86219" data-unique="c1a4dklgh" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_How_to_Fix_a_403_Forbidden_Error-1.png.c1db5df874fcd55574162f275a89a6cd.png"></p>

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

<h3 id="-">
	يوجد المزيد
</h3>

<p>
	عليك الآن التحقق من أن الملفات التي بداخل المجلدات السابقة -التي أعدت ضبط صلاحياتها- تمتلك كذلك القيم الصحيحة للصلاحيات. يُنصح بالتأكد جيدًا من مجلدي wp-admin وwp-content -بالأخص القوالب والإضافات- بما أنها تتضمن ملفات أساسيةً لووردبريس.
</p>

<p style="text-align: center;">
	<img alt="004_How_to_Fix_a_403_Forbidden_Error.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86220" data-unique="tkev6s8mr" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_How_to_Fix_a_403_Forbidden_Error.png.4afb0156a6a134f146aa9b4097cb9b0a.png" style="width: 700px; height: auto;"></p>

<h3 id="-">
	ما الذي تعنيه القيم الرقمية للصلاحيات
</h3>

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

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

<p>
	أصبح الآن الوقت المناسب للتحقق من عمل الموقع بعد استعادة الصلاحيات المناسبة لكل من المجلدات والملفات ضمن مسار تثبيت ووردبريس.
</p>

<h3 id="-htaccess-">
	الخيار الثاني التحقق من ملف htaccess.
</h3>

<p>
	يُمكن أن يتلف <a href="https://academy.hsoub.com/questions/12833-%D9%85%D8%A7-%D9%87%D9%88-%D9%85%D9%84%D9%81-htaccess/#comment-35362" rel="">ملف htaccess.</a> لسبب ما، لينتج عن هذا ظهور الخطأ 403 Forbidden، لكن لا تقلق فإصلاحه أمر بسيط للغاية، ويتطلب منك بضع دقائق عمل على <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-ftp-%D9%84%D9%86%D9%82%D9%84-%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5-%D8%A8%D9%83%D8%9F-r107/" rel="">برنامج FTP</a>.
</p>

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

<p style="text-align: center;">
	<img alt="005_How_to_Fix_a_403_Forbidden_Error.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86221" data-unique="dbqq80pbv" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_How_to_Fix_a_403_Forbidden_Error.png.76a4397ca64d22d60467f0bc58aa667e.png" style="width: 700px; height: auto;"></p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86222" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_How_to_Fix_a_403_Forbidden_Error.png.dc7da7708f6774b1ca6e813f0214381b.png" rel=""><img alt="006_How_to_Fix_a_403_Forbidden_Error.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86222" data-unique="cd13oo62m" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_How_to_Fix_a_403_Forbidden_Error.thumb.png.cf432bbbb04c0416d62e4c7668f846ca.png"></a>
</p>

<h3 id="-">
	الخيار الثالث تعطيل وإعادة تفعيل الإضافات
</h3>

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

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

<p style="text-align: center;">
	<img alt="007_How_to_Fix_a_403_Forbidden_Error.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86223" data-unique="rb8h6jpjc" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_How_to_Fix_a_403_Forbidden_Error.png.1102f9e0a2eb3f11f5c5847f50f78e3c.png" style="width: 650px; height: auto;"></p>

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

<p>
	إن ظهر لك الخطأ 403 Forbidden في موقع ووردبريس، فعليك بأخذ نفس عميق واتباع ما يلي:
</p>

<ul>
<li>
		تحقق من صلاحيات الملفات والمجلدات في مسار تثبيت ووردبريس.
	</li>
	<li>
		تحقق من ملف htaccess.
	</li>
	<li>
		عليك بتعطيل وإعادة تفعيل الإضافات.
	</li>
</ul>
<h2>
	كيفية إصلاح الخطأ 508 الذي يظهر في موقع ووردبريس
</h2>

<p>
	لا يتمنى أحد أن يظهر خطأ ضمن موقعه سواءٌ كان على منصة ووردبريس أو أي منصة أخرى، حيث يُعَد اكتشاف سبب الخطأ HTTP Error 508 مُتعبًا بعض الشيء موازنةً مع غيره من الأخطاء، وذلك لأنه يتفرع لنوعين من الأخطاء هي Loop detected وResource limit reached. يظهر الخطأ الأول عند اكتشاف حلقة ضمن طلب رابط <a href="https://academy.hsoub.com/programming/javascript/%D9%83%D8%A7%D8%A6%D9%86%D8%A7%D8%AA-url-%D9%81%D9%8A-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r1298/" rel="">URL</a> أو ضمن الموارد، بينما يظهر الثاني عندما يكون الخادم غير قادر على معالجة أي طلبات بسبب انشغاله كليًا. سوف نتحدث عن نُسختي الخطأ السابقتين وكيفية حلهما ليعود موقعك للعمل بأقصى سرعة ممكنة.
</p>

<h3>
	خطأ HTTP Error 508: Loop Detected
</h3>

<p>
	عند تحميل صفحة ضمن الموقع سوف يُطلب استدعاء رابط أو مورد معين، وسيستدعي هذا المورد أمرًا آخر الذي بدوره يستدعي المورد الأساسي الذي بدأ بهذه السلسلة، ولن يتمكن الخادم في هذه الحالة من إتمام الطلب أو الاستدعاء، حيث يدخل هذا الطلب في حلقة استدعاءات تعود لنقطة البداية، ومن النادر ظهور الخطأ HTTP Error 508 وغالبًا سوف يُصادفك الخطأ Too Many Redirects الذي يظهر عند إعادة توجيه طلب 301 و302 للمصدر ذاته أو وجود سلسلة طويلة من إعادة التوجيه التي تمنع الوصول للمصدر أو الرابط المطلوب.
</p>

<h3>
	كيفية إصلاح الخطأ 508
</h3>

<p>
	من السهل إصلاح هذا الخطأ على العموم، فإن كنت أحد المُستخدمين الذين يظهر لهم هذا الخطأ باستمرار، فننصحك بإعادة تحميل الصفحة بالضغط على <strong>CTRL/CMD + Shift + R</strong> لمسح الملفات المُخزنة للموقع، وذلك للتأكد من عدم وجود مشاكل في هذه الملفات؛ أما إن كنت مدير <a href="https://academy.hsoub.com/programming/javascript/react/%D8%A5%D8%AD%D8%B6%D8%A7%D8%B1-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%85%D9%86-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D9%81%D9%8A-%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%D8%A7%D8%AA-react-r1096/" rel="">الخادم</a>، فأمامك خياران تستطيع اتباعهما، والحل الأول بسيط جدًا إن كنت تستخدم إضافة تخزين مؤقت أو شبكة CDN.
</p>

<p>
	إن كنت تستخدم إضافةً مثل WP-Rocket، فعليك الدخول لإعداداتها، والبحث عن خيار مسح ملفات <a href="https://academy.hsoub.com/programming/general/%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AE%D8%B2%D9%8A%D9%86-%D8%A7%D9%84%D9%85%D8%A4%D9%82%D8%AA-%D9%84%D9%84%D9%88%D9%8A%D8%A8-web-caching-%D8%AA%D8%B1%D9%88%D9%8A%D8%B3%D8%A7%D8%AA-http-%D9%88%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%D9%8A%D8%AC%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AE%D8%B2%D9%8A%D9%86-%D8%A7%D9%84%D9%85%D8%A4%D9%82%D8%AA-r205/" rel="">التخزين المؤقت</a>، والتحميل المسبق للتخزين المؤقت، وإعادة توليد ملفات <a href="https://academy.hsoub.com/questions/18195-%D9%87%D9%84-%D9%8A%D8%AC%D8%A8-%D8%AA%D8%B9%D9%84%D9%85-css-%D9%88-html-%D9%84%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%D8%A7%D8%AA-%D8%A3%D9%86%D8%AF%D8%B1%D9%88%D9%8A%D8%AF%D8%9F/#comment-53452" rel="">CSS</a> الحرجة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86224" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wp-rocket_wordpress.png.de25715ab9e4f3f952a96af47886b804.png" rel=""><img alt="001_wp-rocket_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86224" data-unique="qagsba9xo" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wp-rocket_wordpress.thumb.png.db9a8cb546a92133379c8cde93138c16.png"></a>
</p>

<p>
	أما إن كنت تستخدم خدمة <a href="https://academy.hsoub.com/devops/security/%D9%83%D9%8A%D9%81-%D9%86%D8%AE%D9%81%D9%81-%D9%85%D9%86-%D9%87%D8%AC%D9%85%D8%A7%D8%AA-ddos-%D8%B6%D8%AF-%D9%85%D9%88%D9%82%D8%B9%D9%86%D8%A7-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-cloudflare-r136/" rel="">Cloudflare</a> أو أي شبكة CDN أخرى، فعندها من خلال إعدادات حسابك، سيمكنك مسح ملفات التخزين المؤقت، والبحث عن خيار Cache Purge.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86225" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_HTTP_Error_508_purge_cache.jpg.a1d5bb027352cc94b9c1ff0124445ee3.jpg" rel=""><img alt="002_HTTP_Error_508_purge_cache.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="86225" data-unique="g0dsq0vjn" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_HTTP_Error_508_purge_cache.thumb.jpg.de71f5e1bdb7ad3c949daeceae5d9a1b.jpg"></a>
</p>

<p>
	إن لم تحل أي من الخطوتين السابقتين مشكلة إعادة التوجيه، وما زالت مواردك تعاني من حلقة مُستمرة، فعندها عليك التحقق من ملف htaccess. الذي ضمنه يُعاد توجيه الروابط، إلا إن كنت تستخدم إضافة إعادة توجيه 301، عندها سوف تحتاج لبرنامج FTP Client ومحرر نصي، أو تستطيع الدخول لمدير ملفات موقعك الذي توفره الاستضافة.
</p>

<p style="text-align: center;">
	<img alt="003_WordPress_Redirect.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86226" data-unique="ql99jj8xf" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_WordPress_Redirect.png.96de802dfd7ccc433af311f7b50d6575.png" style="width: 600px; height: auto;"></p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86227" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_simple_301_redirects.png.5bcda4395907c67f12c7f921b848db13.png" rel=""><img alt="004_simple_301_redirects.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86227" data-unique="r05pfwfcy" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_simple_301_redirects.thumb.png.8c335076af70e200b11a2e217eb7dc7e.png" style="width: 750px; height: auto;"></a>
</p>

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

<h3>
	خطأ 508 Error 508: Resource Limit Reached
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86228" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_HTTP_Error_508.jpg.b6051a697174de0c32caae42acbe8860.jpg" rel=""><img alt="005_HTTP_Error_508.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="86228" data-unique="573vgyejs" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_HTTP_Error_508.thumb.jpg.ded97ad2568164d644f3305910b8c804.jpg"></a>
</p>

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

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

<h4>
	التعرض لهجوم حجب الخدمة DDoS Attack
</h4>

<p>
	يُمكن أن تنفد موارد خادمك مهما كان قويًا، وتظهر لك رسالة الخطأ 508 إن تعرضت لهجوم حجب الخدمة الموزع DDoS - Distributed Denial of Service، حيث تتعرض لهذا الهجوم عندما يُغرق شخص ما موقعك بعدد ضخم من الزيارات، بحيث يعجز خادمك عن خدمة جميع هذه الطلبات، إذ يُطبق هذا باستخدام Botnet، وهي شبكة كبيرة من الحواسيب المرتبطة التي تعمل تحت إمرة شخص أو مجموعة من الأشخاص.
</p>

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

<h4>
	جذب موقعك الكثير من الزيارات الشرعية
</h4>

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

<h4>
	برمجية خبيثة
</h4>

<p>
	هل تذكر Botnets التي ذكرناها سابقًا؟ يُمكن أن يكون خادمك جزءًا منها دون علمك في حال تواجد برمجية خبيثة ضمنه لا تعلم بها. تستهلك هذه البرمجية موارد الخادم التي يجب أن تُستعمل لغرض آخر، لذا يُفضل فحص موقعك دوريًا باستخدام فاحص برمجيات خبيثة، واستخدام جدار ناري من خلال تثبيت وتفعيل إضافة Securi أو WordFence، وذلك لتضمن أن خادمك يُستخدم فقط للغاية الأساسية وهي تخديم زواره، كما يجب عليك فحص الموقع من البرامج الخبيثة في حال لاحظت تباطُؤ الموقع دون تنفيذك لأي تغيير عليه.
</p>

<h4>
	شيفرة غير مستخدمة أو إضافات غير محدثة أو غير مستخدمة
</h4>

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

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

<p>
	ترجمة -وبتصرّف- للمقالات:
</p>

<ul>
<li>
		<a href="https://www.elegantthemes.com/blog/wordpress/how-to-fix-the-http-error-400-for-wordpress-websites" rel="external nofollow">How to Fix the HTTP Error 400 for WordPress Websites</a> لصاحبه B.J. Keeton.Keeton.
	</li>
	<li>
		<a href="https://www.elegantthemes.com/blog/wordpress/how-to-fix-the-http-508-error-codes" rel="external nofollow">How to Fix the HTTP 508 Error Codes on your WordPress Website</a> لصاحبه B.J. Keeton.Keeton..
	</li>
	<li>
		<a href="https://www.elegantthemes.com/blog/tips-tricks/how-to-fix-403-forbidden-error-in-wordpress" rel="external nofollow">Getting the 403 Forbidden Error in WordPress? Here’s How to Fix It</a> لصاحبه Tom Ewe.
	</li>
</ul>
<h2>
	اقرأ أيضًا
</h2>

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%AE%D8%B7%D8%A3-%D9%81%D9%8A-%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A8%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r559/" rel="">كيفية إصلاح خطأ في إنشاء اتصال بقاعدة البيانات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%AE%D8%B7%D8%A3-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D8%AF%D8%A7%D8%AE%D9%84%D9%8A-500-internal-server-error-%D9%81%D9%8A-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r564/" rel="">كيفية إصلاح خطأ الخادم الداخلي 500 Internal Server Error في مواقع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-502-bad-gateway-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r565/" rel="">كيفية إصلاح الخطأ 502 Bad Gateway في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">575</guid><pubDate>Fri, 31 Dec 2021 15:01:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x64A;&#x648;&#x62A;&#x64A;&#x648;&#x628; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%8A%D9%88%D8%AA%D9%8A%D9%88%D8%A8-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r582/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c4c56d1a779_-----.png.3bce2f40e5ca708a5552422cbc3bcae6.png" /></p>

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

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

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

	<p>
		<strong>ملاحظة</strong>: عند مشاهدة مستخدم لمقطع فيديو يوتيوب ضمن موقعك سوف تُشارك بيانات غير شخصية مع يوتيوب.
	</p>
</blockquote>

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

<h2>
	كيفية إضافة مكون يوتيوب لصفحات ومقالات ووردبريس
</h2>

<p>
	اضغط على إشارة "+" ثم اكتب اسم المكون الذي تبحث عنه <strong>YouTube</strong>، ثم اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86880" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_youtube_block.png.89fa8c800c2dd8e7e08e0c7f03c43d63.png" rel=""><img alt="001_wordpress_add_youtube_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86880" data-unique="q8306iz6y" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_youtube_block.thumb.png.5eeec0ff62bba1dc0fd89e103e3f77e8.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	أو تستطيع إضافة هذا المكون بطريقة أخرى من خلال كتابة <strong>/youtube</strong> ضمن جسم الصفحة والضغط على Enter أو اختيار المكون <strong>YouTube</strong> من القائمة التي ستظهر أثناء كتابتك للكلمة السابقة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86881" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_youtube_block_2.png.fae697d94ad8681823ddb29ee13eac2c.png" rel=""><img alt="002_wordpress_add_youtube_block_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86881" data-unique="t9ovhqlry" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_youtube_block_2.png.fae697d94ad8681823ddb29ee13eac2c.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86882" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_youtube_block_link.png.207044c22fc0bb4137faa081b4315e03.png" rel=""><img alt="003_wordpress_youtube_block_link.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86882" data-unique="xdhrrgoy0" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_youtube_block_link.thumb.png.c0e819ed759d69963b14f2a6483130a8.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86883" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_youtube_block.png.bbf5ae2f4b15e10ce6f11c81729b2786.png" rel=""><img alt="004_wordpress_youtube_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86883" data-unique="3vf381iuz" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_youtube_block.png.bbf5ae2f4b15e10ce6f11c81729b2786.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	هكذا سوف يبدو لزوارك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86884" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_youtube_block.png.175296786e1f37c9725196da7e755337.png" rel=""><img alt="005_wordpress_youtube_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86884" data-unique="j4ndimi35" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_youtube_block.png.175296786e1f37c9725196da7e755337.png" style="width: 650px; height: auto;"></a>
</p>

<h2>
	كيفية تضمين قائمة تشغيل يوتيوب في ووردبريس
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86885" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_youtube_block_plylist.png.fb7c651ef568c2c18b253dd6eab54a90.png" rel=""><img alt="006_wordpress_youtube_block_plylist.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86885" data-unique="idz1fslvl" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_youtube_block_plylist.thumb.png.aaa0675ab7fb31de4e6792bd169314e0.png"></a>
</p>

<h2>
	إعدادات وخيارات مكون يوتيوب في ووردبريس
</h2>

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

<h3>
	شريط أدوات مكون يوتيوب
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86886" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_youtube_block_toolbar.png.cc7f38ea714bc2103b514362c68910ca.png" rel=""><img alt="007_wordpress_youtube_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86886" data-unique="2uebpa00o" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_youtube_block_toolbar.png.cc7f38ea714bc2103b514362c68910ca.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	يتواجد شريط أدوات مكون يوتيوب فوق المكون عند تحديده.
</p>

<h4>
	تغيير نوع المكون أو نمطه
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86887" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_youtube_block_type.png.6d22d64b9f991ef0d2823db08eeec89d.png" rel=""><img alt="008_wordpress_youtube_block_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86887" data-unique="avomwoewq" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_youtube_block_type.png.6d22d64b9f991ef0d2823db08eeec89d.png" style="width: 650px; height: auto;"></a>
</p>

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

<h4>
	السحب والإفلات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86888" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_youtube_block_drag.png.6623950c5cb269a1b461b9ce822b2e10.png" rel=""><img alt="009_wordpress_youtube_block_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86888" data-unique="hestft5o4" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_youtube_block_drag.png.6623950c5cb269a1b461b9ce822b2e10.png" style="width: 650px; height: auto;"></a>
</p>

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

<h4>
	تغيير محاذاة مكون اليوتيوب
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86889" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_youtube_block_alignment.png.e6956d8f6f5854266ffe67bcc7dcd56d.png" rel=""><img alt="010_wordpress_youtube_block_alignment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86889" data-unique="ylle9rc5h" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_youtube_block_alignment.png.e6956d8f6f5854266ffe67bcc7dcd56d.png" style="width: 650px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86890" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_youtube_block_link.png.d065105dcdbd539562331c0f2316063f.png" rel=""><img alt="011_wordpress_youtube_block_link.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86890" data-unique="61uq687je" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_youtube_block_link.thumb.png.1bdde01eccb6c0552e7853cab4615c3e.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	يسمح لك باستبدال الرابط الحالي برابط جديد.
</p>

<h4>
	خيارات مكون يوتيوب
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86891" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_youtube_block_option.png.6228d7efb2e0542746d748c606a32317.png" rel=""><img alt="012_wordpress_youtube_block_option.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86891" data-unique="xp6ery6ye" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_youtube_block_option.png.6228d7efb2e0542746d748c606a32317.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون يوتيوب لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون يوتيوب لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون يوتيوب لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خطًا أزرقًا تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كـ HTML</strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون يوتيوب إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون يوتيوب.
	</li>
</ul>
<h3>
	إعدادات الشريط الجانبي لمكون يوتيوب
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86892" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_youtube_block_sidebar.png.fd73320a0a57aedee34cd6c3390a93c0.png" rel=""><img alt="013_wordpress_youtube_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86892" data-unique="djv99cn8p" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_youtube_block_sidebar.thumb.png.14ff476881add876aea3ecfa53b1bb6d.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تتضمن إعدادات الشريط الجانبي قسمين هما <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%AE%D9%81%D8%A7%D8%A1-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r238/" rel="">إعدادات الوسائط</a> ومتقدم.
</p>

<h4>
	إعدادات الوسائط
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86893" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_youtube_block_media.png.2d65d3bdb46e8ff0d8a1ebd4cfb37c71.png" rel=""><img alt="014_wordpress_youtube_block_media.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86893" data-unique="4nw5cmcgm" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_youtube_block_media.thumb.png.571c9734360c1acf05cb98039e0d93af.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	متقدم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86894" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_youtube_block_advanced.png.cf107e1511cfe36f0551acf8ed7dd701.png" rel=""><img alt="015_wordpress_youtube_block_advanced.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86894" data-unique="tayp6mgny" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_youtube_block_advanced.thumb.png.29ffa555490e08ee8afd7b34ae7fe2b5.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	يتضمن هذا القسم رابط القفز HTML وحقل لإضافة أصناف CSS، ويكون رابط القفز هو عبارة عن عنوان ويب خاص لمكون يوتيوب يسمح لك بالربط مباشرةً مع المكون، بينما حقل أصناف CSS يسمح لك بإنشاء شيفرة <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a> مُخصصة لتغيير تصميم المكون.
</p>

<h2>
	أفضل النصائح لاستخدام فعال لمكون اليوتيوب
</h2>

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

<h3>
	تجاوز خطوة
</h3>

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

<h3>
	اختر أين يبدأ الفيديو
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86895" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_youtube_block_share.png.f3881a23e6d51fedfe57253f401b70d9.png" rel=""><img alt="016_wordpress_youtube_block_share.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86895" data-unique="mvp4hkrco" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_youtube_block_share.png.f3881a23e6d51fedfe57253f401b70d9.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	اضغط على الصندوق إلى يسار Start of واضبط الزمن الذي تريد للفيديو أن يبدأ منه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86896" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_youtube_block_share.png.091403e3ca908aad527fea612bba6146.png" rel=""><img alt="017_wordpress_youtube_block_share.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86896" data-unique="xmxb60q9k" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_youtube_block_share.png.091403e3ca908aad527fea612bba6146.png"></a>
</p>

<p>
	تستطيع نسخ الرابط الآن وإضافته إلى ووردبريس.
</p>

<h3>
	معرفة متى عليك استخدام إضافة
</h3>

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

<h2>
	أسئلة متكررة حول مكون يوتيوب في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون يوتيوب وهي:
</p>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/youtube-embed-block" rel="external nofollow">How to Use the WordPress YouTube Embed Block</a> لصاحبه Lindsay Pietroluongo.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-flickr-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r579/" rel="">كيفية استخدام مكون تضمين Flickr في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-html-%D9%85%D8%AE%D8%B5%D8%B5-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r581/" rel="">كيفية استخدام مكون HTML مخصص في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r580/" rel="">كيفية استخدام مكون الشيفرة البرمجية في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">582</guid><pubDate>Thu, 23 Dec 2021 19:05:30 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; HTML &#x645;&#x62E;&#x635;&#x635; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-html-%D9%85%D8%AE%D8%B5%D8%B5-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r581/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c4bdf1e5060_---HTML---.png.bfd11c22dfeb7dbbbeacceecc7381606.png" /></p>

<p>
	يسمح لك مكون <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> مُخصص، بإضافة محتوى HTML وتعديله دون الحاجة لعرض الصفحة أو المقال كـ HTML. تستطيع تضمين HTML واستخدامه لتحديد النص وتحويله إلى مكون فقرة مع نص ذو تصميم إن أردت، وهذا المكون مناسب جدًا لمن يُفضل العمل باستخدام HTML وهو من أفضل الطرق لتضمين أنواع معينة من الشيفرة مثل <a href="https://academy.hsoub.com/programming/javascript/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d9%80%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-google-maps-%d8%a8%d8%b1%d9%85%d8%ac%d9%8a%d8%a7-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%ac%d8%a7%d9%81%d8%a7%d8%b3%d9%83%d8%b1%d8%a8%d8%aa-%d8%a7%d9%84%d9%80%d8%ac%d8%b2%d8%a1-%d8%a7%d9%84%d8%a3%d9%88%d9%84-r181/" rel="">خرائط جوجل</a>.
</p>

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

<h2>
	كيفية إضافة مكون HTML مخصص لصفحات ومقالات ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86869" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_html_block.png.000c8e82b738deb867111ce287815bf9.png" rel=""><img alt="001_wordpress_add_html_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86869" data-unique="sicys7ob9" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_html_block.thumb.png.0195ca318f72bfc9c0d3b8c1edfcda35.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	اضغط على إشارة "+"، ثم اكتب اسم المكون الذي تبحث عنه <strong>HTML مخصص</strong>، بعدها اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86870" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_html_block.png.2cce9cc9ce8f7614cc578f7791aa7ff1.png" rel=""><img alt="002_wordpress_add_html_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86870" data-unique="7zqwlyfyg" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_html_block.png.2cce9cc9ce8f7614cc578f7791aa7ff1.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86871" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_html_block.png.4f6146b4501c9d07fdb9c5ad4f9df0cb.png" rel=""><img alt="003_wordpress_html_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86871" data-unique="w3muuatkl" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_html_block.thumb.png.5d8c3ea75d521dddd70a063a48882b54.png" style="width: 600px; height: auto;"></a>
</p>

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

<h2>
	إعدادات وخيارات مكون HTML مخصص في ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86872" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_html_settings.png.0e1f239ff3189841642c10488e6f4547.png" rel=""><img alt="004_wordpress_html_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86872" data-unique="kiph1tbox" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_html_settings.thumb.png.463b50310cfb18366d4ceade6f0cce3e.png" style="width: 600px; height: auto;"></a>
</p>

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

<h3>
	شريط أدوات مكون HTML مخصص
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86873" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_html_toolbar.png.e2c80efdc028a241849692c424bbd284.png" rel=""><img alt="005_wordpress_html_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86873" data-unique="zvqfh0n6w" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_html_toolbar.png.e2c80efdc028a241849692c424bbd284.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يظهر شريط أدوات مكون HTML مُخصص فوقه عند النقر على أي مكان ضمنه.
</p>

<h4>
	تغيير نوع المكون أو نمطه
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86874" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_html_block_type.png.445b9eed48bc305bef2c4b37f59d6b31.png" rel=""><img alt="006_wordpress_html_block_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86874" data-unique="g481y9cpg" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_html_block_type.png.445b9eed48bc305bef2c4b37f59d6b31.png" style="width: 600px; height: auto;"></a>
</p>

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

<ul>
<li>
		<strong><a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9-%D9%84%D8%B9%D8%B1%D8%B6-%D8%B4%D9%8A%D9%81%D8%B1%D8%A7%D8%AA-%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r43/" rel="">الشيفرة</a></strong>: تحويل مكون HTML مُخصص إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r580/" rel="">مكون شيفرة</a> لتتمكن من عرض أنواع مختلفة من الشيفرات.
	</li>
	<li>
		<strong>الأعمدة</strong>: يضع المكون ضمن أعمدة.
	</li>
	<li>
		<strong>المجموعة</strong>: يُضيف المكون إلى مجموعة لتتمكن من تعديلها مثل كيان واحد.
	</li>
</ul>
<h4>
	السحب والإفلات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86875" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_html_block_drag.png.2578dfb77c613dfc268259b332da73d6.png" rel=""><img alt="007_wordpress_html_block_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86875" data-unique="xhyl2bwdt" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_html_block_drag.png.2578dfb77c613dfc268259b332da73d6.png" style="width: 600px; height: auto;"></a>
</p>

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

<h4>
	خياري المعاينة وHTML لمكون HTML مخصص
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86876" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_html_block_html.png.49529b542f27e19fc224bad18252f377.png" rel=""><img alt="008_wordpress_html_block_html.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86876" data-unique="hnf3dwnsn" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_html_block_html.png.49529b542f27e19fc224bad18252f377.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يسمح لك خيارا المعاينة وHTML باختيار كيفية عمل المكون مع HTML ضمن المحرر، حيث يكون الخيار الافتراضي هو HTML، وهذا يعرض HTML بصيغة الشيفرة بدلًا من تنفيذه والمثال التالي يعرض HTML لفيديو يوتيوب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86877" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_html_block_preview.png.5c05f5e197478859f2c31774c3fbf49a.png" rel=""><img alt="009_wordpress_html_block_preview.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86877" data-unique="r6pm9wun2" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_html_block_preview.png.5c05f5e197478859f2c31774c3fbf49a.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86878" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_html_block_preview.png.153a095116a2da9274c65edd2646c14b.png" rel=""><img alt="010_wordpress_html_block_preview.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86878" data-unique="0sbpjqzmh" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_html_block_preview.png.153a095116a2da9274c65edd2646c14b.png" style="width: 600px; height: auto;"></a>
</p>

<h4>
	خيارات مكون HTML مخصص
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86879" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_html_block_options.png.299493ffe367fd0458c90a2b8dd3576c.png" rel=""><img alt="011_wordpress_html_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86879" data-unique="x9kbcfefz" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_html_block_options.png.299493ffe367fd0458c90a2b8dd3576c.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تتضمن الخيارات الآتية:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>تحويل إلى مكونات</strong>: يحول هذا الخيار المحتوى إلى مكون آخر مناسب، حيث يُحول النص إلى مكون الفقرة والصور إلى مكون الصورة وغيرها. سوف تبقى الشيفرة المُضمنة مثل شيفرة خرائط جوجل المستخدمة في مثال سابق ضمن مكون HTML مخصص، وإن كان بالإمكان تحويل شيفرة HTML أخرى ضمن المكون، فسوف تُزال من المكون وتُنقل لمكون مُختلف.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون HTML مُخصص لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون HTML مُخصص لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون HTML مُخصص لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خطًا أزرقًا تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه، أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كـ HTML</strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة HTML.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون HTML مُخصص إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون HTML مُخصص.
	</li>
</ul>
<h2>
	أفضل النصائح لاستخدام فعال لمكون HTML مخصص
</h2>

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

<p>
	توجد بضع أسئلة تكرر حول مكون HTML مُخصص وهي:
</p>

<ul>
<li>
		<strong>ما هي وظيفة مكون HTML مُخصص؟</strong> يسمح لك بإدخال شيفرة HTML ضمن حقل لتتمكن من العمل مع هذه الشيفرة مع البقاء ضمن المحرر المرئي للصفحة أو المقال.
	</li>
	<li>
		<strong>كيف يُمكن استخدام المكون HTML مُخصص؟</strong> يُمكن إضافة أي شيفرة HTML تتضمن وسوم مدعومة، حيث تستطيع استخدام هذا المكون للإعلانات والخرائط ومقاطع الفيديو وأي شيء يتضمن iframe أو جداول أو غيرها. يُعد هذا المكون طريقة سهلة لتعيين النص وتحويله إلى مكون فقرة.
	</li>
	<li>
		<strong>هل سيعطي ألوان للشيفرة؟</strong> لا، حيث أن الشيفرة في هذا المكون تظهر مثل أي نص عادي.
	</li>
	<li>
		<strong>هل يُنفذ مكون HTML مُخصص شيفرة HTML؟</strong> يُنفذ شيفرة HTML ضمن الواجهة الأمامية للمستخدم، أما ضمن المحرر، فيُمكن أن يُنفذ HTML أو يعرض الشيفرة، وهذا يعود لك سواءً كنت تريد عرض الشيفرة أو معاينة ما ينتج عنها بضغطة زر واحدة.
	</li>
	<li>
		<strong>هل جميع وسوم HTML مدعومة؟</strong> لا، تستطيع الاطلاع على قائمة وسوم HTML المدعومة ضمن صفحة <a href="https://wordpress.com/support/code/#html-tags" rel="external nofollow">الشيفرة المدعومة</a> في ووردبريس.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/custom-html-block" rel="external nofollow">How to Use the WordPress Custom HTML Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-flickr-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r579/" rel="">كيفية استخدام مكون تضمين Flickr في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D9%85%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r561/" rel="">كيفية ضبط إعدادات الروابط الدائمة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
	<li>
		<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-%D8%B5%D9%81%D8%AD%D8%A9-%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-%D8%AB%D8%A7%D8%A8%D8%AA%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r560/" rel="">كيفية إنشاء صفحة رئيسية ثابتة في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">581</guid><pubDate>Thu, 23 Dec 2021 18:47:25 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x623;&#x62F;&#x627;&#x62A;&#x64A; &#x627;&#x644;&#x627;&#x633;&#x62A;&#x64A;&#x631;&#x627;&#x62F; &#x648;&#x627;&#x644;&#x62A;&#x635;&#x62F;&#x64A;&#x631; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%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%A3%D8%AF%D8%A7%D8%AA%D9%8A-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%8A%D8%B1%D8%A7%D8%AF-%D9%88%D8%A7%D9%84%D8%AA%D8%B5%D8%AF%D9%8A%D8%B1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r562/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61a894107acbc_------.png.81ffb676d3bc9c90fd255cfe05edfe3c.png" /></p>

<p>
	يُعَد استخدام أداة <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D9%8A%D8%B1%D8%A7%D8%AF-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D9%85%D9%86-%D9%85%D9%88%D9%82%D8%B9-%D8%A2%D8%AE%D8%B1-%D8%A5%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D9%85%D8%A8%D9%86%D9%8A-%D8%A8%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r403/" rel="">استيراد ووردبريس</a> مفيدًا جدًا، بالأخص لمن يستخدم منصة تدوين مختلفةً عن ووردبريس وقرر الآن الانتقال لاستخدام ووردبريس، حيث تدعم منصة ووردبريس استيراد المحتوى من العديد من منصات التدوين الشهيرة الأخرى، والتي سنذكرها لاحقًا؛ أما أداة تصدير ووردبريس، فهي في غاية الأهمية عندما تحتاج نقل محتواك من موقع ووردبريس إلى موقع ووردبريس آخر، وذلك إن كنت بحاجة لتغيير اسم نطاق الموقع، أو نقل أعمالك لموقع جديد انتقلت للعمل عليه بعد توقف الموقع السابق.
</p>

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

<p>
	سنشرح بدايةً طريقة استخدام أداة استيراد ووردبريس، حيث تتضمن عدة خيارات، ثم ننتقل لشرح آلية استخدام أداة التصدير.
</p>

<h2>
	المنصات والمواقع المتوافقة مع أداة استيراد ووردبريس
</h2>

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

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/general/%D9%85%D9%82%D8%A7%D8%B1%D9%86%D8%A9-%D8%B4%D8%A7%D9%85%D9%84%D8%A9-%D8%A8%D9%8A%D9%86-%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-blogger-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r65/" rel="">بلوغر Blogger</a>.
	</li>
	<li>
		Blogroll.
	</li>
	<li>
		LiveJournal.
	</li>
	<li>
		Medium.
	</li>
	<li>
		Squarespace.
	</li>
	<li>
		Movable Type وTypePad.
	</li>
	<li>
		تمبلر Tumblr.
	</li>
	<li>
		<a href="https://academy.hsoub.com/questions/7997-%D8%A3%D8%B3%D8%A6%D9%84%D8%A9-%D9%84%D9%85%D9%86-%D8%AC%D8%B1%D8%A8-%D9%85%D9%88%D9%82%D8%B9-wix-%D9%84%D8%A8%D9%86%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%9F/#comment-18909" rel="">ويكس Wix</a>.
	</li>
	<li>
		Xanga.
	</li>
	<li>
		تحويل <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%88%D8%B3%D9%88%D9%85-%D8%A8%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r109/" rel="">التصنيفات والوسوم</a>.
	</li>
</ul>
<p>
	تختلف طريقة الاستيراد حسب صيغة التصدير من المواقع السابقة، لذا سوف نتحدث عن الواجهات المختلفة في الأقسام القادمة من المقال.
</p>

<h2>
	كيفية الوصول لأداة استيراد ووردبريس
</h2>

<ol>
<li>
		عليك أولًا <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D9%84%D9%88%D8%B5%D9%88%D9%84-%D9%84%D8%B5%D9%81%D8%AD%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r479/" rel="">تسجيل الدخول لحسابك في موقع ووردبريس</a> للوصول <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%86%D8%B8%D8%B1%D8%A9-%D8%AA%D9%81%D8%B5%D9%8A%D9%84%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-dashboard-%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r402/" rel="">للوحة التحكم</a>.
	</li>
	<li>
		توجه إلى تبويب استيراد ضمن قسم أدوات.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83978" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_import_tool.png.f878570252181f759e3391ee73cf1eeb.png" rel=""><img alt="001_wordpress_import_tool.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83978" data-unique="vx7go4bqh" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_import_tool.thumb.png.93fee27001223148bbff218fd46fdb0a.png"></a>
</p>

<ol start="3">
<li>
		سوف تجد ضمن نافذة الاستيراد قائمةً بالخيارات الموجودة لاستيراد المحتوى من ووردبريس وبلوغر Blogger وLiveJournal وMovable Type وTypePad و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AE%D9%84%D8%A7%D8%B5%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-rss-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r547/" rel="">RSS</a> وتمبلر Tumblr، وأداة تحويل التصنيفات والوسوم. اختر واحدةً منها إن كنت تنوي استيراد المحتوى من أحدها، لكن إن كنت تحاول استيراد المحتوى من موقع آخر، فعليك البحث ضمن مستودع ووردبريس إن كانت مدعومةً من إحدى الإضافات.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83979" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_import_tool_2.png.22abb851a67d7098b5f685a521aa7c5d.png" rel=""><img alt="002_wordpress_import_tool_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83979" data-unique="vq6hy0lyh" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_import_tool_2.thumb.png.7658fcb4e982d02cc8742c32f2376db5.png"></a>
</p>

<h2>
	كيف تعمل أداة استيراد ووردبريس مع المنصات المختلفة
</h2>

<p>
	يختلف استخدام أداة استيراد ووردبريس حسب المنصة التي تريد استيراد المحتوى منها، وذلك بسبب اختلاف ملف التصدير من المنصة ذات المحتوى.
</p>

<h3>
	بلوغر
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83980" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_import_blogger.png.bf6d1fe53b2999a78a85bfca4544be98.png" rel=""><img alt="003_wordpress_import_blogger.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83980" data-unique="sypz4yi3j" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_import_blogger.png.bf6d1fe53b2999a78a85bfca4544be98.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	تحويل التصنيفات والوسوم
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83981" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_import_tag_category_convert.png.4e009f1da3cbf0dfdb6d8b9a33ad09ab.png" rel=""><img alt="004_wordpress_import_tag_category_convert.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83981" data-unique="o4ezp0ws4" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_import_tag_category_convert.png.4e009f1da3cbf0dfdb6d8b9a33ad09ab.png" style="width: 750px; height: auto;"></a>
</p>

<h3>
	لايف جورنال
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83982" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_import_livejournal.png.8aeb81155a2ad963e4c2880cf856bc9a.png" rel=""><img alt="005_wordpress_import_livejournal.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83982" data-unique="8ts4dn8j2" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_import_livejournal.thumb.png.0c967cc8d27d82c26a2ef28d47ee1ebb.png"></a>
</p>

<h3>
	نظام Movable Type أو خدمة TypePad
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83983" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_import_typepad_mocabletype.png.a4f456fe729f0124ee6d6b6d77fc98f3.png" rel=""><img alt="006_wordpress_import_typepad_mocabletype.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83983" data-unique="nmozbxf11" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_import_typepad_mocabletype.thumb.png.647916469b423174a30dbf3265e0f495.png"></a>
</p>

<h3>
	تمبلر
</h3>

<p>
	تستطيع استيراد محتويات مدونتك على تمبلر Tumblr مباشرةً إلى ووردبريس، وذلك من خلال الربط مع حسابك، لذا اضغط على الرابط، واتبع الخطوات لربط حسابك على ووردبريس مع تمبلر.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83984" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_import_tumblr.png.1dd9be38331dae975a3b9849b49c54bb.png" rel=""><img alt="007_wordpress_import_tumblr.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83984" data-unique="dpfq9iivh" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_import_tumblr.thumb.png.2dcf61d337c8be618b543fa92b41fb1a.png"></a>
</p>

<h3>
	ووردبريس
</h3>

<p>
	إن اخترت الانتقال من موقع ووردبريس لآخر أو من مدونة لأخرى، فتستطيع ذلك بالضغط على تشغيل المستورد، ثم رفع <a href="https://academy.hsoub.com/questions/5344-%D9%83%D9%8A%D9%81-%D8%A3%D8%AC%D9%84%D8%A8-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%85%D9%86-%D9%85%D9%84%D9%81-xml-%D9%88%D8%A3%D8%B8%D9%87%D8%B1%D9%87%D8%A7-%D8%AF%D8%A7%D8%AE%D9%84-html%D8%9F/#comment-11325" rel="">ملف XML</a> أو ملف مضغوط، وهو نفس الملف الذي عليك تصديره من الموقع القديم. اضغط على خيار ارفع الملف واستورده بعد اختيار الملف، وذلك لتبدأ عملية استيراد محتويات الموقع القديم للموقع الجديد.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83985" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_import_wordpress.png.a087f82050f3aa7fa6abee00f3fdf92d.png" rel=""><img alt="008_wordpress_import_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83985" data-unique="e0q2wix3t" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_import_wordpress.thumb.png.544d210883d760201f794936ac824c7e.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83986" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_wordpress_import_3.png.45b34ccf43325233778d6d352f2a08d4.png" rel=""><img alt="009_wordpress_wordpress_import_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83986" data-unique="qk6p8dykx" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_wordpress_import_3.thumb.png.77f0ca724fc8c142d1189496c1bc7163.png"></a>
</p>

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

<h2>
	كيفية استخدام أداة التصدير في ووردبريس
</h2>

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

<ol>
<li>
		توجه للموقع الذي تريد تصدير بياناته، وسجل الدخول بصفتك مديرًا، ثم اضغط على تبويب تصدير ضمن قسم أدوات في لوحة التحكم.
	</li>
	<li>
		سوف تظهر لك الآن نافذة التصدير التي تتضمن خيارات تصدير المحتوى <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%88%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D9%82%D8%B1%D8%A7%D8%A1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r473/" rel="">والوسائط</a>.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83987" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_export.png.bee4279caf54d0d47b9e4174e245e9e9.png" rel=""><img alt="010_wordpress_export.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83987" data-unique="mqp8m8mt0" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_export.thumb.png.07086b0472e560f799cec64ca7429368.png" style="width: 800px; height: auto;"></a>
</p>

<ol start="3">
<li>
		اختر ما تريد تصديره، ثم اضغط على تنزيل ملف التصدير، وذلك ليبدأ تنزيل ملف XML يتضمن المحتوى الذي اخترته، حيث ستستخدم هذا الملف في عملية الاستيراد إلى الموقع الذي تريد نقل محتواك إليه.
	</li>
</ol>
<h3>
	تقليص ما تريد تصديره من صفحات أو مقالات
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83989" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_post_page_export.png.c0a5b5ea7bca043204b0a83847ae8ed9.png" rel=""><img alt="011_wordpress_post_page_export.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83989" data-unique="2hfiu7gfd" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_post_page_export.thumb.png.fddde8f1a514fa34dcd8fae0b671cb00.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	عند الانتهاء من ضبط الخيارات السابقة، اضغط على تنزيل ملف التصدير.
</p>

<h3>
	كيفية تصدير مكتبة وسائط ووردبريس
</h3>

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

<p>
	والآن اضغط على تنزيل ملف التصدير.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83988" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_media_export.png.4b613668f5be2821a5ba5ceb79cb45a7.png" rel=""><img alt="012_wordpress_media_export.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83988" data-unique="9thd4iz98" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_media_export.thumb.png.083c71191d719e5582632e64254c26bc.png" style="width: 800px; height: auto;"></a>
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقالين <a href="https://www.elegantthemes.com/blog/wordpress/wordpress-export-tool" rel="external nofollow">How to Use the WordPress Export Tool</a> و<a href="https://www.elegantthemes.com/blog/wordpress/wordpress-import-tool" rel="external nofollow">How to Use the WordPress Import Tool</a> لصاحبهما Haley Walden.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D8%AA%D8%AE%D8%B5%D9%8A%D8%B5-%D8%A3%D9%88-%D8%A5%D8%B2%D8%A7%D9%84%D8%A9-%D8%B4%D8%B1%D9%8A%D8%B7-%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r319/" rel="">تخصيص (أو إزالة) شريط أدوات الإدارة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B4%D8%B1%D8%AD-%D9%85%D9%81%D8%B5%D9%84-%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A7%D9%84%D9%83%D8%A7%D9%85%D9%84-%D8%A8%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r399/" rel="">شرح مفصل لصفحات الإدارة وكيفية التحكم الكامل بموقع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D9%86%D9%82%D9%84-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D9%85%D9%86-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A5%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9-%D8%A2%D8%AE%D8%B1-%D8%AE%D8%B7%D9%88%D8%A9%C2%A0%D8%A8%D8%AE%D8%B7%D9%88%D8%A9-r115/" rel="">كيفية نقل المحتوى من موقع ووردبريس إلى موقع آخر خطوة بخطوة</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">562</guid><pubDate>Mon, 27 Dec 2021 15:07:02 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x634;&#x64A;&#x641;&#x631;&#x629; &#x627;&#x644;&#x628;&#x631;&#x645;&#x62C;&#x64A;&#x629; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r580/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c43a24f2b38_-----.png.c891964e8cbbe6a6b540938b274beae1.png" /></p>

<p>
	يُمكن أن يكون عرض الشيفرة في <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A4%D9%87%D8%A7-%D9%88%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%87%D8%A7-%D9%88%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D9%87%D8%A7-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r389/" rel="">صفحات</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-posts-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r388/" rel="">مقالات ووردبريس</a> صعبًا بعض الشيء، حيث أن لصق الشيفرة مباشرةً ضمن المحتوى، سوف يُسبب نتائجًا مثيرةً للاهتمام، خصوصًا في حال <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9-%D9%84%D8%B9%D8%B1%D8%B6-%D8%B4%D9%8A%D9%81%D8%B1%D8%A7%D8%AA-%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r43/" rel="">عرض ووردبريس الشيفرة بشكل خاطئ</a>، أو حجبك الموقع لاشتباهه بنشاطك. لحسن الحظ، فإن مكون الشيفرة في ووردبريس يُسهل عليك عرض مقتطفات من الشيفرة، لذا فإن معرفة كيفية استخدامه سوف تُساعدك على عرض الشيفرة ضمن المحتوى بأفضل طريقة ممكنة للموقع والقُراء.
</p>

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

<h2>
	كيفية إضافة مكون الشيفرة لصفحات ومقالات ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86824" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_code_block.png.c24c33ed1d58043427166475ef3e34ba.png" rel=""><img alt="001_wordpress_add_code_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86824" data-unique="p9mzwx10a" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_code_block.thumb.png.09cc115a92c867cf1f5ccad8248d3238.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	اضغط على إشارة "+"، ثم اكتب اسم المكون الذي تبحث عنه <strong>شيفرة Code</strong>، وبعد ذلك اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86825" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_code_block_2.png.3bf082487e318a1729671b0884bb16a8.png" rel=""><img alt="002_wordpress_add_code_block_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86825" data-unique="k6lrbe1r4" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_code_block_2.thumb.png.cf183a9c7766567bc90f59d76726fd2a.png" style="width: 700px; height: auto;"></a><a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hhal01jf018hv1fuvc4gv" data-unique="y5wele1gh" src=""></a>
</p>

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

<p style="text-align: center;">
	<img alt="003_wordpress_code_block_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86826" data-unique="9kkmwstqn" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_code_block_.png.0c21078a02309b3e40fc28586f46b6dd.png" style="width: 600px; height: auto;"><a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1tgbdldhf51on6bcf10" data-unique="fv1p5kdxr" src=""></a>
</p>

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

<h2>
	إعدادات وخيارات مكون الشيفرة في ووردبريس<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi11jd1gc7160rr9r1p3b11" data-unique="c13hfs58y" src=""></a>
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86827" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_code_settings_.png.5122b8006c6508c67d577d21c469014a.png" rel=""><img alt="004_wordpress_code_settings_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86827" data-unique="fz4p7rfe3" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_code_settings_.thumb.png.c358ff884924f00b515be3de9044435c.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	شريط أدوات مكون الشيفرة
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hiufh8fut1kq2o6oh12" data-unique="a0v9d91fl" src=""></a><img alt="005_wordpress_code_toolbar_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86828" data-unique="5gmnchsiz" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_code_toolbar_.png.7b04643d41ce605efa00d5d41d5e97b8.png" style="width: 600px; height: auto;"></p>

<p>
	يتواجد شريط أدوات مكون الشيفرة فوق المكون عند تحديده.
</p>

<h4>
	تغيير نوع المكون أو نمطه
</h4>

<p style="text-align: center;">
	<img alt="006_wordpress_code_type_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86829" data-unique="ljyt8l1l7" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_code_type_.png.8cfa2a1fa478bd86ba9ce9f1248a4b68.png" style="width: 600px; height: auto;"><a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi16u31l90tjtpltum313" data-unique="0nenfjzxt" src=""></a>
</p>

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

<h4>
	السحب والإفلات<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1baucq11rg21k651i9h14" data-unique="1b0x739wx" src=""></a>
</h4>

<p style="text-align: center;">
	<img alt="007_wordpress_code_drag_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86830" data-unique="u46p45m7x" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_code_drag_.png.9c38f20f757321cfb41c60341fbdbd55.png" style="width: 600px; height: auto;"></p>

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

<h4>
	خط عريض ومائل<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1fqamfsvoh1jc81g9515" data-unique="506jm2fnv" src=""></a>
</h4>

<p style="text-align: center;">
	<img alt="008_wordpress_code_bold_italic.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86831" data-unique="9odgtbn6r" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_code_bold_italic.png.86187e7a231a91fe27c8845e2577c94e.png" style="width: 600px; height: auto;"></p>

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

<h4>
	الرابط<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1vrm1vu87ms1nuvm9f16" data-unique="c7eylpprw" src=""></a>
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86832" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_code_link.png.e0a0d1b52ce88ce6326aa7ca1f2eeadb.png" rel=""><img alt="009_wordpress_code_link.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86832" data-unique="j76cfplmb" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_code_link.thumb.png.84207c4298aae39fedc89cd8c4cf1474.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	المزيد من الخيارات<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1vac1sfk1hbs1vjm1c7h17" data-unique="f1xxzw5ey" src=""></a>
</h4>

<p style="text-align: center;">
	<img alt="010_wordpress_code_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86833" data-unique="pcodr1fve" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_code_block_options.png.c6e19e914ff12815a1916b5007eb7ce9.png" style="width: 550px; height: auto;"></p>

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

<ul>
<li>
		<strong>كود مضمن</strong>: يغير طريقة عرض النص ليبدو وكأنه شيفرة برمجية ويمنع تنفيذ الشيفرة البرمجية.
	</li>
	<li>
		<strong>صورة مضمنة</strong>: تُضيف صورة من مكتبة الوسائط إلى المكان الذي يتواجد فيه مؤشر الفأرة.
	</li>
	<li>
		<strong>مدخلات <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D9%88%D8%AC%D9%88%D9%87-%D8%A7%D9%84%D8%AA%D8%B9%D8%A8%D9%8A%D8%B1%D9%8A%D8%A9-%D9%88%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B1%D8%A7%D8%AA-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D9%85%D9%81%D8%A7%D8%AA%D9%8A%D8%AD-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1222/" rel="">لوحة المفاتيح</a></strong>: يعرض النص المُدخل من لوحة المفاتيح بصيغة HTML.
	</li>
	<li>
		<strong>يتوسطه خط</strong>: يعرض خطًا يمر ضمن النص.
	</li>
	<li>
		<strong>أحرف سفلية</strong>: يجعل النص أصغر وأدنى من غيره.
	</li>
	<li>
		<strong>أحرف علوية</strong>: يجعل النص أصغر من غيره، لكنه أعلى ارتفاعًا.
	</li>
	<li>
		<strong>تحته خط</strong>: يعرض خطًا أسفل النص.
	</li>
	<li>
		<strong>لون النص</strong>: يسمح لك بتغيير لون النص.
	</li>
</ul>
<p>
	يتضمن خيار اللون <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/" rel="">ألوانًا</a> جاهزةً تستطيع الاختيار منها أو إنشاء لون مُخصص، حيث تتضمن أداة اختيار اللون حقلًا للترميز الست عشري للون أو رمز RGB أو رمز HSL.
</p>

<h4>
	خيارات مكون الشيفرة<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hi1bujpuciln1pb41os018" data-unique="z24pg1wif" src=""></a>
</h4>

<p style="text-align: center;">
	<img alt="011_wordpress_code_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86834" data-unique="5m7hx09px" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_code_block_options.png.ebbb39e336701144d44d3f382c1ffb03.png" style="width: 550px; height: auto;"></p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون الشيفرة لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون الشيفرة لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون الشيفرة لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خطًا أزرقًا تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه، أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كـ <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a></strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة HTML.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون الشيفرة إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون الشيفرة.
	</li>
</ul>
<h3>
	إعدادات الشريط الجانبي لمكون الشيفرة<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hin5itemkg61rdh1g2d19" data-unique="l7n1myxwo" src=""></a>
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86835" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_code_block_sidebar.png.dd055dfd4643575e9049e4c5f28a1c22.png" rel=""><img alt="012_wordpress_code_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86835" data-unique="4dok1zxsn" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_code_block_sidebar.thumb.png.6ea22f58f607aed436ba867294fd637e.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	الخطوط<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hj1db8lnegvt1fkl13o11a" data-unique="1tkkq477g" src=""></a>
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86836" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_code_block_typography.png.96c51aef676e658510479ef6feb75dfb.png" rel=""><img alt="013_wordpress_code_block_typography.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86836" data-unique="n2juvvxdi" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_code_block_typography.thumb.png.d183b42bb0a0984951460a41ee63b64d.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	متقدم<a class="ipsAttachLink ipsAttachLink_image" href="" rel=""><img alt="imageproxy.php?img=&amp;key=e4ac65570db3469d" class="ipsImage ipsImage_thumbnailed" data-fileid="o_1fnj860hj1n14bvuucd139919d21b" data-unique="n3zgduk5d" src=""></a>
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86837" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_code_block_advanced.png.0f55e04ad135b7f00e09e4c90337e3de.png" rel=""><img alt="014_wordpress_code_block_advanced.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86837" data-unique="9om1vq7mg" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_code_block_advanced.thumb.png.3aaa2a70e049a842fde339744ae9f72c.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يتضمن هذا القسم رابط القفز HTML وحقل لإضافة أصناف <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a>، ويكون رابط القفز هنا عبارة عن عنوان ويب خاص لمكون الشيفرة، يسمح لك بالربط مباشرةً مع المكون، في حين يسمح لك حقل أصناف CSS بإنشاء شيفرة CSS مُخصصة لتغيير تصميم المكون.
</p>

<h2>
	أفضل النصائح لاستخدام فعال لمكون الشيفرة
</h2>

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

<p>
	توجد بضع أسئلة تكرر حول مكون الشيفرة وهي:
</p>

<ul>
<li>
		<strong>ما هو الهدف من استخدام مكون الشيفرة؟</strong> عرض الشيفرة البرمجية للمستخدمين للاطلاع عليها واستخدامها، حيث تعرض الشيفرة بطريقة مرتبة وواضحة مع الإبقاء على الفراغات التي تُضيفها.
	</li>
	<li>
		<strong>هل يُشغل مكوّن الشيفرة الشيفرة التي بداخله؟</strong> لا، بل يعرضها فقط بصيغة الشيفرة كي يتمكن المستخدمون من الاطلاع عليها واستخدامها، حيث تُحاط الشيفرة بوسوم الشيفرة من HTML.
	</li>
	<li>
		<strong>ما هي أنواع الشيفرة التي يستطيع هذا المكون عرضها؟</strong> يستطيع هذا المكون عرض أي لغة برمجية، فهذا لا يؤثر على كونها شيفرةً برمجيةً في النهاية، وسوف تُغلف بنفس وسوم الشيفرة من HTML.
	</li>
	<li>
		<strong>هل يُهيئ هذا المكون الشيفرة؟</strong> لا، فهو لا يعمل مثل محرر شيفرة برمجية، ولذلك لا يُغير على الفراغات أو الألوان ولا يُضيف أرقامًا أو غيرها، فوظيفته هي عرض الشيفرة كما تكتبها.
	</li>
	<li>
		<strong>ما هو الاختلاف بين مكون الشيفرة ومكون HTML؟</strong> يسمح لك مكون HTML بإنشاء محتوى HTML دون الحاجة لتغيير عارض محرر الشيفرة لصفحتك، حيث يُشغل HTML في الواجهة الأمامية. تستطيع معاينة النتائج من لوحة التحكم، وتستطيع استخدام مكون الشيفرة لعرض وسوم HTML إن كنت لا تريد للمتصفح تفسيرها.
	</li>
	<li>
		<strong>ما الفرق بين مكون الشيفرة والمكون المهيأ مسبقًا؟</strong> يعرض المكون المهيأ مسبقًا النص بما يحويه من فراغات بخط Monospace، كما يتضمن ألوانًا للخلفية والخط في خيارات الشريط الجانبي.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/code-block" rel="external nofollow">How to Use the WordPress Code Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-flickr-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r579/" rel="">كيفية استخدام مكون تضمين Flickr في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r578/" rel="">كيفية استخدام مكون الفيديو في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">580</guid><pubDate>Thu, 23 Dec 2021 09:33:15 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x62A;&#x636;&#x645;&#x64A;&#x646; Flickr &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-flickr-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r579/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c42f2c049c9_----Flickr.png.ecba1303fe749ecf69e71db77a90b76f.png" /></p>

<p>
	يسمح لك مكون Flickr بإضافة الصور ومقاطع الفيديو التي حفظتها على Flickr إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A4%D9%87%D8%A7-%D9%88%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%87%D8%A7-%D9%88%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D9%87%D8%A7-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r389/" rel="">صفحات</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-posts-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r388/" rel="">مقالات موقع ووردبريس</a>، وعند ضغط أحد الزوار على الصورة أو الفيديو؛ سوف يُعاد توجيهه إلى Flickr، الذي يستطيع عرض وتشغيل وسائطك. لا يُمكن تشغيل مقاطع الفيديو على موقعك، لكن الزائر يستطيع مشاهدة الصورة، وعند الضغط عليها، سوف يُوجه إلى Flickr، وهناك يستطيع تشغيل مقطع الفيديو.
</p>

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

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

<h2>
	تحديث إعدادات الخصوصية في Flickr
</h2>

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

<p>
	توجه إلى <a href="https://www.flickr.com/" rel="external nofollow">Flickr</a>، ثم اضغط على الصورة أو مقطع الفيديو الذي تريد مشاركته ليفتح في صفحة خاصة به. توجه لأسفل الصفحة، وتأكد من أن خيار Public موجود بجانب Viewing Privacy.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86401" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_flickr_privacy.png.0db277bee1a0fe3b8d5793a4af899580.png" rel=""><img alt="001_wordpress_flickr_privacy.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86401" data-unique="kt4mqx2a4" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_flickr_privacy.thumb.png.4fdc240c8a7c5b906d4994a65eb86933.png" style="width: 800px; height: auto;"></a>
</p>

<h3>
	تغيير إعدادات الخصوصية لعدة صور
</h3>

<p>
	لنقل أنك تريد <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%AA%D8%B6%D9%85%D9%8A%D9%86-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r514/" rel="">تضمين</a> عدة صور في ووردبريس لكن <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%B5%D9%88%D8%B5%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r476/" rel="">إعدادات الخصوصية</a> لها هي Private، وأنت لا تستطيع تغيير إعدادات الخصوصية لمعرض صور كامل أو مجموعة صور مع بعضه. هنا، بدلًا من تغيير خصوصية كل صورة على حدة يجب عليك الالتفاف على الموضوع كالتالي.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86402" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_flickr_download.png.7d82163876b25bba44b4daee025c1373.png" rel=""><img alt="002_wordpress_flickr_download.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86402" data-unique="6hpa3rd3i" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_flickr_download.thumb.png.1ce4274fa5ee67db7ae18ba6a8e4f18b.png" style="width: 800px; height: auto;"></a>
</p>

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

<p>
	عد إلى Flickr واضغط على أيقونة الرفع Upload في الزاوية العلوية اليُمنى من الموقع.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86403" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_flickr_upload.png.6d3c5400dc8042127713e5ea6e7c955e.png" rel=""><img alt="003_wordpress_flickr_upload.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86403" data-unique="8ik5eoxnp" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_flickr_upload.thumb.png.db1d5ea786396f768f86a503d0e8b5d5.png" style="width: 800px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86404" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_flickr_privacy.png.b7150d36c5804646966a27136c4ecb47.png" rel=""><img alt="004_wordpress_flickr_privacy.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86404" data-unique="mrdf8o3qc" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_flickr_privacy.png.b7150d36c5804646966a27136c4ecb47.png"></a>
</p>

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

<p>
	والآن سوف يتمكن أي شخص من مشاهدة الصور التي رفعتها، وهذا يعني أن زوار موقعك يُمكنهم مشاهدة هذه الصور عند زيارة موقعك.
</p>

<h2>
	كيفية إضافة مكون Flickr لصفحات ومقالات ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86405" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_flickr_add_block.png.c39137748f8ebe5bc1fb04d30f7b4481.png" rel=""><img alt="005_wordpress_flickr_add_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86405" data-unique="nml9ko94b" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_flickr_add_block.thumb.png.d24ff39309950c688fd87a9c5a8c8a32.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	اضغط على إشارة "+" ثم اكتب اسم المكون الذي تبحث عنه <strong>Flickr</strong>، ثم اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86406" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_flickr_add_block.png.985f352c9e84b44968b98ba463de64c0.png" rel=""><img alt="006_wordpress_flickr_add_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86406" data-unique="7h9ln4iu3" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_flickr_add_block.thumb.png.d80305f8953787bba4fb49895180d88c.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	أو تستطيع إضافة هذا المكون بطريقة أخرى من خلال كتابة <strong>/flickr</strong> ضمن جسم الصفحة والضغط على Enter أو اختيار المكون <strong>Flickr</strong> من القائمة التي ستظهر أثناء كتابتك للكلمة السابقة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86407" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_flickr_block.png.e8b9d1e9a6d79e58cf164d4f80531a47.png" rel=""><img alt="007_wordpress_flickr_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86407" data-unique="sa75snk58" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_flickr_block.png.e8b9d1e9a6d79e58cf164d4f80531a47.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	سوف يُضاف مكون Flickr عندها لقسم المحتوى ضمن الصفحة أو المقال الذي تحرره.
</p>

<h2>
	كيفية تضمين صورة أو مقطع فيديو من Flickr ضمن صفحة أو مقال في ووردبريس
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86408" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_flickr_block_2.png.e6035445ea597960259ed02e13d0f17b.png" rel=""><img alt="008_wordpress_flickr_block_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86408" data-unique="uvlqw6sah" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_flickr_block_2.png.e6035445ea597960259ed02e13d0f17b.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تظهر صور Flickr بدقة ضعيفة في واجهة تحكم ووردبريس.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86409" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_flickr_block_3.png.a30fd6b20b1e086f3b1a403463147673.png" rel=""><img alt="009_wordpress_flickr_block_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86409" data-unique="crupfpycb" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_flickr_block_3.png.a30fd6b20b1e086f3b1a403463147673.png" style="width: 500px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86410" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_flickr_block.png.422054652808d9265146f0d12989fd4a.png" rel=""><img alt="010_wordpress_flickr_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86410" data-unique="w01k1ut0f" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_flickr_block.thumb.png.a176639bdcc4532cf06f689db15f3aee.png" style="width: 600px; height: auto;"></a>
</p>

<h2>
	كيفية تضمين معرض صور Flickr ضمن مقال أو صفحة ووردبريس
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86411" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_flickr_block_album.png.5f3e1840f9cf37e248c9cbff30080494.png" rel=""><img alt="011_wordpress_flickr_block_album.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86411" data-unique="edb5xw4zs" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_flickr_block_album.thumb.png.0f4793439161a8f1b777708149c63235.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86412" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_flickr_block_album_2.png.51a77a4e72721a790df6d1b2dc47d743.png" rel=""><img alt="012_wordpress_flickr_block_album_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86412" data-unique="j359mf7z8" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_flickr_block_album_2.png.51a77a4e72721a790df6d1b2dc47d743.png" style="width: 500px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86413" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_flickr_block_album_3.png.506cff68fee654c8b0bae8a53e595d2b.png" rel=""><img alt="013_wordpress_flickr_block_album_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86413" data-unique="r09ttpm6e" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_flickr_block_album_3.thumb.png.d2603d725e70aa9d7372b323a1545e45.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86414" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_flickr_block_album_4.png.8dc76d1260b9d7ccf6c88d3be4e72828.png" rel=""><img alt="014_wordpress_flickr_block_album_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86414" data-unique="mnjmhhgbp" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_flickr_block_album_4.thumb.png.08a6371635daa17a86b2159287c295a2.png"></a>
</p>

<h2>
	رسالة الخطأ لمكون Flickr
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86415" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_flickr_block_error_msg.png.a1d93f3e0c87cec14d9fcb7dee8db902.png" rel=""><img alt="015_wordpress_flickr_block_error_msg.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86415" data-unique="okl2zi3wb" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_flickr_block_error_msg.thumb.png.b5a4a01db5e24ebc9bfc1d0ea1aca3b9.png" style="width: 600px; height: auto;"></a>
</p>

<h2>
	إعدادات وخيارات مكون Flickr في ووردبريس
</h2>

<p>
	سوف يظهر لك شريط أدوات يتضمن أربع خيارات عند النقر على مكون Flickr.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86416" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_flickr_block_options.png.d1384dd22a58576d74f36a89469161ec.png" rel=""><img alt="016_wordpress_flickr_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86416" data-unique="ieux12t9r" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_flickr_block_options.png.d1384dd22a58576d74f36a89469161ec.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	هذه الخيارات من اليمين لليسار هي:
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86417" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_flickr_block_options.png.af33595192424936cd633e573edab6a0.png" rel=""><img alt="017_wordpress_flickr_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86417" data-unique="lf720pk8k" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_flickr_block_options.thumb.png.c65d07e53a2301cbc3ff435b52846b19.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تتضمن هذه الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون Flickr لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون Flickr لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون Flickr لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خط أزرق تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه، أي أنه يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كـ HTML</strong>: يفتح محرر الشيفرة حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون Flickr إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون Flickr.
	</li>
</ul>
<h2>
	أفضل النصائح لاستخدام فعال لمكون Flickr
</h2>

<p>
	فيما يلي بضع نصائح تُساعدك على استخدام مكون Flickr:
</p>

<h3>
	انتبه إلى اسم معرض الصور
</h3>

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

<h3>
	أضف كلمات توضيحية
</h3>

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

<h3>
	طريقة سهلة لجعل ملفات الوسائط أصغر
</h3>

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

<h2>
	أسئلة متكررة حول مكون Flickr في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون Flickr وهي:
</p>

<ul>
<li>
		<strong>كيفية تضمين Flickr في ووردبريس؟</strong> الطريقة الأسهل والأسرع لتضمين محتوى Flickr في مقال أو صفحة ووردبريس، هي باستخدام مكون Flickr في محرر Gutenberg.
	</li>
	<li>
		<strong>هل أحتاج لحساب Flickr مدفوع لتضمين الوسائط على ووردبريس؟</strong> لا، حيث تستطيع باستخدام الحساب المجاني تضمين المحتوى العام في ووردبريس دون أي مشاكل، وبما أنك تستطيع إضافة 1000 صورة لحسابك المجاني، فهذا أكثر من كاف.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/flickr-embed-block" rel="external nofollow">How to Use the WordPress Flickr Embed Block</a> لصاحبه Lindsay Pietroluongo.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/" rel="">كيفية استخدام مكون الملف في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r578/" rel="">كيفية استخدام مكون الفيديو في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%85%D9%87%D9%8A%D8%A3-%D9%85%D8%B3%D8%A8%D9%82%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r529/" rel="">كيفية استخدام مكون مهيأ مسبقا في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">كيفية استخدام مكون الفقرة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A3%D8%B1%D8%B4%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r544/" rel="">كيفية استخدام مكون الأرشيفات ومكون البحث في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">579</guid><pubDate>Thu, 23 Dec 2021 08:49:45 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x636;&#x628;&#x637; &#x625;&#x639;&#x62F;&#x627;&#x62F;&#x627;&#x62A; &#x627;&#x644;&#x631;&#x648;&#x627;&#x628;&#x637; &#x627;&#x644;&#x62F;&#x627;&#x626;&#x645;&#x629; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D9%85%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r561/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61a888848d6da_------.png.f0ecb2510eaaaddf14a3287f794be4e9.png" /></p>

<p>
	ينعكس تحسين إعدادات <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D9%85%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1343/" rel="">الروابط الدائمة</a> على المدى الطويل على نجاح موقعك من ناحية <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="">تحسين محركات البحث</a> وسهولة الوصول لمحتوياته، وهناك فرق كبير لما تراه محركات البحث والزوار بين الآتي:
</p>

<ul>
<li>
		 <a href="https://example.com" ipsnoembed="false" rel="external nofollow">https://example.com</a>
	</li>
	<li>
		<a href="https://example.com/blog/category/post-title-with-keywords" ipsnoembed="false" rel="external nofollow">https://example.com/blog/category/post-title-with-keywords</a>
	</li>
</ul>
<p>
	يعرض هذا المقال الطرق المختلفة <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%AF%D8%A7%D8%A6%D9%85%D8%A9-permalinks-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r91/" rel="">لضبط الروابط الدائمة في ووردبريس</a>، لكي تنال استحسان بوتات جوجل والزوار معًا.
</p>

<h2>
	ما هي الروابط الدائمة
</h2>

<p>
	الروابط الدائمة هي الرابط الدائم الذي يُشير لموقعك ومدونتك والمقالات والصفحات <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D8%AA%D8%B5%D9%86%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D8%A7%D9%84%D9%88%D8%B3%D9%88%D9%85-%D8%A8%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r109/" rel="">والتصنيفات والوسوم</a>، حيث لا بد أن يملك أي جزء مرئي من الموقع رابطًا دائمًا، وتستطيع ضبط تركيبة الروابط الدائمة لموقعك من تبويب روابط دائمة في قسم الإعدادات في <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%AD%D8%A9-%D8%B9%D9%86-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r394/" rel="">لوحة تحكم ووردبريس</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83968" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_permalink_setting_page.png.7bf8d59a4f798c388ba6ad735d9d5594.png" rel=""><img alt="001_wordpress_permalink_setting_page.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83968" data-unique="ku6o625h2" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_permalink_setting_page.thumb.png.bd812cd8e207ef4d0755bb29a8e5ad59.png"></a>
</p>

<p>
	تستطيع في ووردبريس الاختيار بين 5 تراكيب مختلفة للروابط الدائمة معدة مسبقًا، حيث تظهر كل تركيبة من هذه التركيبات بعد عنوان الموقع، فإن ثُبتت مدونتك في <a href="https://example.com/blog%D8%8C" ipsnoembed="false" rel="external nofollow">https://example.com/blog،</a> فسوف تظهر التركيبات بعد الرابط السابق؛ أما إن ثُبت الموقع في المسار الرئيسي، فسوف تظهر التركيبات بعد النطاق مباشرةً، وفيما يلي هذه التراكيب:
</p>

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

<ul>
<li>
		%year%: سنة النشر مكونة من 4 أرقام.
	</li>
	<li>
		%monthnum%: شهر النشر مكون من رقمين.
	</li>
	<li>
		%day%: يوم النشر مكون من رقمين.
	</li>
	<li>
		%hour%: بصيغة 24 ساعةً من رقمين.
	</li>
	<li>
		%minute%: دقيقة النشر مكونة من رقمين.
	</li>
	<li>
		%second%: ثانية نشر المقال مكونة من رقمين.
	</li>
	<li>
		%post_id%: مُعرف المنشور في قاعدة بيانات ووردبريس.
	</li>
	<li>
		%postname%: الاسم اللطيف للمنشور الذي اخترته، أو الذي اختاره ووردبريس افتراضيًا.
	</li>
	<li>
		%category%: الاسم اللطيف للتصنيف من تصنيفات ضمن قسم المقالات.
	</li>
	<li>
		%author%: الاسم اللطيف للمؤلف ضمن حسابك في قسم أعضاء.
	</li>
</ul>
<p>
	يجب عليك التعرف على <a href="https://academy.hsoub.com/programming/php/wordpress/%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a5%d8%b6%d8%a7%d9%81%d8%a7%d8%aa-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%a7%d9%84%d8%ae%d9%8f%d8%b7%d9%91%d8%a7%d9%81%d8%a7%d8%aa-hooks-r40/" rel="">خطاف</a> ()the_permalink إن كنت مطور إضافات أو قوالب، حيث يسمح لك بالوصول لووردبريس نفسه واستخراج الروابط، حتى إن تغيرت تركيبة الروابط الدائمة أو الروابط الفردية.
</p>

<h2>
	أفكار يجب أن تضعها بالحسبان
</h2>

<p>
	تعمل كل من الصفحات والمقالات بصورة مختلفة عندما يتعلق الأمر بالروابط الدائمة، حيث تستخدم المقالات التركيبة التي تختارها ضمن تبويب روابط دائمة في قسم إعدادات؛ بينما الصفحات تستخدم تركيبةً ثابتةً، وهذا أمر جيد، إذ لن يتغير الاسم اللطيف للصفحات ليتلاءم مع أي تغييرات تُنفذها، وبالتالي لن يكون الرابط الدائم لصفحة من نحن مثل <a href="https://example.com/2022/06/about.html" ipsnoembed="false" rel="external nofollow">https://example.com/2022/06/about.html</a> مهما كانت التغييرات التي سوف تنفذها في المستقبل.
</p>

<p>
	ربما تكون البنية المُستخدمة لروابط ووردبريس محيرةً قليلًا، حيث إن الرابط الدائم هو تركيبة الرابط كاملًا لموقعك، وبالتالي فإن الرابط الدائم هو نفسه لجميع المقالات ما عدا الاسم اللطيف، وهو الجزء الأخير من الرابط الدائم الذي يُعرف محتوًى مُعينًا. مثلًا، الرابط التالي هو الرابط الدائم لمقال مُعين: <a href="https://example.com/blog/category/unique-post%D8%8C" ipsnoembed="false" rel="external nofollow">https://example.com/blog/category/unique-post،</a> لكن الجزء /unique-post هو الاسم اللطيف، وهو مُعرف فريد لجزء معين من المحتوى ضمن موقعك.
</p>

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

<h2>
	متى عليك استخدام تركيبة روابط دائمة مختلفة
</h2>

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

<h3>
	عادي
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83969" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_permalink_basic.png.0f183543b6ec1f116f4872be76af3a0e.png" rel=""><img alt="002_wordpress_permalink_basic.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83969" data-unique="o9qqrjme1" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_permalink_basic.png.0f183543b6ec1f116f4872be76af3a0e.png"></a>
</p>

<p>
	هذا النوع من تراكيب الروابط الدائمة سيئ، حيث لا يتضمن أي <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D9%8A%D8%AC%D8%A7%D8%AF-%D9%83%D9%84%D9%85%D8%A7%D8%AA-%D9%85%D9%81%D8%AA%D8%A7%D8%AD%D9%8A%D8%A9-%D8%B0%D8%A7%D8%AA-%D9%82%D9%8A%D9%85%D8%A9-%D8%B9%D8%A7%D9%84%D9%8A%D8%A9-%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-r482/" rel="">كلمات مفتاحية</a> ويستخدم <a href="https://en.wikipedia.org/wiki/Query_string" rel="external nofollow">سلسلة استعلام</a> لتعريف المنشور، لذا لا يُنصح باستخدامه أبدًا. إنّ تذكر مُعرف المنشور سوف يكون صعبًا على الزوار؛ أما <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D9%85%D9%84-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-%D9%88%D8%AA%D8%B1%D8%AA%D9%8A%D8%A8-%D8%AC%D9%88%D8%AC%D9%84-%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r491/" rel="">محركات البحث</a>، فلن تجد كلمات مفتاحيةً أو أي مواضيع مرتبطة بالمنشور، ويُمكن أن يتسبب هذا في تعيينك من قبل هذه المحركات بوصفك موقعًا غير شرعي.
</p>

<h4>
	متى يجب عليك استخدام الروابط الدائمة العادية
</h4>

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

<h3>
	استعلامات اليوم + عنوان المقالة والشهر + عنوان المقالة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83970" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_permalink_day_month_title.png.84f059c0fa7eebec1d6838f0624a1e17.png" rel=""><img alt="003_wordpress_permalink_day_month_title.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83970" data-unique="zdwh1udln" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_permalink_day_month_title.png.84f059c0fa7eebec1d6838f0624a1e17.png"></a>
</p>

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

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

<p>
	لا تُشجع درجة الشك المرتفعة هنا الزائر على الثقة بمعلومات المنشور، مما يؤثر على مصداقية الموقع.
</p>

<h4>
	متى يجب عليك استخدام تركيبة الروابط الدائمة اليوم/الشهر + عنوان المقالة
</h4>

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

<h3>
	رقمي
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83971" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_permalink_numeric.png.a43719da3744a2c03f4c8669f91c2b99.png" rel=""><img alt="004_wordpress_permalink_numeric.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83971" data-unique="3temid18s" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_permalink_numeric.png.a43719da3744a2c03f4c8669f91c2b99.png"></a>
</p>

<p>
	لا تُضيف هذه التركيبة أي شيء جديد لا يُمكنك إنجازه باستخدام التراكيب المُخصصة، كما تُلاحظ في الصورة أعلاه، كما تستخدم افتراضيًا معرف المنشور، لذلك فهي غير جذابة من ناحية <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D9%85%D8%A7-%D9%87%D9%88-%D8%A7%D9%84%D8%B3%D9%8A%D9%88-%D8%A7%D9%84%D8%AA%D9%82%D9%86%D9%8A-technical-seo-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87-%D9%84%D9%84%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r496/" rel="">السيو</a>، لذلك لا يُنصح باستخدامها.
</p>

<h4>
	متى يجب عليك استخدام تركيبة الروابط الدائمة الرقمية
</h4>

<p>
	لا توجد حالة تستوجب استخدام هذه التركيبة، فهي لا تخدم أي هدف سواءً من ناحية السيو أو الزوار.
</p>

<h3>
	عنوان المقالة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83972" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_permalink_post_title.png.bdb58b28d5492e325b458b38f7b60df3.png" rel=""><img alt="005_wordpress_permalink_post_title.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83972" data-unique="2gvli4daa" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_permalink_post_title.png.bdb58b28d5492e325b458b38f7b60df3.png"></a>
</p>

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

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

<h4>
	متى يجب عليك استخدام تركيبة عنوان المقالة للروابط الدائمة
</h4>

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

<h3>
	التركيبة المخصصة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83973" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_permalink_custom_structure.png.522727740b2c76fd190edaeb4b58b2a1.png" rel=""><img alt="006_wordpress_permalink_custom_structure.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83973" data-unique="80oqtmgkf" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_permalink_custom_structure.png.522727740b2c76fd190edaeb4b58b2a1.png"></a>
</p>

<p>
	في المثال أعلاه سوف تُستخدم السلسلة /articles/ كجزء من الاسم اللطيف بغض النظر عن مسار تثبيت ووردبريس الذي يُمكن أن يكون /blog/، وسوف يتغير المتغيران %category% و%postname% حسب تصنيف المقال (سوف يُستخدم التصنيف الرئيسي فقط عند اختيارك عدة تصنيفات) وعنوانه ضمن الاسم اللطيف للرابط ضمن محرر المقال.
</p>

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

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

<h4>
	متى يجب عليك استخدام التركيبة المُخصصة للروابط الدائمة
</h4>

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

<h2>
	كيفية تحرير الاسم اللطيف للروابط الدائمة
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83974" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_permalink_post.png.7a9927771ea3be48d028373f4d4305a8.png" rel=""><img alt="007_wordpress_permalink_post.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83974" data-unique="bpsgfu1ra" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_permalink_post.thumb.png.014c28ddece1e6d060e972b6235c33fa.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83975" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_edit_post_permalink.png.6c761802415a4c629fc373bec4890c36.png" rel=""><img alt="008_wordpress_edit_post_permalink.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83975" data-unique="3ms69bitn" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_edit_post_permalink.png.6c761802415a4c629fc373bec4890c36.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	اكتب ما تريد الآن، ثم اضغط على Enter، وهكذا تكون انتهيت من تحرير الرابط الدائم وكامل إعدادات الروابط الدائمة في ووردبريس.
</p>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/wordpress-permalink-settings" rel="external nofollow">How to Configure your WordPress Permalink Settings</a> لصاحبه B.J. Keeton.
</p>

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

<ul>
<li>
		<span style="display: none;">   </span><a href="https://academy.hsoub.com/apps/web/wordpress/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%a3%d9%88-%d8%ad%d8%b0%d9%81-%d8%a7%d9%84%d8%b1%d9%88%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d9%85%d8%b9%d8%b7%d9%84%d8%a9-%d8%b9%d9%84%d9%89-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%a7%d9%84%d8%ae%d8%a7%d8%b5-%d8%a8%d9%83-r22/" rel="">كيفية إصلاح (أو حذف) الروابط المعطلة على موقع ووردبريس الخاص بك</a><span style="display: none;">   </span>
	</li>
	<li>
		<a href="https://academy.hsoub.com/marketing/social-media/%D8%AF%D9%84%D9%8A%D9%84%D9%83-%D8%A7%D9%84%D9%85%D9%81%D8%B5%D9%84-%D9%84%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B1-%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D9%88%D8%AA%D8%B9%D9%82%D8%A8%D9%87%D8%A7-%D8%B9%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-r145/" rel="">دليلك المفصل لكيفية اختصار الروابط وتعقبها على وسائل التواصل الاجتماعي</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">561</guid><pubDate>Wed, 08 Dec 2021 09:59:26 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x641;&#x64A;&#x62F;&#x64A;&#x648; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r578/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c42541e76b1_-----.png.0235ed4a973e6064536385e490afd63d.png" /></p>

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

<p>
	سوف نشرح في هذا المقال كيفية إضافة مكون الفيديو في ووردبريس إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A4%D9%87%D8%A7-%D9%88%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%87%D8%A7-%D9%88%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D9%87%D8%A7-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r389/" rel="">الصفحات</a> والمقالات وكيفية استخدام إعداداته وخياراته المتنوعة، مع ذكر بعض النصائح لاستخدامه والإجابة عن بعض الأسئلة المتكررة حوله.
</p>

<h2>
	كيفية إضافة مكون الفيديو لصفحات ومقالات ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86377" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_video_block.png.e0d560b708ac7ca84060c634e6cb54b9.png" rel=""><img alt="001_wordpress_add_video_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86377" data-unique="w79j84o7j" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_video_block.thumb.png.715ec95beff404c8b29bac333e70b325.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	اضغط على إشارة "+" ثم اكتب اسم المكون الذي تبحث عنه <strong>فيديو</strong>، ثم اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86378" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_video_block_2.png.cc39aac0f83d9f36e28d66c7e68a5ea4.png" rel=""><img alt="002_wordpress_add_video_block_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86378" data-unique="4xs75ake4" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_video_block_2.thumb.png.864d10519af2e93938425037e78c4e8e.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86379" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_add_video_block_3.png.28f29b2057fa9d4261da6db66166ac89.png" rel=""><img alt="003_wordpress_add_video_block_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86379" data-unique="v1pd79j7k" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_add_video_block_3.png.28f29b2057fa9d4261da6db66166ac89.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86380" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_add_video_block_4.png.11fc63af5b22b7d1670b2955bc6cf678.png" rel=""><img alt="004_wordpress_add_video_block_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86380" data-unique="cgait8qql" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_add_video_block_4.png.11fc63af5b22b7d1670b2955bc6cf678.png" style="width: 700px; height: auto;"></a>
</p>

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

<h2>
	إعدادات وخيارات مكون الفيديو في ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86381" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_video_block_options.png.56b6321f35065c287467387e183c4ceb.png" rel=""><img alt="005_wordpress_video_block_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86381" data-unique="nupa843rd" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_video_block_options.thumb.png.ea841006ae6d8fcf99a9831b0a60a766.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يتضمن مكون الفيديو إعدادات وخيارات ضمنه وضمن الشريط الجانبي الأيسر ولن تظهر جميع الخيارات إلا عند رفعك لمقطع فيديو.
</p>

<h3>
	شريط أدوات مكون الفيديو
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86382" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_video_block_toolbar.png.95573a38d4ec0d74a059b592216f9765.png" rel=""><img alt="006_wordpress_video_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86382" data-unique="4xhclej1j" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_video_block_toolbar.png.95573a38d4ec0d74a059b592216f9765.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	تغيير نوع المكون أو نمطه
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86383" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_video_block_type.png.5b93eac0a672a77b2d16e9028f134449.png" rel=""><img alt="007_wordpress_video_block_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86383" data-unique="iae8svwgz" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_video_block_type.png.5b93eac0a672a77b2d16e9028f134449.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86384" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_video_block_drag.png.3e08592e1967c557ae81f0e1f6cb5a44.png" rel=""><img alt="008_wordpress_video_block_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86384" data-unique="ybagq4qjw" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_video_block_drag.png.3e08592e1967c557ae81f0e1f6cb5a44.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	تغيير محاذاة الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86385" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_video_block_alignment.png.bab6b75ab0a5ab87fb9fd4aed4228ed3.png" rel=""><img alt="009_wordpress_video_block_alignment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86385" data-unique="x1p9jkj0x" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_video_block_alignment.thumb.png.2ca5f43cc4d7ff4d58aa01eb29f4feb8.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86386" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_video_block_alignment_2.png.d3342a970ef3a6070e3605345cb6270d.png" rel=""><img alt="010_wordpress_video_block_alignment_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86386" data-unique="f4qmcoi75" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_video_block_alignment_2.thumb.png.e0ca9d9f8ce066b551668fa9bb59fb62.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	هذه محاذاة عرض واسع، حيث تضع المكون على يمين مساحة المحتوى.
</p>

<h4>
	مسارات النص في مكون الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86387" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_video_block_vtt.png.99fb83eb7d2fdbcd574a131c5c1b20d0.png" rel=""><img alt="011_wordpress_video_block_vtt.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86387" data-unique="mxjzd53c1" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_video_block_vtt.png.99fb83eb7d2fdbcd574a131c5c1b20d0.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تعرض مسارات النص ترجمةً للفيديو عند تشغيله، وتكون هذه المسارات بصيغة WebVTT أي ملفات .vtt، والتي تُحمّل من <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%88%D8%A3%D9%82%D8%B3%D8%A7%D9%85%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r420/" rel="">مكتبة وسائط ووردبريس</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86388" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_video_block_vtt_2.png.b5a6f57883fb44bf7838da71d17b371c.png" rel=""><img alt="012_wordpress_video_block_vtt_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86388" data-unique="3xg74k34a" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_video_block_vtt_2.png.b5a6f57883fb44bf7838da71d17b371c.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	سوف تظهر لك خيارات تعديل المسار حال رفعك لملف vtt. لمكون الفيديو، لهذا أضف عنوانًا واختر اللغة واختر نوع المسار.
</p>

<p>
	التسمية هي عنوان نص المسار الذي سوف يراه المستخدم عند تشغيل الفيديو ضمن المسارات المتوفرة، ولغة المصدر هي لغة المسار؛ بينما يُشير النوع إلى نوع المسار الذي سوف يُعرض، والخيارات المتوفرة هي:
</p>

<ul>
<li>
		<strong>ترجمات</strong>: ترجمة المحادثة ضمن مقطع الفيديو.
	</li>
	<li>
		<strong>كلمات توضيحية</strong>: نص المحادثة مع ما تتضمنه من أصوات ومؤثرات صوتية وموسيقى وغيرها.
	</li>
	<li>
		<strong>أوصاف</strong>: نص يصف ما يحصل.
	</li>
	<li>
		<strong>البيانات الوصفية</strong>: بيانات لاستخدامها من قبل <a href="https://wiki.hsoub.com/JavaScript" rel="external">جافاسكربت</a>.
	</li>
	<li>
		<strong>الفصول</strong>: عناوين الفصول للتنقل بينها.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86389" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_video_block_caption.png.4f871c41397fdbc8c4d8eb5b68d1ad2a.png" rel=""><img alt="013_wordpress_video_block_caption.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86389" data-unique="ufo8uoubz" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_video_block_caption.png.4f871c41397fdbc8c4d8eb5b68d1ad2a.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تُضاف عندها الكلمات التوضيحية لخيارات المُشغل ليتمكن المستخدم الاختيار بينها.
</p>

<h4>
	استبدال الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86390" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_video_block_replace.png.361e2389ec4ea2992759034d1ac5f2ac.png" rel=""><img alt="014_wordpress_video_block_replace.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86390" data-unique="y4cjy836h" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_video_block_replace.png.361e2389ec4ea2992759034d1ac5f2ac.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	يسمح لك هذا الخيار باستبدال مقطع الفيديو بمقطع مختلف.
</p>

<h4>
	خيارات مكون الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86391" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_video_block_more_options.png.2877e5133eeec195c7b2b067c7d9b5f2.png" rel=""><img alt="015_wordpress_video_block_more_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86391" data-unique="bpopaa4sq" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_video_block_more_options.png.2877e5133eeec195c7b2b067c7d9b5f2.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

<ul>
<li>
		<strong>إظهار المزيد من الإعدادات</strong>: لإظهار الشريط الجانبي لإعدادات المكون.
	</li>
	<li>
		<strong>نسخ</strong>: ينسخ مكون الفيديو لتتمكن من لصقه في أي مكان ضمن المحتوى.
	</li>
	<li>
		<strong>تكرار</strong>: لإضافة نسخة ثانية عن المكون أسفل النسخة الأصلية.
	</li>
	<li>
		<strong>إدراج قبل</strong>: لإضافة مساحة قبل مكون الفيديو لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>إدراج بعد</strong>: لإضافة مساحة بعد مكون الفيديو لتتمكن من إضافة مكون جديد.
	</li>
	<li>
		<strong>نقل إلى</strong>: يُنشئ خط أزرق تستطيع تحريكه ضمن المحتوى للمكان الذي تريد نقل المكون إليه أي يُسهل عملية نقل المكون لموقع آخر ضمن المحتوى.
	</li>
	<li>
		<strong>تحرير كـ HTML</strong>: يفتح محرر الشيفرة، حيث تستطيع تعديل شيفرة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>إضافة إلى المكونات القابلة لإعادة الاستخدام</strong>: يُضيف مكون الفيديو إلى مكوناتك القابلة لإعادة الاستخدام ليُسهل إعادة استخدامها.
	</li>
	<li>
		<strong>تجميع</strong>: يُضيف المكون إلى كتلة تستطيع التعامل معها مثل كيان واحد.
	</li>
	<li>
		<strong>إزالة المكون</strong>: يحذف مكون الفيديو.
	</li>
</ul>
<h4>
	خيارات الكلمات التوضيحية في مكون الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86392" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_video_block_more_options_2.png.3d9188ac4180e5b609567280d8f4222e.png" rel=""><img alt="016_wordpress_video_block_more_options_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86392" data-unique="t9piiw90k" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_video_block_more_options_2.png.3d9188ac4180e5b609567280d8f4222e.png" style="width: 650px; height: auto;"></a>
</p>

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

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

<h3>
	إعدادات الشريط الجانبي لمكون الفيديو
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86393" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_video_block_sidebar_options.png.541bad87cde16422a03c6565e0fe8330.png" rel=""><img alt="017_wordpress_video_block_sidebar_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86393" data-unique="zstx0p2n8" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_video_block_sidebar_options.thumb.png.e6ff56e1bf24d2c5071ea12d0997203b.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تتضمن إعدادات الشريط الجانبي لمكون الفيديو قسم فيديو وقسم متقدم فقط.
</p>

<h4>
	إعدادات الفيديو
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86394" href="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_video_block_sidebar_options.png.5f710ce845c8947a47125530aa5c99a3.png" rel=""><img alt="018_wordpress_video_block_sidebar_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86394" data-unique="bfulpnxgh" src="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_video_block_sidebar_options.thumb.png.e972989f83516892bf5416503802ebe5.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تسمح لك إعدادات الفيديو التحكم بكيفية عمل المشغل وتتضمن الإعدادات التالية:
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86395" href="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_video_block_sidebar_options.png.b62e30d3a944d82536e94fcf97736325.png" rel=""><img alt="019_wordpress_video_block_sidebar_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86395" data-unique="l3185al6x" src="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_video_block_sidebar_options.thumb.png.fc8a6af8b631f83f87cf0ea2ff9cdaef.png" style="width: 700px; height: auto;"></a>
</p>

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

<h2>
	أفضل النصائح لاستخدام فعال لمكون الفيديو
</h2>

<ul>
<li>
		إن كنت تُضمن مقاطع فيديو من مصدر مثل يوتيوب أو فيميو؛ فعندها عليك استخدام المكونات الخاصة بهذه المصادر بدلًا من مكون الفيديو.
	</li>
	<li>
		اضغط مقطع الفيديو لتقليل حجمه وتقليص زمن تحميله.
	</li>
	<li>
		أنشئ مسارات vtt. باستخدام مولدات كلمات توضيحية على شبكة الإنترنت أو تطبيقات مماثلة.
	</li>
	<li>
		اضبط التحميل المسبق على <strong>بدون</strong> لزيادة سرعة تحميل الصفحة، حيث تؤثر الكمية المُحملة تلقائيًا على سرعة تحميل الصفحة.
	</li>
	<li>
		اختر المحاذاة لليمين أو اليسار لجعل النص يلتف حول الفيديو ويظهر بصورة أكثر جاذبية. استخدم محاذاة عرض واسع أو عرض كامل للتأكيد على أهمية الفيديو.
	</li>
	<li>
		استخدم صورة بارزة لتظهر على الفيديو بدلًا من استخدام الإطار الأول.
	</li>
</ul>
<h2>
	أسئلة متكررة حول مكون الفيديو في ووردبريس
</h2>

<p>
	توجد بضع أسئلة تكرر حول مكون الفيديو وهي:
</p>

<ul>
<li>
		<strong>ما هو الهدف من استخدام مكون الفيديو؟</strong> يُسهل هذا المكون <a href="https://academy.hsoub.com/questions/10895-%D9%83%D9%8A%D9%81-%D8%A7%D8%AE%D8%AA%D8%A7%D8%B1-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B3%D8%A8%D8%A9-%D9%84%D8%B1%D9%81%D8%B9-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D8%B9%D9%84%D9%8A%D9%87%D8%A7/" rel="">استضافة</a> مقاطع الفيديو على موقعك، كما يسمح لك بالتحكم بكيفية تشغيلها.
	</li>
	<li>
		<strong>ما هو الفرق بين مكون الفيديو والفيديو المُضمن؟</strong> لا توفر مقاطع الفيديو المُضمنة من مصادر، مثل يوتيوب وفيميو خيارات تحكم للمشغل.
	</li>
	<li>
		<strong>ما هي أفضل الطرق لاستخدام هذا المكون؟</strong> استخدم المُشغل التلقائي مع الحلقة وأزل مفاتيح التحكم بالمُشغل لعرض المنتجات والمقاطع التعليمية القصيرة أما للمقاطع الأطول عليك تعطيل التشغيل التلقائي والإبقاء على خيارات التحكم بالمشغل.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/video-block" rel="external nofollow">How to Use the WordPress Video Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%85%D9%87%D9%8A%D8%A3-%D9%85%D8%B3%D8%A8%D9%82%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r529/" rel="">كيفية استخدام مكون مهيأ مسبقا في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">كيفية استخدام مكون الفقرة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r545/" rel="">كيفية استخدام مكون الاقتباس في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A3%D8%B1%D8%B4%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r544/" rel="">كيفية استخدام مكون الأرشيفات ومكون البحث في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">578</guid><pubDate>Wed, 22 Dec 2021 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x643;&#x648;&#x646; &#x627;&#x644;&#x645;&#x644;&#x641; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%85%D9%84%D9%81-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r577/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61c41a92da115_-----.png.32175d1d32a9b97b5bbab1fcdf0a45a3.png" /></p>

<p>
	يُسهل مكون الملف في ووردبريس إضافة روابط تحميل ملفاتك ضمن <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D8%A5%D9%86%D8%B4%D8%A7%D8%A4%D9%87%D8%A7-%D9%88%D8%AA%D9%86%D8%B8%D9%8A%D9%85%D9%87%D8%A7-%D9%88%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D9%87%D8%A7-%D8%B9%D9%86-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r389/" rel="">صفحات</a> و<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-posts-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r388/" rel="">مقالات ووردبريس</a>، ويُعد هذا المكون مميزًا كونه يُضيف خيارات مختلفة اعتمادًا على نوع الملف الذي تختاره، لذا فإن معرفة كيفية استخدام مكون الملف في ووردبريس تُعَد مهمةً لجذب الانتباه للملفات التي تُريد للزوار تنزيلها.
</p>

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

<h2>
	كيفية إضافة مكون الملف لصفحات ومقالات ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86350" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_file_block.png.957d2c00f4c92abe44cd1e6d5db6567a.png" rel=""><img alt="001_wordpress_add_file_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86350" data-unique="rh7flm63m" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_file_block.thumb.png.e34e6e19524495c47552bed77de39b6d.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	اضغط على إشارة "+" ثم اكتب اسم المكون الذي تبحث عنه <strong>ملف</strong>، ثم اضغط عليه لاختياره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86351" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_file_block_2.png.74141ad7e7ba986f11a1caa7fadf8aa9.png" rel=""><img alt="002_wordpress_add_file_block_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86351" data-unique="ns9tm6a9f" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_file_block_2.thumb.png.9219144404fa4c448aed534b6a315471.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86352" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_file_block.png.68163d2722c903c59130323cf2250b5e.png" rel=""><img alt="003_wordpress_file_block.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86352" data-unique="o5kc7vtxd" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_file_block.thumb.png.2861a66afe78c0132567e7f5e33df1a2.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	سوف يُضاف مكون الملف عندها لقسم المحتوى ضمن الصفحة أو المقال الذي تحرره.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86353" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_file_block_pdf.png.5c6ca9fba2935b1efaf705a60d3d11b0.png" rel=""><img alt="004_wordpress_file_block_pdf.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86353" data-unique="gttm8mx3r" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_file_block_pdf.thumb.png.c4d0dbf2333b0eafe4e95d4819d0db12.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	اختر <strong>رفع</strong> أو <strong><a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%88%D8%A3%D9%82%D8%B3%D8%A7%D9%85%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r420/" rel="">مكتبة الوسائط</a></strong> لاختيار الملف الذي تريد للزوار تحمليه، وإن اخترت ملف PDF، فسوف تظهر معاينة له. تتغير الأدوات المتوفرة لملفات PDF حسب المتصفح، ويمكن معاينة الملف باستخدام متصفح كروم الذي يتضمن أدوات PDF لعرض أو إخفاء قائمة PDF وعرض العنوان ورقم الصفحة وتغيير حجم الصفحة وتدوير الملف وطباعته وتنزيله.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86354" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_file_block_image.png.8ce3a96edb7a3e4dde81e32a192f96e8.png" rel=""><img alt="005_wordpress_file_block_image.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86354" data-unique="jhqq83ci2" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_file_block_image.thumb.png.994655398e53d58713d3af869ebd6c83.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تعرض الملفات الأخرى مثل الصور اسم الملف وزر التنزيل.
</p>

<h2>
	إعدادات وخيارات مكون الملف في ووردبريس
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86355" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_file_block_settings.png.f5b5e0ef15de5d199947f51223a9188c.png" rel=""><img alt="006_wordpress_file_block_settings.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86355" data-unique="2c3uxe47d" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_file_block_settings.thumb.png.9b0d169367621f4d74d934f2fa8cd30c.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	شريط أدوات مكون الملف
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86356" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_file_block_toolbar.png.fd29dfdd59426bbb111861cb60bcff91.png" rel=""><img alt="007_wordpress_file_block_toolbar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86356" data-unique="eh3vwz0lt" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_file_block_toolbar.png.fd29dfdd59426bbb111861cb60bcff91.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	تغيير نوع المكون أو نمطه
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86357" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_file_block_change_type.png.ed0210f171a26a3c6bec6b07ef0e6895.png" rel=""><img alt="008_wordpress_file_block_change_type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86357" data-unique="qun4iwqu4" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_file_block_change_type.png.ed0210f171a26a3c6bec6b07ef0e6895.png"></a>
</p>

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

<h4>
	السحب والإفلات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86358" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_file_block_drag.png.f3651fb27b72b5843aec488834d38e42.png" rel=""><img alt="009_wordpress_file_block_drag.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86358" data-unique="a0h0u5ra1" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_file_block_drag.png.f3651fb27b72b5843aec488834d38e42.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	تغيير محاذاة الملف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86359" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_file_block_alignment.png.bb2ace618d67d29fa94c098254179e03.png" rel=""><img alt="010_wordpress_file_block_alignment.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86359" data-unique="33sz0k7ud" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_file_block_alignment.png.bb2ace618d67d29fa94c098254179e03.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86360" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_file_block_alignment_2.png.9866bb2df1fed98e8b4b9c4d0ea9600f.png" rel=""><img alt="011_wordpress_file_block_alignment_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86360" data-unique="8trgyy3n3" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_file_block_alignment_2.thumb.png.9d8226fdbb7d6139b695f25ce89ec017.png" style="width: 700px; height: auto;"></a>
</p>

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

<h4>
	خط عريض ومائل
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86361" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_file_block_bold_italic.png.94cbbfb108ebfd1fb9c27a79318b511e.png" rel=""><img alt="012_wordpress_file_block_bold_italic.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86361" data-unique="5zkuipr1t" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_file_block_bold_italic.png.94cbbfb108ebfd1fb9c27a79318b511e.png"></a>
</p>

<p>
	تظهر خيارات الخط العريض والمائل عند تحديد نص اسم الملف أو زر التنزيل وهي تؤثر على النص المُحدد فقط ويُمكن استخدام كل خيار على حدا أو كلا الخيارين معًا. جعلت نص اسم الملف عريضًا ونص زر التحميل مائلًا.
</p>

<h4>
	المزيد من الخيارات
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86362" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_file_block_optionsc.png.efc59529fac42cd7c74c7b46532a9f30.png" rel=""><img alt="013_wordpress_file_block_optionsc.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86362" data-unique="k6bt7rg6w" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_file_block_optionsc.png.efc59529fac42cd7c74c7b46532a9f30.png" style="width: 700px; height: auto;"></a>
</p>

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

<ul>
<li>
		<strong>كود مضمن</strong>: يغير طريقة عرض النص ليبدو وكأنه <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%A7%D9%84%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9-%D9%84%D8%B9%D8%B1%D8%B6-%D8%B4%D9%8A%D9%81%D8%B1%D8%A7%D8%AA-%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r43/" rel="">شيفرة برمجية</a> ويمنع تنفيذ الشيفرة البرمجية.
	</li>
	<li>
		<strong>صورة مضمنة</strong>: تُضيف صورة من مكتبة الوسائط إلى المكان الذي يتواجد فيه مؤشر الفأرة.
	</li>
	<li>
		<strong>مدخلات لوحة المفاتيح</strong>: يعرض النص المُدخل من <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D9%88%D8%AC%D9%88%D9%87-%D8%A7%D9%84%D8%AA%D8%B9%D8%A8%D9%8A%D8%B1%D9%8A%D8%A9-%D9%88%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B1%D8%A7%D8%AA-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D9%85%D9%81%D8%A7%D8%AA%D9%8A%D8%AD-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1222/" rel="">لوحة المفاتيح</a> بصيغة <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>.
	</li>
	<li>
		<strong>يتوسطه خط</strong>: يعرض خطًا يمر ضمن النص.
	</li>
	<li>
		<strong>أحرف سفلية</strong>: يجعل النص أصغر وأدنى من غيره.
	</li>
	<li>
		<strong>أحرف علوية</strong>: يجعل النص أصغر من غيره لكن أعلى ارتفاعًا.
	</li>
	<li>
		<strong>تحته خط</strong>: يعرض خطًا أسفل النص.
	</li>
	<li>
		<strong>لون النص</strong>: يسمح لك بتغيير لون النص.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86363" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_file_block_color.png.35e5283c264277b5fba7849736e13667.png" rel=""><img alt="014_wordpress_file_block_color.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86363" data-unique="t1tj6tb6i" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_file_block_color.png.35e5283c264277b5fba7849736e13667.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يتضمن خيار اللون <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/" rel="">ألوانًا</a> جاهزةً تستطيع الاختيار منها أو إنشاء لون مُخصص، حيث تتضمن أداة اختيار اللون حقلًا للترميز الست عشري للون أو رمز RGB أو رمز HSL.
</p>

<h4>
	استبدال
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86364" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_file_block_replace.png.ef92ab0840574691502838aab167a283.png" rel=""><img alt="015_wordpress_file_block_replace.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86364" data-unique="0dvgbyit6" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_file_block_replace.png.ef92ab0840574691502838aab167a283.png"></a>
</p>

<p>
	يسمح لك هذا الخيار باستبدال الملف بملف آخر من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r460/" rel="">مكتبة الوسائط</a> أو عبر رفع الملف من حاسوبك.
</p>

<h4>
	نسخ الرابط URL
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86365" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_file_block_copy.png.3b10eb6d97443309c6d3f5cc4a6a40af.png" rel=""><img alt="016_wordpress_file_block_copy.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86365" data-unique="4kmsfm2yc" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_file_block_copy.png.3b10eb6d97443309c6d3f5cc4a6a40af.png"></a>
</p>

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

<h4>
	خيارات مكون الملف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86366" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_file_block_more_options.png.d8f60e668453d87dfbd4b7509e2b4757.png" rel=""><img alt="017_wordpress_file_block_more_options.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86366" data-unique="7c2rtqnux" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_file_block_more_options.thumb.png.578af71c82330e54a06addb738850f94.png"></a>
</p>

<p>
	تتضمن الخيارات:
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86367" href="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_file_block_resize.png.8260f847fd095eb38a98530274090a69.png" rel=""><img alt="018_wordpress_file_block_resize.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86367" data-unique="v7jk2lqqz" src="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_file_block_resize.thumb.png.5af855b4d0cc35cd0279767fbac59580.png" style="width: 800px; height: auto;"></a>
</p>

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

<h3>
	إعدادات الشريط الجانبي لمكون الملف
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86368" href="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_file_block_sidebar.png.482d02cc756858593d531e55c0e406e3.png" rel=""><img alt="019_wordpress_file_block_sidebar.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86368" data-unique="q60s8u5o5" src="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_file_block_sidebar.thumb.png.0782392213d32504854d11fefa65415e.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86369" href="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_file_block_sidebar_pdf.png.e3c30860e79e46c4ac5581ad0d8e3921.png" rel=""><img alt="020_wordpress_file_block_sidebar_pdf.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86369" data-unique="4xn2bdvyr" src="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_file_block_sidebar_pdf.thumb.png.7b40ccd08ab4810b1ec3a544c618a9c7.png" style="width: 750px; height: auto;"></a>
</p>

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

<h4>
	إعدادات PDF
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86370" href="https://academy.hsoub.com/uploads/monthly_2021_12/021_wordpress_file_block_sidebar_pdf_2.png.6e019d2a8adc9b53e59f1f9badf01641.png" rel=""><img alt="021_wordpress_file_block_sidebar_pdf_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86370" data-unique="b48s0jgh5" src="https://academy.hsoub.com/uploads/monthly_2021_12/021_wordpress_file_block_sidebar_pdf_2.thumb.png.1163d35bd07bb6e66adcc67d0f795bf0.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	يسمح لك خيار <strong>عرض التضمين في السطر</strong> بتفعيل أو تعطيل معاينة ملف PDF وهو مُفعل افتراضيًا وعند تعطيله سوف يُعرض فقط اسم الملف وزر التنزيل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86371" href="https://academy.hsoub.com/uploads/monthly_2021_12/022_wordpress_file_block_sidebar_pdf_3.png.d88714bc5bfbe8353e4d6b70b42294fe.png" rel=""><img alt="022_wordpress_file_block_sidebar_pdf_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86371" data-unique="rjclf6dfc" src="https://academy.hsoub.com/uploads/monthly_2021_12/022_wordpress_file_block_sidebar_pdf_3.thumb.png.42f35eb4f36f00fba578d6659e5878f0.png" style="width: 800px; height: auto;"></a>
</p>

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

<h4>
	إعدادات رابط النص
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86372" href="https://academy.hsoub.com/uploads/monthly_2021_12/023_wordpress_file_block_sidebar_link.png.9403bff404c24879c2d55dc5bf6462bf.png" rel=""><img alt="023_wordpress_file_block_sidebar_link.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86372" data-unique="dzxhzvkoz" src="https://academy.hsoub.com/uploads/monthly_2021_12/023_wordpress_file_block_sidebar_link.thumb.png.7062a9bd3669b3a345c62e818bddcd0f.png" style="width: 800px; height: auto;"></a>
</p>

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

<h4>
	إعدادات زر تنزيل الملف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86373" href="https://academy.hsoub.com/uploads/monthly_2021_12/024_wordpress_file_block_sidebar_download.png.7efbf5226267d7d03401cfcef3a0bdc1.png" rel=""><img alt="024_wordpress_file_block_sidebar_download.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86373" data-unique="mc2ms9vrq" src="https://academy.hsoub.com/uploads/monthly_2021_12/024_wordpress_file_block_sidebar_download.thumb.png.f38f7be9aed9779123227d3669418075.png" style="width: 800px; height: auto;"></a>
</p>

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

<h4>
	متقدم
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86374" href="https://academy.hsoub.com/uploads/monthly_2021_12/025_wordpress_file_block_sidebar_advanced.png.195b696dc2938ccb7bb808be031c4c4b.png" rel=""><img alt="025_wordpress_file_block_sidebar_advanced.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86374" data-unique="h90v9w68l" src="https://academy.hsoub.com/uploads/monthly_2021_12/025_wordpress_file_block_sidebar_advanced.thumb.png.d3aabb681a4c60da6e30846c93bc3d38.png" style="width: 800px; height: auto;"></a>
</p>

<p>
	يتضمن هذا القسم رابط القفز HTML وحقل لإضافة أصناف <a href="https://academy.hsoub.com/programming/css/%d8%aa%d8%b9%d8%b1%d9%91%d9%81-%d8%b9%d9%84%d9%89-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css-r70/" rel="">CSS</a>، ويكون رابط القفز هو عبارة عن عنوان ويب خاص لمكون الملف الذي يسمح لك بالربط مباشرةً مع المكون، بينما حقل أصناف CSS يسمح لك بإنشاء <a href="https://wiki.hsoub.com/CSS" rel="external">شيفرة CSS</a> مُخصصة لتغيير تصميم المكون.
</p>

<h4>
	إعدادات لون مجموعة الملف
</h4>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="86375" href="https://academy.hsoub.com/uploads/monthly_2021_12/026_wordpress_file_block_sidebar_color.png.0e129e3bfe9d242a96d2eea683dfd337.png" rel=""><img alt="026_wordpress_file_block_sidebar_color.png" class="ipsImage ipsImage_thumbnailed" data-fileid="86375" data-unique="how3hdf00" src="https://academy.hsoub.com/uploads/monthly_2021_12/026_wordpress_file_block_sidebar_color.thumb.png.cbb1391ab5d0a99cba18a6143d3cfa4a.png" style="width: 800px; height: auto;"></a>
</p>

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

<h2>
	أفضل النصائح لاستخدام فعال لمكون الملف
</h2>

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

<p>
	توجد بضع أسئلة تكرر حول مكون الملف وهي:
</p>

<ul>
<li>
		<strong>ما هو الهدف من استخدام مكون الملف؟</strong> توفير زر تنزيل يستطيع الزوار من خلاله تنزيل ملف.
	</li>
	<li>
		<strong>ما هي فوائد استخدام مكون الملف؟</strong> يسمح لك بتوفير رابط وزر تستطيع تخصيصهما والتحكم بهما، حيث أن لصق رابط التنزيل سوف يحول الرابط إلى مكون مُضمّن الذي يُمكن أن يعرض معاينةً مختلفةً عما تريد.
	</li>
	<li>
		<strong>ما هي أنواع الملفات التي أستطيع استخدامها مع هذا المكون؟</strong> تستطيع استخدامه لأي نوع من الملفات التي تريد للمستخدم تنزيلها، مثل PDF والصوت ومقاطع الفيديو والصور والوثائق والإضافات والقوالب وغيرها.
	</li>
	<li>
		<strong>هل جميع أنواع الملفات مدعومة؟</strong> لا، حيث لا تستطيع رفع ملف zip أو امتدادات أخرى لا يدعمها ووردبريس.
	</li>
	<li>
		<strong>هل يُمكن تنزيل عدة ملفات منه؟</strong> لا، حيث يسمح كل مكون بالربط مع ملف واحد، وبالتالي يستطيع المستخدم تنزيل ملف واحد فقط.
	</li>
	<li>
		<strong>هل أستطيع تحديث ملف التنزيل؟</strong> نعم، اختر خيار الاستبدال لاختيار ملف جديد، وأعد تسمية الملف مثل الملف الأصلي.
	</li>
	<li>
		<strong>هل يُمكن تحويل مكون الملف إلى مكون آخر؟</strong> نعم، ويُمكن أيضًا تحويله إلى أعمدة أو مجموعة.
	</li>
</ul>
<h2>
	الخلاصة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/file-block" rel="external nofollow">How to Use the WordPress File Block</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%85%D9%87%D9%8A%D8%A3-%D9%85%D8%B3%D8%A8%D9%82%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r529/" rel="">كيفية استخدام مكون مهيأ مسبقا في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">كيفية استخدام مكون الفقرة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A7%D9%82%D8%AA%D8%A8%D8%A7%D8%B3-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r545/" rel="">كيفية استخدام مكون الاقتباس في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A3%D8%B1%D8%B4%D9%8A%D9%81%D8%A7%D8%AA-%D9%88%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r544/" rel="">كيفية استخدام مكون الأرشيفات ومكون البحث في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A3%D8%AD%D8%AF%D8%AB-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r548/" rel="">كيفية استخدام مكون أحدث المقالات في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">577</guid><pubDate>Tue, 21 Dec 2021 15:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x646;&#x634;&#x627;&#x621; &#x635;&#x641;&#x62D;&#x629; &#x631;&#x626;&#x64A;&#x633;&#x64A;&#x629; &#x62B;&#x627;&#x628;&#x62A;&#x629; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>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-%D8%B5%D9%81%D8%AD%D8%A9-%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-%D8%AB%D8%A7%D8%A8%D8%AA%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r560/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61a87fc6367d4_------.png.ef53c7ee0b3f8badfe59a5082bc0a078.png" /></p>

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

<p>
	ربما يبدو إنشاء أو إعادة إنشاء صفحة رئيسية مَهمةً تحتاج شخصًا خبيرًا <a href="https://academy.hsoub.com/design/graphic/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d8%ac%d8%b1%d8%a7%d9%81%d9%8a%d9%83%d9%8a-%d8%a7%d9%84%d8%ac%d8%b2%d8%a1-%d8%a7%d9%84%d8%a3%d9%88%d9%84-%d8%a7%d9%84%d8%b9%d9%86%d8%a7%d8%b5%d8%b1-r101/" rel="">بالتصميم</a>، لكن هذا غير صحيح، حيث تستطيع تنفيذ هذه المهمة وحدك، وهذه هي الغاية من هذا المقال.
</p>

<h2>
	ضبط صفحة ووردبريس الرئيسية بصفتها صفحة ثابتة
</h2>

<p>
	يعرض ووردبريس افتراضيًا في الصفحة الرئيسية آخر تدويناتك، ويعني هذا أن صفحتك الرئيسية متغيرة باستمرار طالما أنك تنشر مقالات جديدةً، إلا إن توقفت فترةً عن الكتابة، فعندها ستعرض نفس المحتوى، وليست هذه علامةً تدل على جودة الموقع والفريق القائم عليه، لذلك إن كان موقعك لا يمتلك مدونةً أو أن <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D9%82%D8%A7%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D9%88%D8%AA%D9%87%D9%8A%D8%A6%D8%AA%D9%87%D8%A7-%D9%84%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r173/" rel="">المدونة</a> ليست هدفه الرئيسي، فسوف تحتاج صفحةً رئيسيةً ثابتةً، وقد سُمّيت ثابتةً لأن مكوناتها ثابتة إلى حد ما، بينما صفحة المدونة صفحة مختلفة عن الرئيسية.
</p>

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

<ol>
<li>
		سجل دخول للموقع <a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D8%B4%D8%A6-%D8%B1%D8%AA%D8%A8%D8%A9-%D8%B9%D8%B6%D9%88-%D9%85%D9%8F%D8%AE%D8%B5%D9%8E%D9%91%D8%B5%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r104/" rel="">برتبة مدير</a> لتصل <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%88%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-wordpresscom-%D9%88wordpressorg-r462/" rel="">للوحة التحكم</a>.
	</li>
	<li>
		توجه إلى قسم صفحات، واضغط على تبويب أضف جديدًا.
	</li>
	<li>
		أعطِ اسمًا لصفحتك الرئيسية، ثم اضغط على نشر.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83935" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_new_page.png.24f9adf297bc9791f07f8bf5a7db896c.png" rel=""><img alt="001_wordpress_add_new_page.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83935" data-unique="49r60994f" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_add_new_page.png.24f9adf297bc9791f07f8bf5a7db896c.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83936" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_new_page_2.png.cba3492d114e9314dfade20c3b8c217a.png" rel=""><img alt="002_wordpress_add_new_page_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83936" data-unique="eafgu1vl9" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wordpress_add_new_page_2.thumb.png.fe3d207f32d8bbe6abc41534bae87951.png"></a>
</p>

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

<h3>
	تعيين الصفحة السابقة بصفتها صفحة رئيسية ثابتة لموقع ووردبريس
</h3>

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

<ol>
<li>
		توجه إلى قسم الإعدادات، واضغط على تبويب قراءة.
	</li>
	<li>
		يوجد خيار في أعلى الصفحة لاختيار ما تعرضه الصفحة الرئيسية. اختر صفحة ثابتة.
	</li>
	<li>
		أسفل خيار الصفحة الثابتة، توجد قائمة منسدلة لاختيار الصفحة الرئيسية. اضغط عليها، واختر اسم الصفحة التي أضفتها.
	</li>
	<li>
		إذا أنشأت في الخطوة السابقة صفحةً خاصةً بالمدونة، فاختر من القائمة المنسدلة صفحة المقالات اسم الصفحة التي أنشأتها.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83937" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_set_home_page.png.b8b495921acf372acdbf71a691f9692b.png" rel=""><img alt="003_wordpress_set_home_page.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83937" data-unique="nuh8mkxqx" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wordpress_set_home_page.png.b8b495921acf372acdbf71a691f9692b.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83938" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_set_home_page_2.png.411954fd040b6cd195c380d1593bd9a6.png" rel=""><img alt="004_wordpress_set_home_page_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83938" data-unique="xspyyokf8" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wordpress_set_home_page_2.thumb.png.1fb63852dfd19e33e739b43a61b30f96.png" style="width: 700px; height: auto;"></a>
</p>

<h2>
	3 طرق لتصميم الصفحة الرئيسية في ووردبريس
</h2>

<p>
	توجد بضعة طرق لإنشاء أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AD%D8%AF%D9%8A%D8%AB-%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%A3%D9%85%D8%A7%D9%86-r496/" rel="">تحديث صفحة ووردبريس</a>، وهنا تستطيع اختيار ما تريد منها.
</p>

<h3>
	مخصص القالب
</h3>

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

<h4>
	الوصول لمخصص القالب
</h4>

<p>
	عليك اتباع الخطوات التالية للوصول للمُخصص:
</p>

<ol>
<li>
		سجل الدخول ضمن الموقع بصفتك مدير الوصول للوحة التحكم.
	</li>
	<li>
		اضغط على تبويب تخصيص في قسم المظهر.
	</li>
	<li>
		سوف تفتح نافذة المُخصص الآن التابعة للقالب النشط.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83939" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_customize_home_page_1.png.1cc4eb0a769e1de41283f72ba899f0fe.png" rel=""><img alt="005_wordpress_customize_home_page_1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83939" data-unique="r4kq7hszy" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wordpress_customize_home_page_1.png.1cc4eb0a769e1de41283f72ba899f0fe.png"></a>
</p>

<h4>
	تصميم الصفحة الرئيسية باستخدام مخصص القالب
</h4>

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

<p>
	استخدم <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%86%D8%B8%D8%B1%D8%A9-%D8%AA%D9%81%D8%B5%D9%8A%D9%84%D9%8A%D8%A9-%D8%B9%D9%84%D9%89-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-dashboard-%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r402/" rel="">لوحة التحكم</a> على اليمين لتصل للأقسام المختلفة للمُخصص وتضبط إعداداتها، أو تستطيع الضغط على أيقونة القلم الأزرق ضمن منطقة ما من موقعك في نافذة المعاينة، وتطبيق التعديلات عليها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83940" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_customize_home_page_2.png.688895e5aafc13b8ec5f5b361c052469.png" rel=""><img alt="006_wordpress_customize_home_page_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83940" data-unique="a97v6vto1" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wordpress_customize_home_page_2.thumb.png.d5036fa7f7bcfd6f8b92e31e1c3ec968.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83941" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_customize_home_page_3.png.fd7f8a8da08b1626b3f2f7d22a86c48e.png" rel=""><img alt="007_wordpress_customize_home_page_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83941" data-unique="qyt53pzq5" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wordpress_customize_home_page_3.png.fd7f8a8da08b1626b3f2f7d22a86c48e.png"></a>
</p>

<h4>
	نشر أو حفظ التعديلات
</h4>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83942" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_customize_home_page_4.png.36b029bde6bd12f032acf55c1027ade9.png" rel=""><img alt="008_wordpress_customize_home_page_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83942" data-unique="dhunwy63i" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wordpress_customize_home_page_4.png.36b029bde6bd12f032acf55c1027ade9.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83943" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_customize_home_page_5.png.95815e664cda9e7c3dac6b56edae9794.png" rel=""><img alt="009_wordpress_customize_home_page_5.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83943" data-unique="0ef5nnbk1" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wordpress_customize_home_page_5.png.95815e664cda9e7c3dac6b56edae9794.png" style="width: 550px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83944" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_customize_home_page_6.png.56be193ca4c496dce86013ab9c464a9b.png" rel=""><img alt="010_wordpress_customize_home_page_6.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83944" data-unique="9bkcxhjra" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wordpress_customize_home_page_6.png.56be193ca4c496dce86013ab9c464a9b.png"></a>
</p>

<h4>
	ضبط الصفحة الرئيسية لصفحة ثابتة في ووردبريس من خلال مخصص القالب
</h4>

<p>
	إن لم تضبط الصفحة الرئيسية بصفتها صفحةً ثابتةً، فتستطيع تنفيذ ذلك من خلال المُخصص كذلك، وذلك من خلال الخطوات التالية:
</p>

<ol>
<li>
		اختر إعدادات الصفحة الرئيسية من القائمة اليُمنى للمُخصص.
	</li>
	<li>
		اختر من القائمة المنسدلة الصفحة التي تريدها أن تكون صفحةً رئيسيةً بعد الضغط على خيار صفحة ثابتة.
	</li>
	<li>
		اختر صفحة المدونة تحت خيار صفحة المقالات.
	</li>
	<li>
		إن كنت لا تملك بعد صفحةً رئيسيةً أو صفحة مدونة، فتستطيع إنشاء هذه الصفحات بالضغط على خيار إضافة صفحة جديدة تحت القائمة المنسدلة. يجب عليك إعطاء اسم للصفحة الفارغة، ثم تستطيع التوجه لها لاحقًا لتخصيصها.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83945" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_customize_home_page_7.png.2e96d9ee045e246eaeea5c0fd20f6467.png" rel=""><img alt="011_wordpress_customize_home_page_7.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83945" data-unique="3w49aau94" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_customize_home_page_7.thumb.png.9b73b48cbffdaa78bff79ac98cd9b948.png"></a>
</p>

<h4>
	الخروج من مخصص القالب
</h4>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83946" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_customize_home_page_8.png.8af4f06392606050e189bd9c31a67fe2.png" rel=""><img alt="012_wordpress_customize_home_page_8.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83946" data-unique="o5g838ron" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_customize_home_page_8.png.8af4f06392606050e189bd9c31a67fe2.png"></a>
</p>

<h3>
	محرر مكونات ووردبريس
</h3>

<p>
	ربما ترغب باستخدام محرر ووردبريس فقط لتخصيص صفحتك الرئيسية، أو ربما تريد استخدامه بعد الانتهاء من خيارات التخصيص التي يوفرها المُخصص لتحسين تصميمها. يمتلك مُحرر <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1-%D8%AD%D8%AC%D9%85-%D9%85%D9%83%D9%88%D9%86-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r523/" rel="">المكونات</a> خيارات أوسع لتخصيص تصميم الصفحة الرئيسية. ولاستخدامه، عليك التوجه للوحة تحكم ووردبريس، ثم الضغط على صفحات، ثم تحديد الصفحة الرئيسية والضغط على خيار تحرير.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83947" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_customize_home_page_9.png.8c35a0a64e18549c85584d862f47cb5e.png" rel=""><img alt="013_wordpress_customize_home_page_9.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83947" data-unique="reiwirryz" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_customize_home_page_9.png.8c35a0a64e18549c85584d862f47cb5e.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83948" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_customize_home_page_10.png.10e02fcd91192492eb6ec09f43014238.png" rel=""><img alt="014_wordpress_customize_home_page_10.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83948" data-unique="m4gm78v12" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_customize_home_page_10.png.10e02fcd91192492eb6ec09f43014238.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83949" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_customize_home_page_11.png.5ad8fe1c130e8d2f74b2b78cf2ab392b.png" rel=""><img alt="015_wordpress_customize_home_page_11.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83949" data-unique="dioo922an" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_customize_home_page_11.png.5ad8fe1c130e8d2f74b2b78cf2ab392b.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83950" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_customize_home_page_12.png.b31f93ff9b0038eb2eed583720d07d6d.png" rel=""><img alt="016_wordpress_customize_home_page_12.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83950" data-unique="doc1s50nl" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_customize_home_page_12.png.b31f93ff9b0038eb2eed583720d07d6d.png" style="width: 600px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83951" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_customize_home_page_13.png.7ad731b8bfdaaf949fe450dd8d07d10e.png" rel=""><img alt="017_wordpress_customize_home_page_13.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83951" data-unique="5vww6x0t7" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_customize_home_page_13.png.7ad731b8bfdaaf949fe450dd8d07d10e.png"></a>
</p>

<p>
	يمتلك كل مكون إعدادات خاصةً به يُمكنك استخدامها لتخصيصه، فمثلًا تستطيع تغيير تصميم النص في <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r509/" rel="">مكون الفقرة</a> من حيث الحجم واللون.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83952" href="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_customize_home_page_14.png.9e5a4cedf6b9a70c38fc6d0be8744e5f.png" rel=""><img alt="018_wordpress_customize_home_page_14.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83952" data-unique="5w3qpq0do" src="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_customize_home_page_14.png.9e5a4cedf6b9a70c38fc6d0be8744e5f.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83953" href="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_customize_home_page_15.png.25d3ed43277846b2f0f757eb4bd3b850.png" rel=""><img alt="019_wordpress_customize_home_page_15.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83953" data-unique="mwtg6qkmr" src="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_customize_home_page_15.png.25d3ed43277846b2f0f757eb4bd3b850.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83954" href="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_customize_home_page_16.png.099665fdf6a35263bd6499d1f5719b17.png" rel=""><img alt="020_wordpress_customize_home_page_16.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83954" data-unique="wx4z0xkg3" src="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_customize_home_page_16.png.099665fdf6a35263bd6499d1f5719b17.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83955" href="https://academy.hsoub.com/uploads/monthly_2021_12/021_wordpress_customize_home_page_17.png.c2e2cb736a0717c336c540861dcab04b.png" rel=""><img alt="021_wordpress_customize_home_page_17.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83955" data-unique="z6cgldknh" src="https://academy.hsoub.com/uploads/monthly_2021_12/021_wordpress_customize_home_page_17.thumb.png.d9d900c283f9f9854dea5e95a02ac170.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83956" href="https://academy.hsoub.com/uploads/monthly_2021_12/022_wordpress_customize_home_page_18.png.f9f66c5b5619ea79c118a3f1bd0c163e.png" rel=""><img alt="022_wordpress_customize_home_page_18.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83956" data-unique="h3zaa0hlv" src="https://academy.hsoub.com/uploads/monthly_2021_12/022_wordpress_customize_home_page_18.thumb.png.af4aa51e778a163972ec38e31dd846f1.png" style="width: 600px; height: auto;"></a>
</p>

<h3>
	محرر ووردبريس التقليدي
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83957" href="https://academy.hsoub.com/uploads/monthly_2021_12/023_wordpress_customize_home_page_19.png.0148d76ea6eb58ade6b585b90995653b.png" rel=""><img alt="023_wordpress_customize_home_page_19.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83957" data-unique="xuqejpaag" src="https://academy.hsoub.com/uploads/monthly_2021_12/023_wordpress_customize_home_page_19.png.0148d76ea6eb58ade6b585b90995653b.png" style="width: 600px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83958" href="https://academy.hsoub.com/uploads/monthly_2021_12/024_wordpress_customize_home_page_20.png.ecdb6b74aa753e1b0cf456dfbbc34e87.png" rel=""><img alt="024_wordpress_customize_home_page_20.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83958" data-unique="mqiw3c60x" src="https://academy.hsoub.com/uploads/monthly_2021_12/024_wordpress_customize_home_page_20.png.ecdb6b74aa753e1b0cf456dfbbc34e87.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83959" href="https://academy.hsoub.com/uploads/monthly_2021_12/025_wordpress_customize_home_page_21.png.89d7396c92318a6d42551566ed434888.png" rel=""><img alt="025_wordpress_customize_home_page_21.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83959" data-unique="vwni5q9p0" src="https://academy.hsoub.com/uploads/monthly_2021_12/025_wordpress_customize_home_page_21.png.89d7396c92318a6d42551566ed434888.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تستطيع إضافة ملفات وسائط للصفحة الرئيسية باستخدام المُحرر التقليدي، فلإضافة صورة مثلًا، اضغط على إضافة صورة التي سوف تحولك <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%85%D9%83%D8%AA%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%88%D8%A3%D9%82%D8%B3%D8%A7%D9%85%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%B9%D8%B1%D8%B6-%D8%A7%D9%84%D9%88%D8%B3%D8%A7%D8%A6%D8%B7-%D9%81%D9%8A-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r420/" rel="">لمكتبة الوسائط</a>، حيث تستطيع اختيار أو رفع صورة لاستخدامها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83960" href="https://academy.hsoub.com/uploads/monthly_2021_12/026_wordpress_customize_home_page_22.png.09ed06f66f8db0bbe59a73e0d284687d.png" rel=""><img alt="026_wordpress_customize_home_page_22.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83960" data-unique="sbh4i5uxh" src="https://academy.hsoub.com/uploads/monthly_2021_12/026_wordpress_customize_home_page_22.png.09ed06f66f8db0bbe59a73e0d284687d.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83961" href="https://academy.hsoub.com/uploads/monthly_2021_12/027_wordpress_customize_home_page_23.png.b63c7f1dda1c919409f7e1a9e6c622d6.png" rel=""><img alt="027_wordpress_customize_home_page_23.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83961" data-unique="0sh1gfe21" src="https://academy.hsoub.com/uploads/monthly_2021_12/027_wordpress_customize_home_page_23.png.b63c7f1dda1c919409f7e1a9e6c622d6.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83962" href="https://academy.hsoub.com/uploads/monthly_2021_12/028_wordpress_customize_home_page_24.png.4fb64177ae5d348eb3327edae672d4ce.png" rel=""><img alt="028_wordpress_customize_home_page_24.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83962" data-unique="tln4pc2he" src="https://academy.hsoub.com/uploads/monthly_2021_12/028_wordpress_customize_home_page_24.png.4fb64177ae5d348eb3327edae672d4ce.png"></a>
</p>

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

<p>
	تتضح فكرة موقعك للزوار عندما يكون تصميم صفحتك الرئيسية جيدًا وجذابًا، ولا يهم إن كنت تُدير مدونةً شخصيةً أم <a href="https://academy.hsoub.com/questions/18207-%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-%D8%B9%D8%A8%D8%B1-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA/#comment-53485" rel="">متجرًا إلكترونيًا</a>، فالصفحة الرئيسية هي المسؤولة عن الانطباع الأول في ذهن الزائر.
</p>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-create-a-static-homepage-on-a-wordpress-website" rel="external nofollow">How to Create a Static Homepage on a WordPress Website</a> لصاحبه Lindsay Pietroluongo.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A8%D8%B4%D8%A7%D8%B4%D8%A9-%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r465/" rel="">التعرف على لوحة التحكم بشاشة الصفحات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%d9%83%d9%8a%d9%81-%d8%aa%d9%86%d8%b4%d8%a6-%d8%b5%d9%81%d8%ad%d8%a7%d8%aa-%d9%84%d8%a5%d8%b6%d8%a7%d9%81%d8%aa%d9%83-%d9%81%d9%8a-%d9%84%d9%88%d8%ad%d8%a9-%d8%aa%d8%ad%d9%83%d9%85-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-r136/" rel="">كيف تنشئ صفحات لإضافتك في لوحة تحكم ووردبريس</a>
	</li>
	<li>
		<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%88%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r461/" rel="">كيفية إنشاء وإدارة صفحات ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">560</guid><pubDate>Sat, 04 Dec 2021 07:42:53 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x62E;&#x637;&#x623; &#x641;&#x64A; &#x625;&#x646;&#x634;&#x627;&#x621; &#x627;&#x62A;&#x635;&#x627;&#x644; &#x628;&#x642;&#x627;&#x639;&#x62F;&#x629; &#x627;&#x644;&#x628;&#x64A;&#x627;&#x646;&#x627;&#x62A; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%AE%D8%B7%D8%A3-%D9%81%D9%8A-%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A8%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r559/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61a87987eecf0_---------.png.c2bb91032bbc9d3ed82a447860a82b6c.png" /></p>

<p>
	لا بد أنك في مرة من المرات توجهت لموقعك، وأثناء تحميله ظهرت لك نافذة فارغة تتضمن رسالة <a href="https://academy.hsoub.com/devops/linux/%D9%83%D9%8A%D9%81-%D8%AA%D8%AD%D9%84%D9%91-%D9%85%D8%B4%D9%83%D9%84%D8%A9-%D8%AE%D8%B7%D8%A3-%D9%81%D9%8A-%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A8%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r348/" rel="">"خطأ في إنشاء اتصال بقاعدة البيانات"</a> بدلًا من ظهور تصميم الموقع، وهذا أمر مزعج جدًا، بالأخص إن كنت تعرض الموقع أمام أصدقائك أو شُركاء العمل. يظهر هذا الخطأ عندما لا يتمكن ووردبريس من الاتصال بقاعدة البيانات، وهناك عدة عوامل يُمكن أن تُسبب هذا الخطأ سوف تكون محور هذا المقال، إضافةً إلى طرق إصلاحه.
</p>

<h2>
	ما هي قاعدة بيانات ووردبريس
</h2>

<p>
	<a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A5%D9%86%D8%B4%D8%A7%D8%A1-%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1360/" rel="">قاعدة البيانات</a> هي عبارة عن جدول يحفظ المحتوى مثل منشوراتك وصفحات والودجات والألوان والعناوين وغيرها، حيث يُمكن الوصول لهذه البيانات وتنظيمها واستعادتها من قِبل ووردبريس لعرضها لزوار الموقع.
</p>

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

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

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

<p>
	يُمكن أن تتسبب العديد من الأمور في ظهور هذا الخطأ، لكن أكثرها تكرارًا ما يلي:
</p>

<ul>
<li>
		معلومات خاطئة ضمن إعدادات ووردبريس.
	</li>
	<li>
		قاعدة بيانات تالفة.
	</li>
	<li>
		عدم استجابة خادم قاعدة البيانات.
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%A3%D9%88-%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%A7%D9%84%D9%81%D8%A9-%D8%A3%D9%88-%D8%A7%D9%84%D9%85%D9%81%D9%82%D9%88%D8%AF%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r240/" rel="">ملفات ووردبريس تالفة</a>.
	</li>
	<li>
		عدد زيارات ضخم للموقع.
	</li>
</ul>
<p>
	سوف نشرح خطوات تتبع سبب ظهور هذا الخطأ وكيفية إصلاحه، لذلك عندما تصل لسبب المشكلة لديك، فلا داعي لإكمال باقي الخطوات.
</p>

<h2>
	تحقق من معلومات قاعدة البيانات
</h2>

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

<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>
	تُخزن المعلومات السابقة في ملف <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D9%85%D9%84%D9%81-wp-configphp-%D9%84%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1252/" rel="">wp-config.php</a>، وفي حال وجود خطأ في أي منها، فلن يتمكن ووردبريس من إنشاء اتصال وسوف يظهر لك الخطأ.
</p>

<h3>
	تحقق من ملف wp-config.php
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83914" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_Check_the_wp-config_File.png.37d9ce276e3616af246cc62ba2c4ed95.png" rel=""><img alt="001_Check_the_wp-config_File.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83914" data-unique="7meu64rq2" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_Check_the_wp-config_File.thumb.png.9599cda4c9ebd029cfbf0af5e046d95c.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83915" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_Check_the_wp-config_File_2.png.e58b9a20b69b7a6816cdb34d57be1e63.png" rel=""><img alt="002_Check_the_wp-config_File_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83915" data-unique="gjh66h9w8" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_Check_the_wp-config_File_2.thumb.png.955c250d427692cf3a72f76e0bdff551.png"></a>
</p>

<p>
	سوف تظهر ملفاتك مختلفةً عن الملفات التي بالصورة، ذلك لأن الملفات التي بالصورة خاصة بموقع رئيسي يتضمن العديد من المواقع الفرعية التجريبية، ويتضمن <a href="https://academy.hsoub.com/questions/17079-%D9%83%D9%8A%D9%81-%D8%A3%D8%B3%D8%AA%D8%B7%D8%B9-%D8%B9%D9%85%D9%84-%D9%85%D8%AC%D9%84%D8%AF-public_html-%D8%AF%D8%A7%D8%AE%D9%84-%D9%85%D8%AC%D9%84%D8%AF-public_html-%D8%A8%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D9%84%D9%85%D8%B4%D8%B1%D9%88%D8%B9-laravel/#comment-49818" rel="">مجلد public_html</a> ملفات الموقع الرئيسي، وضمنه مجلدات للمواقع الفرعية. ادخل لمجلد الموقع الذي تريد فحصه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83916" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_Check_the_wp-config_File_3.png.b5220da2bf79aff59e5982a89d041443.png" rel=""><img alt="003_Check_the_wp-config_File_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83916" data-unique="md0thw1b8" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_Check_the_wp-config_File_3.thumb.png.d1f32fadd0e0bd367e9f8baa76b65ce4.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	ابحث عن ملف يُدعى wp-config.php، ثم اضغط عليه بزر الفأرة الأيمن لتظهر قائمة بالخيارات المُمكنة. يجب عليك تنزيل الملف لأخذ نسخة احتياطية عنه قبل عمل أي تعديل، ثم اختر Edit.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83917" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_Check_the_wp-config_File_4.png.59cb050901601672bccb7cc06a84ce62.png" rel=""><img alt="004_Check_the_wp-config_File_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83917" data-unique="fmmuq1soo" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_Check_the_wp-config_File_4.thumb.png.635c3d272a45608ff78f3045f7c9bf7f.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	التحقق من صحة معلومات قاعدة البيانات
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83918" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_Check_Your_Database_Credentials.png.12e68561481fc78b4fb2f71fc8a821fd.png" rel=""><img alt="005_Check_Your_Database_Credentials.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83918" data-unique="a22uszekp" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_Check_Your_Database_Credentials.thumb.png.73c3f66149abcf6013c0198be3a9bbed.png"></a>
</p>

<p>
	اضغط على خيار MySQL Databases ضمن لوحة تحكم الاستضافة cPanel.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83919" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_Confirming_the_Database_Credentials_2.png.3708520e9e168389c9d2b2094fb6b8cd.png" rel=""><img alt="006_Confirming_the_Database_Credentials_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83919" data-unique="cgm88sz3r" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_Confirming_the_Database_Credentials_2.thumb.png.ce35f2496a3b9360cdbf1764fbb02fdf.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	ألق نظرةً الآن على قاعدة البيانات الحالية للتأكد من اسم قاعدة البيانات واسم المستخدم.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83920" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_Confirming_the_Database_Credentials_3.png.e1561f2029ee89d7f49560e9e2b4e09f.png" rel=""><img alt="007_Confirming_the_Database_Credentials_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83920" data-unique="g6aimy4ql" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_Confirming_the_Database_Credentials_3.thumb.png.e0d9154a93aaf395a8528f03ece4c699.png" style="width: 600px; height: auto;"></a>
</p>

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

<h3>
	تأكد بدقة أن المعلومات السابقة متطابقة
</h3>

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

<h2>
	تحقق من لوحة تحكم ووردبريس
</h2>

<p>
	حاول الوصول للوحة تحكم ووردبريس بإضافة wp-admin/ لنهاية رابط موقعك كالمثال التالي.
</p>

<pre class="ipsCode">
https://examplewebsite.com/wp-admin
</pre>

<p>
	إن ظهرت الرسالة "خطأ في إنشاء اتصال بقاعدة البيانات"، فعليك التوجه للخطوة الموالية؛ أما إن ظهرت رسالة مُختلفة، فعليك اتباع المعلومات التي تتضمنها رسالة الخطأ، وإن كنت قادرًا على الوصول <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D9%84%D9%88%D8%AD%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%83%D9%85-%D8%A8%D8%B4%D8%A7%D8%B4%D8%A9-%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r465/" rel="">للوحة التحكم</a>، فعليك تجريب <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B7%D8%B1%D9%82-%D8%AA%D8%B9%D8%B7%D9%8A%D9%84-%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r500/" rel="">تعطيل الإضافات</a> أو القوالب أو أي شيفرة أضفتها حتى يتوقف هذا الخطأ عن الظهور.
</p>

<h2>
	إصلاح قاعدة البيانات
</h2>

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

<p>
	تستطيع إصلاح قاعدة البيانات في هذه الحالة من خلال إضافة سطر برمجي <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D9%85%D9%84%D9%81-wp-configphp-%D9%84%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1252/" rel="">لملف wp-config.php</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83921" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_Repair_Your_Database.png.469fa08fb7e247f01209f8b8cba962a4.png" rel=""><img alt="008_Repair_Your_Database.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83921" data-unique="ev5g3ig2h" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_Repair_Your_Database.thumb.png.46e87190e960ecde96b2fda4612c5279.png"></a>
</p>

<p>
	افتح ملف wp-config.php، وتوجه للقسم الذي يقول That's all, stop editing، وأضف السطر فوق السطر السابق.
</p>

<pre class="ipsCode">
define('WP_ALLOW_REPAIR', true);
</pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83922" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_Repair_Your_Database_2.png.6b23b52d0570f61e202a6235426e819a.png" rel=""><img alt="009_Repair_Your_Database_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83922" data-unique="6oadvmk31" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_Repair_Your_Database_2.thumb.png.48d31d6ff99c13f065e1fa6c64b3ea65.png"></a>
</p>

<p>
	توجه الآن لصفحة الإصلاح ضمن موقعك من خلال الرابط التالي: <a href="https://examplewebsite.com/wp-admin/maint/repair.php" ipsnoembed="false" rel="external nofollow">https://examplewebsite.com/wp-admin/maint/repair.php</a>
</p>

<p>
	لديك الآن خياران:
</p>

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

<h2>
	تحقق إذا كان الخادم خارج الخدمة
</h2>

<p>
	لا نتوقع أن يتوقف الخادم عن العمل، لكن الوصول لنسبة تشغيل 100% أمر صعب جدًا، كما أن احتمال توقف الخادم أكبر في حال كنت تستخدم خادمًا وحيدًا، ولست ضمن سحابة تسمح للموقع بالاعتماد على خادم آخر عند توقف أحد الخوادم.
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83923" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_Check_if_Your_Server_is_Down.png.0abc77fde18cc5c3dbef38b5e4733a36.png" rel=""><img alt="010_Check_if_Your_Server_is_Down.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83923" data-unique="2xf3rbiry" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_Check_if_Your_Server_is_Down.thumb.png.baf2b21bba0f3af552fad1e502f18aa2.png"></a>
</p>

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

<h2>
	إعادة تشغيل الخادم
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83924" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_Reboot_Your_Server.png.4eeed628e204ef0d21a33d39638bd1ed.png" rel=""><img alt="011_Reboot_Your_Server.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83924" data-unique="0xj2gj0jl" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_Reboot_Your_Server.thumb.png.4aaf014b3fdeeb7dfd633a8e0b9a9222.png"></a>
</p>

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

<h2>
	تحديث ووردبريس أو إزالة الإضافات والقوالب التالفة
</h2>

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

<p>
	تستطيع إزالة الملفات التالفة بالاتصال بالخادم من خلال FTP أو مدير الملفات في الاستضافة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83925" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png.2e64a20c76bb5b6ba2cab9d6b88c3b09.png" rel=""><img alt="012_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83925" data-unique="ijxv27wat" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.thumb.png.eef8f6897bdaa8c60dd15bfbb5ecfcf0.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83926" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png.abb8ff850977886046ab15c488327700.png" rel=""><img alt="013_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83926" data-unique="soocycmmk" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.thumb.png.110e44985b3cb92e6d8434a7d319e81a.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83927" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png.a129c325af4065aa7d93a9f9505eda1e.png" rel=""><img alt="014_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83927" data-unique="pqtnkasui" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.thumb.png.b767075231ee27357741a5966e4f64f8.png"></a>
</p>

<p>
	ابحث عن مُجلد يُدعى wp-content، ثم اضغط عليه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83928" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png.d1c08ded319aa871d30118c970a02ebf.png" rel=""><img alt="015_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83928" data-unique="5r2xd1hs9" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.thumb.png.86353b223942b2213725d6a7358c044b.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83929" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png.8b56df2b22ab4cc4df9a193d621dcb32.png" rel=""><img alt="016_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83929" data-unique="bamfqgj9e" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_Update_WordPress_or_Remove_Corrupted_Plugins_and_Themes.thumb.png.1e86b6887734b6d04827da830fdf540a.png"></a>
</p>

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

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

<h2>
	تحديث رابط الموقع
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83930" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_Update_Your_Site_URL.png.5a377d1cee59739cb7a6b2c32c82679f.png" rel=""><img alt="017_Update_Your_Site_URL.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83930" data-unique="yy5j6g5eq" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_Update_Your_Site_URL.thumb.png.5a8cb5ea403e3f65861458c0c1155e73.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83931" href="https://academy.hsoub.com/uploads/monthly_2021_12/018_Update_Your_Site_URL.png.a6684f5319a2d27aa67a8cf9dd0b2c91.png" rel=""><img alt="018_Update_Your_Site_URL.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83931" data-unique="3u28ckv3f" src="https://academy.hsoub.com/uploads/monthly_2021_12/018_Update_Your_Site_URL.thumb.png.a5598c34c90599a3fc6f48b58954462b.png"></a>
</p>

<p>
	افتح المحرر لتنفيذ <a href="https://academy.hsoub.com/programming/sql/%D9%86%D8%B8%D8%B1%D8%A9-%D8%B3%D8%B1%D9%8A%D8%B9%D8%A9-%D8%B9%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B9%D9%84%D8%A7%D9%85%D8%A7%D8%AA-%D8%A7%D9%84%D9%87%D9%8A%D9%83%D9%84%D9%8A%D8%A9-sql-r1368/" rel="">استعلام SQL</a> على قاعدة البيانات، وبعد أن تختار قاعدة البيانات من القائمة عليك الضغط على SQL، وبعدها إضافة سطر استعلام SQL التالي مع رابط موقعك.
</p>

<pre class="ipsCode">
UPDATE wp_options SET option_value='examplesite.com' WHERE option_name='siteurl'
</pre>

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

<h2>
	استبدال ملفات نواة ووردبريس التالفة
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83932" href="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_website.png.afc47c0daef2aaa7c923d348043cd43f.png" rel=""><img alt="019_wordpress_website.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83932" data-unique="ti6k26yjd" src="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_website.thumb.png.a88f958130272fac52e588b7a569176c.png"></a>
</p>

<p>
	إذا كانت ملفات نواة ووردبريس تالفةً، فعليك تحميل نسخة جديدة من <a href="https://ar.wordpress.org/download/" rel="external nofollow">ووردبريس</a>، وفك ضغطها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83933" href="https://academy.hsoub.com/uploads/monthly_2021_12/020_Replace_Corrupt_WordPress_Files.png.12ec2dc0aab1f145b784d8a7a880cb66.png" rel=""><img alt="020_Replace_Corrupt_WordPress_Files.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83933" data-unique="9h1o83jtr" src="https://academy.hsoub.com/uploads/monthly_2021_12/020_Replace_Corrupt_WordPress_Files.thumb.png.a1ca0eab498e3633c8d57703aa712cf2.png"></a>
</p>

<p>
	احذف مجلد wp-content وملف wp-config-sample.php.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83934" href="https://academy.hsoub.com/uploads/monthly_2021_12/021_Replace_Corrupt_WordPress_Files.png.18a1ec5629b2d81b7a3c87254f53f880.png" rel=""><img alt="021_Replace_Corrupt_WordPress_Files.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83934" data-unique="uxeijtbjj" src="https://academy.hsoub.com/uploads/monthly_2021_12/021_Replace_Corrupt_WordPress_Files.thumb.png.a32b9ae6516a72be31dfe952abba28d8.png"></a>
</p>

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

<h2>
	تواصل مع فريق دعم الاستضافة
</h2>

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

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/fix-error-establishing-a-database-connection-in-wordpress" rel="external nofollow">How To Fix “Error Establishing A Database Connection” in WordPress</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-%D9%87%D9%84-%D8%A3%D9%86%D8%AA-%D9%85%D8%AA%D8%A3%D9%83%D8%AF-%D9%85%D9%86-%D8%B1%D8%BA%D8%A8%D8%AA%D9%83-%D8%A8%D9%81%D8%B9%D9%84-%D9%87%D8%B0%D8%A7%D8%9F-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r558/" rel="">كيفية إصلاح الخطأ (هل أنت متأكد من رغبتك بفعل هذا؟) في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-mixed-content-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r557/" rel="">كيفية إصلاح الخطأ Mixed Content في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-405-method-not-allowed-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r556/" rel="">كيفية إصلاح الخطأ 405 Method Not Allowed في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D8%B4%D8%A3-%D8%B5%D9%81%D8%AD%D8%A9-%D8%AE%D8%B7%D8%A3-404-%D9%85%D8%AE%D8%B5%D8%B5%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r626/" rel="">كيف تنشأ صفحة خطأ 404 مخصصة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%83%D8%AA%D8%B4%D8%A7%D9%81-%D9%88%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%B4%D8%A7%D8%B4%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D8%AA-%D8%A7%D9%84%D8%A8%D9%8A%D8%B6%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r135/" rel="">اكتشاف وإصلاح أخطاء شاشة الموت البيضاء في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">559</guid><pubDate>Thu, 02 Dec 2021 08:10:09 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x627;&#x644;&#x62E;&#x637;&#x623; 502 Bad Gateway &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-502-bad-gateway-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r565/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61ab15b195ccb_---502-Bad-Gateway--.png.d1e95c7f76261b18f7ba5e5a76653be6.png" /></p>
<p>
	تُعَد محاولة إصلاح مشكلة في موقعك لا تعرف سببها من أكثر الأمور إرهاقًا لأي مالك موقع، حيث تحتمل بعض المشاكل والأخطاء مثل 502 Bad Gateway الكثير من الأسباب، ويعني هذا أن عليك تجريب العديد من الحلول قبل أن تصل للحل الصحيح. سوف نشرح في هذا المقال كيفية حل هذه المشكلة الصعبة.
</p>

<h2>
	ما هو الخطأ 502 Bad Gateway ولماذا يظهر
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="84293" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_bad_gateway_example.png.3dd2d2051eb62c658bf60e82aa999b32.png" rel=""><img alt="001_bad_gateway_example.png" class="ipsImage ipsImage_thumbnailed" data-fileid="84293" data-unique="14zhcvsle" style="width: 600px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_bad_gateway_example.png.3dd2d2051eb62c658bf60e82aa999b32.png"></a>
</p>

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

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

<p>
	توجد عدة أسباب مُحتملة لهذا الخطأ بالتحديد، حيث يظهر نتيجةً لما يلي:
</p>

<ul>
	<li>
		أخطاء في <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>.
	</li>
	<li>
		انتهاء زمن الاتصال بالخادم، أو أن الخادم غير متوفر حاليًا، أو أنه لا يعمل على النحو المطلوب.
	</li>
	<li>
		معالجة الخادم للعديد من الطلبات بالحد الأعظمي بسبب هجوم <a href="https://academy.hsoub.com/devops/security/%D9%83%D9%8A%D9%81-%D9%86%D8%AE%D9%81%D9%81-%D9%85%D9%86-%D9%87%D8%AC%D9%85%D8%A7%D8%AA-ddos-%D8%B6%D8%AF-%D9%85%D9%88%D9%82%D8%B9%D9%86%D8%A7-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-cloudflare-r136/" rel="">DDoS</a>، أو ربما تلقيه عددًا أكبر من الزيارات المتوقعة في وقت الذروة.
	</li>
	<li>
		مشكلة في الخادم الوكيل العكسي.
	</li>
	<li>
		خطأ في <a href="https://academy.hsoub.com/programming/php/%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D9%81%D9%91%D8%B0-%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-php-%D9%81%D9%8A-%D8%A7%D9%84%D8%AE%D9%84%D9%81%D9%8A%D8%A9%D8%9F-r568/" rel="">شيفرة PHP</a> ضمن إحدى الإضافات أو القوالب المُستخدمة في الموقع.
	</li>
</ul>

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

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

<h2>
	كيفية إصلاح الخطأ 502 Bad Gateway
</h2>

<p>
	يوجد اختبار بسيط وسريع عليك تجريبه قبل البدء بعملية البحث عن المشكلة لإصلاح العطل، حيث يُحدد هذا الاختبار ما إذا كان الخادم يستجيب كما يجب أم لا. تستطيع تنفيذ <a href="https://support.cloudflare.com/hc/en-us/articles/200169336-How-do-I-run-a-traceroute-" rel="external nofollow">Traceroute</a> لترى إن كان يُمكن الوصول لخادمك أم لا، فإذا كان ذلك ممكنًا، فيعني هذا أن المشكلة من طرفك؛ أما إن كان غير ممكن، فيعني هذا أن المشكلة من طرف الاستضافة، وعندئذٍ عليك الاتصال بفريق الدعم الخاص بها.
</p>

<p>
	يجب عليك كذلك إعادة تشغيل جهاز التوجيه في منزلك والتحقق من إعدادات <a href="https://www.wikihow.com/Check-DNS-Settings" rel="external nofollow">Domain Name System - DNS</a>، فقد تُصلح هذه الخطوات المشكلة، ومن السهل تنفيذها وحدك، وإذا وجدت أن أيًا من الحلين لا ينفع، فتستطيع تجريب إحدى الطرق التالية لإصلاح الخطأ 502.
</p>

<h3>
	حذف ملفات التخزين المؤقت للمتصفح
</h3>

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

<p>
	يُمكن أن تُحل هذه المشكلة بتحميل الموقع عدة مرات، أو إجبار المتصفح على التخلص من النسخة القديمة للموقع بالضغط على Shift + CTRL + R في نظام ويندوز، أو Shift + CMD + R ضمن نظام ماك Mac.
</p>

<p>
	إن لم تنجح المحاولة السابقة، فعليك حذف ملفات التخزين المؤقت للمتصفح يدويًا. يستطيع مستخدمو جوجل كروم التوجه إلى الإعدادات ثم <a href="https://academy.hsoub.com/files/20-%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%A3%D9%85%D8%A7%D9%86-%D8%A7%D9%84%D8%B1%D9%82%D9%85%D9%8A/" rel="">الخصوصية والأمان</a>، والضغط بعدها على محو بيانات التصفح.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="84294" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_chrome_deleting_browser_cache.png.a731a7d937f3a00aa40cf7b5f23ffb6e.png" rel=""><img alt="002_chrome_deleting_browser_cache.png" class="ipsImage ipsImage_thumbnailed" data-fileid="84294" data-unique="qsx29g37l" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_chrome_deleting_browser_cache.thumb.png.468d63776e485d6e7b486dc3a1d8b97f.png"></a>
</p>

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

<h3>
	عطل شبكة إيصال المحتوى CDN مؤقتا
</h3>

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

<p>
	تستطيع التحقق بسهولة مما إذا كانت <a href="https://academy.hsoub.com/apps/web/wordpress/%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%B4%D8%A8%D9%83%D8%A7%D8%AA-%D8%AA%D9%88%D8%B2%D9%8A%D8%B9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cdn-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r299/" rel="">CDN</a> هي سبب المشكلة أم لا، فكل ما عليك فعله هو تعطيل الخدمة مؤقتًا، ثم اختبار الموقع إن عاد للعمل، وتعتمد عملية تعطيل CDN على الخدمة التي تستخدمها، ولكنها عادةً ما تكون عمليةً بسيطةً للغاية، فمثلًا يستطيع مستخدمو <a href="https://www.cloudflare.com/" rel="external nofollow">Cloudflare</a> التوجه إلى تبويب Overview في لوحة التحكم والضغط على Pause ضمن قسم Pause Website.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="84295" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_pause_cdn.png.08fdfe63a13afb98ff6da4a9c21448cc.png" rel=""><img alt="003_pause_cdn.png" class="ipsImage ipsImage_thumbnailed" data-fileid="84295" data-unique="54fehxp2g" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_pause_cdn.thumb.png.1ba435837c562063179008461de33864.png"></a>
</p>

<p>
	الآن عندما تحاول دخول الموقع، سوف تصل الإجابة على طلب متصفحك مُباشرةً من الخادم الأساسي دون مرور الطلب عبر أي خادم وسيط، فإذا اختفى الخطأ 502، فيعني هذا أن سبب المشكلة كان <a href="https://academy.hsoub.com/apps/web/wordpress/%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%B4%D8%A8%D9%83%D8%A7%D8%AA-%D8%AA%D9%88%D8%B2%D9%8A%D8%B9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cdn-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r299/" rel="">شبكة CDN</a>، وقد تحتاج في أغلب الأحيان انتظار بضع ساعات قبل تفعيل الخدمة من جديد، وتأكد أن الخطأ لم يظهر مرةً أخرى بعد إعادة تفعيل الخدمة.
</p>

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

<h3>
	تحقق من إضافات وقوالب ووردبريس
</h3>

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

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

<p>
	طبعًا لا تستطيع حاليًا الوصول للوحة تحكم ووردبريس، لذلك عليك تعطيل الإضافات يدويًا باستخدام برنامج FTP Client مثل <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-filezilla-%D9%88-phpmyadmin-%D9%84%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D9%88%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%85%D9%88%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r367/" rel="">FileZilla</a>، كما تستطيع تعطيل الإضافات جميعًا بتغيير اسم المجلد الذي يتضمنها plugins؛ أما لتعطيل كل إضافة على حدة، فعليك تغيير اسم كل مجلد إضافة مثلًا، بإضافة كلمة .disabled قبل اسم الإضافة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="84296" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_plugins_directory.png.eca55ea5f77fadc59fd5773c3a4c29fc.png" rel=""><img alt="004_plugins_directory.png" class="ipsImage ipsImage_thumbnailed" data-fileid="84296" data-unique="lzvg3xj55" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_plugins_directory.thumb.png.3a0e752b6c5b6074c718b5ea040ca93c.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="84297" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_disabled_plugin.png.d7d1bc2aa6e603543e24e3fe2693f5e1.png" rel=""><img alt="005_disabled_plugin.png" class="ipsImage ipsImage_thumbnailed" data-fileid="84297" data-unique="iq8qlvee2" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_disabled_plugin.png.d7d1bc2aa6e603543e24e3fe2693f5e1.png"></a>
</p>

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

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

<p>
	يُمكنك استخدام نفس الطريقة <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%B9%D9%85%D9%84%D9%8A%D8%A9-%D8%A7%D9%84%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1-%D9%81%D9%8A-%D8%A7%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r437/" rel="">لاختبار القالب</a>، لكن عملية اختبار القالب أسرع بما أنك تختبر قالبًا واحدًا فقط، حيث تستطيع حذف القالب أو <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1224/" rel="">الإضافة </a>التي تُسبب هذه المشكلة، والبحث عن بديل أو تحديث لها إن كان إصدارها قديمًا، إذ من المُحتمل أن تحل عملية التحديث المشكلة.
</p>

<h3>
	حلول أخرى سريعة
</h3>

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

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

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

<p>
	تستطيع كذلك التحقق من أخطاء DNS، وذلك إذا نقلتَ موقعك من استضافة لاستضافة أخرى، أو رقَّيْتَ الخطة الحالية للاستضافة، حيث يحتمل هذا تغييرك لقيم Nameservers. إن إعدادات DNS مُحددة جدًا، ومن السهل الوقوع في خطأ مرتبط بها، لذلك عليك التوجه إلى لوحة Cpanel أو لوحة التحكم التي توفرها <a href="https://academy.hsoub.com/devops/servers/web/%D8%A7%D9%84%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%81%D9%8A-%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%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-%D9%88%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%B3%D8%B9%D9%8A%D8%AF-r534/" rel="">الاستضافة</a>، والتأكد من أن كل شيء مضبوط بدقة بين الاستضافة ومُسجل النطاق وإعدادات موقعك، وكذلك الأخطاء الطباعية واردة جدًا في هذه الأمور، ويُمكن أن تُسبب توقف الموقع بالكامل.
</p>

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

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

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

<div class="banner-container ipsBox ipsPadding">
	<div class="inner-banner-container">
		<p class="banner-heading">
			هل ترغب في امتلاك موقع ووردبريس سريع وآمن؟
		</p>

		<p class="banner-subtitle">
			احصل على موقع ووردبريس احترافي بالاستعانة بأفضل خدمات الووردبريس على خمسات
		</p>

		<div>
			<a class="ipsButton ipsButton_large ipsButton_primary ipsButton_important" href="https://khamsat.com/start-wordpress-website" rel="external">أنشئ موقع ووردبريس الآن</a>
		</div>
	</div>
</div>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-fix-the-502-bad-gateway-error-in-wordpress" rel="external nofollow">How to Fix the 502 Bad Gateway Error in WordPress</a> لصاحبه John Hughes.
</p>

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

<ul>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%AE%D8%B7%D8%A3-%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D8%AF%D8%A7%D8%AE%D9%84%D9%8A-500-internal-server-error-%D9%81%D9%8A-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r564/" rel="">كيفية إصلاح خطأ الخادم الداخلي 500 Internal Server Error في مواقع ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-405-method-not-allowed-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r556/" rel="">كيفية إصلاح الخطأ 405 Method Not Allowed في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-mixed-content-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r557/" rel="">كيفية إصلاح الخطأ Mixed Content في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-%D9%87%D9%84-%D8%A3%D9%86%D8%AA-%D9%85%D8%AA%D8%A3%D9%83%D8%AF-%D9%85%D9%86-%D8%B1%D8%BA%D8%A8%D8%AA%D9%83-%D8%A8%D9%81%D8%B9%D9%84-%D9%87%D8%B0%D8%A7%D8%9F-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r558/" rel="">كيفية إصلاح الخطأ (هل أنت متأكد من رغبتك بفعل هذا؟) في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%83%D8%AA%D8%B4%D8%A7%D9%81-%D9%88%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%B4%D8%A7%D8%B4%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D8%AA-%D8%A7%D9%84%D8%A8%D9%8A%D8%B6%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r135/" rel="">اكتشاف وإصلاح أخطاء شاشة الموت البيضاء في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AD%D8%AC%D8%B2-%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D8%B1%D8%A8%D8%B7%D9%87%D8%A7-%D9%85%D8%B9-%D8%A7%D8%B3%D9%85-%D9%86%D8%B7%D8%A7%D9%82-%D9%85%D8%AA%D8%AC%D8%B1%D9%83-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r392/" rel="">أنواع الاستضافات وكيفية حجز استضافة وربطها مع اسم نطاق متجرك الإلكتروني</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">565</guid><pubDate>Thu, 16 Dec 2021 15:04:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x627;&#x644;&#x62E;&#x637;&#x623; (&#x647;&#x644; &#x623;&#x646;&#x62A; &#x645;&#x62A;&#x623;&#x643;&#x62F; &#x645;&#x646; &#x631;&#x63A;&#x628;&#x62A;&#x643; &#x628;&#x641;&#x639;&#x644; &#x647;&#x630;&#x627;&#x61F;) &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-%D9%87%D9%84-%D8%A3%D9%86%D8%AA-%D9%85%D8%AA%D8%A3%D9%83%D8%AF-%D9%85%D9%86-%D8%B1%D8%BA%D8%A8%D8%AA%D9%83-%D8%A8%D9%81%D8%B9%D9%84-%D9%87%D8%B0%D8%A7%D8%9F-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r558/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2021_12/61a873e5984a4_---(------)--.png.690ccd96a11b18f51cf1745073cf96ea.png" /></p>

<p>
	تكون <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%B4%D8%A7%D9%83%D9%84-%D8%B4%D8%A7%D8%A6%D8%B9%D8%A9-%D8%AA%D9%88%D8%A7%D8%AC%D9%87%D9%83-%D8%B9%D9%86%D8%AF-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%85%D8%B9-%D8%AD%D9%84%D9%88%D9%84%D9%87%D8%A7-r497/" rel="">أخطاء ووردبريس</a> واضحةً معظم الأحيان، حيث تخبرك تمامًا ما المشكلة، مثل "مجلد الوصول موجود مسبقًا". لكن في بعض الحالات، تكون هذه الأخطاء مُبهمةً. ومن أكثر الأخطاء غموضًا في ووردبريس، نجد الخطأ "هل أنت متأكد من رغبتك بفعل هذا؟".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83889" href="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_error_sure_about_1.png.48318c91d100633c6503ea6ecbe1c099.png" rel=""><img alt="001_wordpress_error_sure_about_1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83889" data-unique="fxx45dipn" src="https://academy.hsoub.com/uploads/monthly_2021_12/001_wordpress_error_sure_about_1.png.48318c91d100633c6503ea6ecbe1c099.png"></a>
</p>

<p>
	المشكلة الكُبرَى في هذا الخطأ هي أن سببه غير مُحدد بجزء واحد، لذلك لا يُمكن حله ببساطة، فمن الممكن أن يظهر لك هذا الخطأ عند عمل أي من الأمور التالية:
</p>

<ul>
<li>
		إنشاء تصنيف أو وسم.
	</li>
	<li>
		نشر صفحة أو مقال.
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%83%D9%88%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r534/" rel="">إضافة صورة</a> أو ملف لصفحة أو مقال.
	</li>
	<li>
		رفع <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B7%D8%B1%D9%82-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r499/" rel="">إضافة</a> أو قالب.
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%AE%D8%B5%D9%8A%D8%B5-%D9%82%D8%A7%D9%84%D8%A8-twenty-seventeen-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%84%D9%8A%D9%86%D8%A7%D8%B3%D8%A8-%D8%A7%D9%84%D8%B4%D8%B1%D9%83%D8%A7%D8%AA-r258/" rel="">تخصيص أو تحديث قالب</a>.
	</li>
</ul>
<p>
	أي يُمكن أن يظهر لك هذا الخطأ عند محاولتك تطبيق أي من مهامك الإدارية في ووردبريس، وبما أن أسباب هذا الخطأ غير واضحة، فسوف تُضطر للبحث طويلًا عن السبب لتتمكن من حل المشكلة.
</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%A7%D9%84%D8%AA%D8%AE%D8%B2%D9%8A%D9%86-%D8%A7%D9%84%D9%85%D8%A4%D9%82%D8%AA-%D9%84%D9%84%D9%88%D9%8A%D8%A8-web-caching-%D8%A7%D9%84%D9%85%D8%B5%D8%B7%D9%84%D8%AD%D8%A7%D8%AA-%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-r204/" rel="">التخزين المؤقت</a> و<a href="https://academy.hsoub.com/programming/javascript/%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%AA%D8%B9%D8%B1%D9%8A%D9%81-%D8%A7%D9%84%D8%A7%D8%B1%D8%AA%D8%A8%D8%A7%D8%B7-%D9%88%D8%B6%D8%A8%D8%B7%D9%87%D8%A7-%D9%81%D9%8A-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r1330/" rel="">ملفات تعريف الارتباط</a>. وبالرغم من أنّ احتمال حل المشكلة من خلال هذه الخطوة ضعيف جدًا، لكن لا ضير من المحاولة، لأنها إن نجحت، فسوف توفر عليك الكثير من الوقت والجهد.
</p>

<h2>
	الإضافات والقوالب
</h2>

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

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

<h3>
	كيفية التحقق من إضافة ووردبريس
</h3>

<p>
	يجب عليك أولًا <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B7%D8%B1%D9%82-%D8%AA%D8%B9%D8%B7%D9%8A%D9%84-%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r500/" rel="">تعطيل جميع إضافات ووردبريس</a> الموجودة على موقعك، لذا توجه إلى إضافات منصبة في قسم إضافات من لوحة تحكم ووردبريس، واضغط على المربع الفارغ الموجود على يمين كل إضافة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83891" href="https://academy.hsoub.com/uploads/monthly_2021_12/002_wprdress_plugin_page.png.d911d9dc623af2b7383f6a14c4d6a43c.png" rel=""><img alt="002_wprdress_plugin_page.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83891" data-unique="yxiybljsr" src="https://academy.hsoub.com/uploads/monthly_2021_12/002_wprdress_plugin_page.thumb.png.7e2ec9bbf87ca2a117aec29340eda664.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83892" href="https://academy.hsoub.com/uploads/monthly_2021_12/003_wprdress_plugin_page_2.png.867a0af1117ddb3cd584b6885b9fa3b4.png" rel=""><img alt="003_wprdress_plugin_page_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83892" data-unique="gusfk725j" src="https://academy.hsoub.com/uploads/monthly_2021_12/003_wprdress_plugin_page_2.thumb.png.50248828ac7ad8c8b9c3ab659e92b4a1.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83893" href="https://academy.hsoub.com/uploads/monthly_2021_12/004_wprdress_plugin_deactivate.png.9159a33cf75b2a3c79eb46b4965a0ede.png" rel=""><img alt="004_wprdress_plugin_deactivate.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83893" data-unique="jbzkjtuqn" src="https://academy.hsoub.com/uploads/monthly_2021_12/004_wprdress_plugin_deactivate.png.9159a33cf75b2a3c79eb46b4965a0ede.png"></a>
</p>

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

<h3>
	التحقق من إضافات ووردبريس باستخدام FTP
</h3>

<p>
	تستطيع تعطيل الإضافات باستخدام <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-ftp-%D9%84%D9%86%D9%82%D9%84-%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5-%D8%A8%D9%83%D8%9F-r107/" rel="">FTP</a> إن كنت تفضل العمل من خلاله، وهي طريقة تستطيع استخدامها في حال لم تستطع اعتماد الطريقة المشروحة سابقًا. يجب أن تظهر لك مجموعة من الملفات حالما تتصل باستضافتك من خلال FTP، لهذا ابحث عن مجلد wp-content واضغط عليه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83894" href="https://academy.hsoub.com/uploads/monthly_2021_12/005_wprdress_ftp_1.png.3f52e83c8066a44749384261e57d8217.png" rel=""><img alt="005_wprdress_ftp_1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83894" data-unique="jqjx4j2m1" src="https://academy.hsoub.com/uploads/monthly_2021_12/005_wprdress_ftp_1.thumb.png.71a008beb7b04160b9978e2ec2fbc242.png"></a>
</p>

<p>
	ابحث الآن عن مجلد plugins.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83895" href="https://academy.hsoub.com/uploads/monthly_2021_12/006_wprdress_ftp_2.png.de5292d14fda81a0977d718ad54fabc0.png" rel=""><img alt="006_wprdress_ftp_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83895" data-unique="pcrcy1rpp" src="https://academy.hsoub.com/uploads/monthly_2021_12/006_wprdress_ftp_2.thumb.png.63133f266e53b602eda6fcaa0646009f.png"></a>
</p>

<p>
	أعد تسمية المجلد إلى plugins.deactivated مثلًا من خلال النقر بزر الفأرة الأيمن عليه، واختيار Rename.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83896" href="https://academy.hsoub.com/uploads/monthly_2021_12/007_wprdress_ftp_3.png.c095cfef31d8eebc54fd4a4e2a95bca9.png" rel=""><img alt="007_wprdress_ftp_3.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83896" data-unique="r5fj4tfqp" src="https://academy.hsoub.com/uploads/monthly_2021_12/007_wprdress_ftp_3.thumb.png.6bfa484252b5a03b3cbc6805c1ce4bc7.png"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83897" href="https://academy.hsoub.com/uploads/monthly_2021_12/008_wprdress_ftp_4.png.081199ece674425519bb864a1a107639.png" rel=""><img alt="008_wprdress_ftp_4.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83897" data-unique="9ujqajtzy" src="https://academy.hsoub.com/uploads/monthly_2021_12/008_wprdress_ftp_4.thumb.png.ac701d45e698b54a1e86c644339ea851.png"></a>
</p>

<p>
	عد الآن <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%88%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-wordpresscom-%D9%88wordpressorg-r462/" rel="">للوحة تحكم ووردبريس</a>، وتوجه إلى صفحة إضافات منصبة، وإن كنت موجودًا بالصفحة سابقًا، فأعد تحميلها. يجب أن تظهر جميع الإضافات مُعطلةً مثل الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83898" href="https://academy.hsoub.com/uploads/monthly_2021_12/009_wprdress_plugin_page_.png.6294866ab388708a1082de5eed4628e4.png" rel=""><img alt="009_wprdress_plugin_page_.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83898" data-unique="mcphvv5ja" src="https://academy.hsoub.com/uploads/monthly_2021_12/009_wprdress_plugin_page_.thumb.png.6c2f059b0d59aee562653853f78b4a0d.png"></a>
</p>

<p>
	إن اختفى الخطأ "هل أنت متأكد من رغبتك بفعل هذا؟"، فيعني هذا أن إحدى الإضافات تُسبب هذا الخطأ، وإليك ما يجب عليك فُعله:
</p>

<ul>
<li>
		أعد تسمية مجلد الإضافات من جديد من plugins.deactivated إلى plugins باستخدام FTP، ثم أعد تحميل صفحة إضافات مُنصبة لتظهر الإضافات مُعطلةً مثل الصورة التالية.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83899" href="https://academy.hsoub.com/uploads/monthly_2021_12/010_wprdress_plugin_page_2.png.a145852efe220c6cbe7600a96b9ce456.png" rel=""><img alt="010_wprdress_plugin_page_2.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83899" data-unique="vobghb0pd" src="https://academy.hsoub.com/uploads/monthly_2021_12/010_wprdress_plugin_page_2.thumb.png.51deefffdbe931ab11273ee5610c2336.png"></a>
</p>

<ul>
<li>
		أعد تفعيل الإضافات واحدةً تلو الأخرى بالضغط على خيار "تفعيل" أسفل كل إضافة.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83900" href="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_activate_plugin.png.74193ef51b6ca996c844cba6c2745d0d.png" rel=""><img alt="011_wordpress_activate_plugin.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83900" data-unique="651z6rw6h" src="https://academy.hsoub.com/uploads/monthly_2021_12/011_wordpress_activate_plugin.png.74193ef51b6ca996c844cba6c2745d0d.png"></a>
</p>

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

<h3>
	كيفية التحقق من قوالب ووردبريس
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83901" href="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_ftp_themes.png.13d6471aea4c6b448fc0dc55071effa8.png" rel=""><img alt="012_wordpress_ftp_themes.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83901" data-unique="a2bxqnraa" src="https://academy.hsoub.com/uploads/monthly_2021_12/012_wordpress_ftp_themes.thumb.png.2c9f547f076e32504172293a91e0b84f.png"></a>
</p>

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83902" href="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_ftp_download.png.63315839b9880499658ab2f21ca5f14c.png" rel=""><img alt="013_wordpress_ftp_download.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83902" data-unique="4el4p8stg" src="https://academy.hsoub.com/uploads/monthly_2021_12/013_wordpress_ftp_download.thumb.png.1ce9360bd79a3769be1ae995d619ae6b.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83903" href="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_ftp_delete.png.cad44c8293d73ab9905ccb82dd577434.png" rel=""><img alt="014_wordpress_ftp_delete.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83903" data-unique="j0y5s7yg8" src="https://academy.hsoub.com/uploads/monthly_2021_12/014_wordpress_ftp_delete.thumb.png.c81048edf5f6fa568e3f4c4c7ab08bb6.png"></a>
</p>

<p>
	عند عودتك الآن لصفحة قوالب في لوحة تحكم موقعك، سوف تجد ملاحظةً تُشبه الموجودة في الصورة التالية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83904" href="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_theme_delete.png.ea85b1e4a085da2dbde8de5763050624.png" rel=""><img alt="015_wordpress_theme_delete.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83904" data-unique="p0uzuhio2" src="https://academy.hsoub.com/uploads/monthly_2021_12/015_wordpress_theme_delete.thumb.png.2206b03d91ff85e9711366acccd1b8c3.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83905" href="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_theme_default.png.ded5d3d0b58069fc87d9602f1223d428.png" rel=""><img alt="016_wordpress_theme_default.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83905" data-unique="eftpwmktk" src="https://academy.hsoub.com/uploads/monthly_2021_12/016_wordpress_theme_default.thumb.png.74a70f157cb6669ab7397fe57b22cab8.png"></a>
</p>

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

<h2>
	زيادة حجم المنشور أو الرفع الأقصى وحد ذاكرة PHP للتخلص من هذا الخطأ
</h2>

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

<p>
	ابحث عن ملف htaccess. ضمن برنامج FTP، ثم نزّله وافتحه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83906" href="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_ftp_htaccess.png.4bfda91136d66c03d463161ed86e9652.png" rel=""><img alt="017_wordpress_ftp_htaccess.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83906" data-unique="p9hxx2ej1" src="https://academy.hsoub.com/uploads/monthly_2021_12/017_wordpress_ftp_htaccess.thumb.png.fe3186d316644769561d1ed428ba8dc6.png"></a>
</p>

<p>
	أضف الشيفرة التالية لنهاية الملف:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_1126_10" style="">
<span class="typ">Php_value</span><span class="pln"> upload_max_filesize </span><span class="lit">1000M</span><span class="pln">
</span><span class="typ">Php_value</span><span class="pln"> post_max_size </span><span class="lit">2000M</span><span class="pln">
</span><span class="typ">Php_value</span><span class="pln"> memory_limit </span><span class="lit">3000M</span><span class="pln">
</span><span class="typ">Php_value</span><span class="pln"> max_execution_time </span><span class="lit">180</span><span class="pln">
</span><span class="typ">Php_value</span><span class="pln"> max_input_time </span><span class="lit">180</span></pre>

<p>
	سوف يبدو الملف الآن مثل الصورة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83907" href="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_ftp_htaccess.png.75a01c00aa718929e25a7f87ed9b2093.png" rel=""><img alt="018_wordpress_ftp_htaccess.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83907" data-unique="k9i1dwr3v" src="https://academy.hsoub.com/uploads/monthly_2021_12/018_wordpress_ftp_htaccess.thumb.png.deb7df715377bd6048509a59f8079a65.png" style="width: 600px; height: auto;"></a>
</p>

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

<h2>
	توليد مفاتيح أمنية جديدة للتخلص من الخطأ
</h2>

<p>
	يجب عليك أن تجرب استخدام مفاتيح أمنية جديدة قبل محاولة استبدال جميع ملفات النواة لووردبريس، وسوف تحتاج لذلك برنامج FTP. إن كنت لا تزال في مجلد themes، فعليك العودة لمسار تثبيت ووردبريس الرئيسي، والبحث عن <a href="https://academy.hsoub.com/programming/php/wordpress/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D9%85%D9%84%D9%81-wp-configphp-%D9%84%D8%B6%D8%A8%D8%B7-%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1252/" rel="">ملف wp-config.php</a>، ثم تنزيل نسختين منه لحاسوبك؛ واحدة احتياطية، والأخرى لإجراء بعض التعديلات عليها.
</p>

<p>
	افتح الملف، وابحث عن قسم Authentication Unique keys Salts الذي يبدو مثل الصورة التالية:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83908" href="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_ftp_salt.png.878b301d282862df0e407d00e1cbe361.png" rel=""><img alt="019_wordpress_ftp_salt.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83908" data-unique="fb4lglfu3" src="https://academy.hsoub.com/uploads/monthly_2021_12/019_wordpress_ftp_salt.thumb.png.77e756509178f6ce954743739e3f2ab9.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	استبدل السطر الذي يبدأ بعبارة define بمجموعة جديدة من المفاتيح التي تستطيع توليدها من خلال موقع <a href="https://api.wordpress.org/secret-key/1.1/salt/" rel="external nofollow">مولد مفاتيح Salt في ووردبريس</a>. ارفع الآن الملف الجديد باستخدام FTP، واستبدل به الملف القديم الموجود على الاستضافة، ثم انظر هل اختفى الخطأ "هل أنت متأكد من رغبتك بفعل هذا؟".
</p>

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

<h2>
	استبدل ملفات نواة ووردبريس للتخلص من الخطأ هل أنت متأكد من رغبتك بفعل هذا
</h2>

<p>
	عليك الآن استبدال ملفات نواة ووردبريس بعد تجريب الخطوات السابقة، لكن قبل البدء بذلك عليك أخذ <a href="https://wordpress.org/support/article/wordpress-backups/" rel="external nofollow">نسخة احتياطية</a> عن الموقع.
</p>

<p>
	توجه بعد الانتهاء من أخذ النسخة الاحتياطية إلى برنامج FTP، ونزل ملف wp-config.php، ثم احذف جميع ملفات ووردبريس باستخدام FTP <strong>ما عدا مجلد wp-content</strong>. توجه إلى <a href="https://wordpress.org/download/" rel="external nofollow">موقع ووردبريس</a> لتنزيل نسخة جديدة من ووردبريس بعد الانتهاء من حذف ملفات ووردبريس.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="83909" href="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_website.png.cc484067e64b42c7ffbb33ca1e8b5d2f.png" rel=""><img alt="020_wordpress_website.png" class="ipsImage ipsImage_thumbnailed" data-fileid="83909" data-unique="5o87ai2gk" src="https://academy.hsoub.com/uploads/monthly_2021_12/020_wordpress_website.thumb.png.7a38c8d62f29d3d317434446b393db03.png"></a>
</p>

<p>
	افتح الملف المضغوط على حاسوبك للوصول للملفات، ثم ارفع جميع الملفات الموجودة ضمنه <strong>ما عدا مجلد wp-content</strong>، وبعد الانتهاء من رفع الملفات السابقة، ارفع ملف wp-config.php الذي نزلته سابقًا، وأكّد عملية استبداله بالملف الموجود حاليًا على الاستضافة باستخدام FTP.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/are-you-sure-you-want-to-do-this-error-in-wordpress" rel="external nofollow">How to Fix the Are You Sure You Want to Do This? Error in WordPress</a> لصاحبه Lindsay Pietroluongo.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-mixed-content-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r557/" rel="">كيفية إصلاح الخطأ Mixed Content في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A7%D9%84%D8%AE%D8%B7%D8%A3-405-method-not-allowed-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r556/" rel="">كيفية إصلاح الخطأ 405 Method Not Allowed في ووردبريس </a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D9%86%D8%B4%D8%A3-%D8%B5%D9%81%D8%AD%D8%A9-%D8%AE%D8%B7%D8%A3-404-%D9%85%D8%AE%D8%B5%D8%B5%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r626/" rel="">كيف تنشأ صفحة خطأ 404 مخصصة في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%83%D8%AA%D8%B4%D8%A7%D9%81-%D9%88%D8%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D8%B4%D8%A7%D8%B4%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D8%AA-%D8%A7%D9%84%D8%A8%D9%8A%D8%B6%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r135/" rel="">اكتشاف وإصلاح أخطاء شاشة الموت البيضاء في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">558</guid><pubDate>Sat, 04 Dec 2021 07:13:46 +0000</pubDate></item></channel></rss>
