<?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/2/?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; &#x62A;&#x646;&#x635;&#x64A;&#x628; &#x648;&#x62A;&#x634;&#x63A;&#x64A;&#x644; &#x645;&#x646;&#x62A;&#x62F;&#x649; &#x625;&#x644;&#x643;&#x62A;&#x631;&#x648;&#x646;&#x64A; &#x628;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x628;&#x631;&#x646;&#x627;&#x645;&#x62C; Discourse &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D9%86%D8%B5%D9%8A%D8%A8-%D9%88%D8%AA%D8%B4%D8%BA%D9%8A%D9%84-%D9%85%D9%86%D8%AA%D8%AF%D9%89-%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-discourse-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r797/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ea3b307e_--------Discourse.png.54279c3c9492989471776c006609c6b4.png" /></p>

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

<h2>
	ما هو برنامج Discourse؟
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106838" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5edf7ee00_01-Discourse.jpg.9369e81fa3070efbfc5493ebbe613940.jpg" rel=""><img alt="01 - ما هو برنامج Discourse؟.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106838" data-unique="15m16p97h" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5edf7ee00_01-Discourse.jpg.9369e81fa3070efbfc5493ebbe613940.jpg"></a>
</p>

<p>
	كما ذكرنا سابقًا، إن برنامج Discourse هو برنامج مفتوح المصدر مخصص لإنشاء منتديات مجتمعية في الووردبريس. وفي حين أن كلًّا من إضافتي bbPress وBuddyPress مفتوحتا المصدر أيضًا، إلا أن الفرق الواضح هو أن Discourse عبارة عن برنامج مستقل وليس إضافة ووردبريس؛ أي أنك لا تنصبه داخل ووردبريس، بل تستخدم بدلًا من ذلك بيئة دوكر Docker لتشغيل حاوية برمجية تحوي برنامج Discourse، والذي يمكنك التحكم فيه من جذر Root موقعك مباشرةً.
</p>

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

<h2>
	كيفية تنصيب Discourse
</h2>

<p>
	لا تُعد عملية تنصيب برنامج Discourse صعبة، ولكن لا يمكن تنصيبه على استضافة مشتركة (أو أي استضافة تستخدم لوحة التحكم cPanel عمومًا)، لأنك لن تستطيع الوصول إلى الجذر مع هذه الاستضافات للأسف. ويمكنك الحصول على ما تحتاجه من أجل تنصيب برنامج Discourse من خلال استخدام استضافة مثل <a href="https://academy.hsoub.com/devops/cloud-computing/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D9%88%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%B9%D9%85%D9%8A%D9%84-digitalocean-%D9%84%D8%A5%D8%B8%D9%87%D8%A7%D8%B1-%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF-%D9%85%D9%86-%D8%A7%D9%84%D8%A5%D8%AD%D8%B5%D8%A7%D8%A6%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9-%D8%A8%D8%AE%D8%A7%D8%AF%D9%88%D9%85%D9%83-r308/" rel="">Digital Ocean</a> التي تسمح بالوصول للجذر. إن استخدام Digital Ocean ليس بالأمر الصعب، كما أنها تُعد استضافةً رخيصة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106839" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5edfd7891_02-Discourse.jpg.efbccb5d24c1e38791dfe2ad33a28197.jpg" rel=""><img alt="02 - كيفية تنصيب Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106839" data-unique="8l4cax91c" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5edfd7891_02-Discourse.jpg.efbccb5d24c1e38791dfe2ad33a28197.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106840" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee044e39_03-Discourse.jpg.90fb173b010d9084d0009d987562d230.jpg" rel=""><img alt="03 - كيفية تنصيب Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106840" data-unique="a0p2xgw7x" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee057b8a_03-Discourse.thumb.jpg.39b18bf80d6101195d569d7fa624690c.jpg"></a>
</p>

<h2>
	كيفية استخدام استضافة Digital Ocean
</h2>

<p>
	عند الانتهاء من الخطوات السابقة، ستصل إلى لوحة تحكم الاستضافة الخاصة بك. لا تختلف لوحة تحكم استضافة <a href="https://academy.hsoub.com/devops/cloud-computing/%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF-%D8%A7%D8%B3%D9%85-%D9%85%D8%B6%D9%8A%D9%81-%D9%85%D8%B9-digitalocean-r175/" rel="">Digital Ocean</a> كثيرًا عن غيرها من تلك التي تتعامل معها يوميًا في الغالب (بما في ذلك لوحة تحكم الووردبريس). كل ما يهمك من لوحة التحكم لتنصيب برنامج Discourse وإدارته، سيكون غالبًا موجودًا في قائمة "Droplets" إلى اليسار.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106841" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee0d2e8f_04-DigitalOcean.jpg.0f57a93f32707f9b2dad83d8f0204b42.jpg" rel=""><img alt="04 - كيفية استخدام استضافة Digital Ocean.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106841" data-unique="as6h20rg8" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee0d2e8f_04-DigitalOcean.jpg.0f57a93f32707f9b2dad83d8f0204b42.jpg"></a>
</p>

<p>
	ومنعًا للارتباك، فإن الـ <a href="https://academy.hsoub.com/devops/cloud-computing/%D9%83%D9%8A%D9%81%D9%8A%D9%91%D8%A9-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%B9%D9%86%D8%A7%D9%88%D9%8A%D9%86-ip-%D8%A7%D9%84%D8%B9%D8%A7%D8%A6%D9%85%D8%A9-floating-ips-%D8%B9%D9%84%D9%89-digitalocean-r312/" rel="">Droplet (القطرة)</a> هي التسمية التي تطلقها Digital Ocean على الخادم السحابي فيها. عليك الآن النقر على زر "Create" الموجود في الزاوية العلوية اليسرى من صفحة التحكم الخاصة بالـ "Droplets"، ثم النقر على "Droplets".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106842" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee1601e1_05-DigitalOcean.jpg.2a947f4108b4596d23639154dd871c65.jpg" rel=""><img alt="05 - كيفية استخدام استضافة Digital Ocean.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106842" data-unique="zjsmpfh1j" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee1601e1_05-DigitalOcean.jpg.2a947f4108b4596d23639154dd871c65.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106843" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee22b632_06-DigitalOcean.jpg.16064b64f9c160bdc9a3982fb764346c.jpg" rel=""><img alt="06 - كيفية استخدام استضافة Digital Ocean.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106843" data-unique="uj3za7fq6" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee243c05_06-DigitalOcean.thumb.jpg.3903af6fe404227c7f380e17c6136ba1.jpg"></a>
</p>

<p>
	تحقق بعدها من بريدك الإلكتروني، حيث ستتلقى تعليمات حول كيفية الوصول إلى خادم Droplet الذي أنشأته. ترسل Digital Ocean التعليمات بالبريد الإلكتروني بسبب أهمية محتواها المتمثل بكلمة سر الجذر وعنوان IP الخاص بالخادم؛ إنها بيانات بالغة الأهمية لأنك ستستخدمها للاتصال بالخادم عبر سطر الأوامر Command Line. ولا تقلق، فسنخبرك بأوامر الاتصال تاليًا لكي تنسخها وتلصقها عند حاجتك لها.
</p>

<p style="text-align: center;">
	<img alt="07 - كيفية استخدام استضافة Digital Ocean.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106844" data-unique="7fqdzilyl" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee294c4c_07-DigitalOcean.jpg.8ae1fa7be04dce22b112260ff9cfb52e.jpg"></p>

<p>
	والآن سننتقل إلى سطر الأوامر لبدء الاتصال.
</p>

<h2>
	كيفية وصل برنامج Discourse مع الخادم Droplet
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106845" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee424e03_08-DiscourseDroplet.jpg.7542d70e4cb023c8cdbccd62f90b7361.jpg" rel=""><img alt="08 - كيفية وصل برنامج Discourse مع الخادم Droplet.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106845" data-unique="tq6z0qj19" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee424e03_08-DiscourseDroplet.jpg.7542d70e4cb023c8cdbccd62f90b7361.jpg"></a>
</p>

<p>
	بعد ذلك، يجب عليك نسخ عنوان IP الخاص بالخادم Droplet (من البريد الإلكتروني) واكتب الأمر <code><abbr title="Secure Shell | القشرة (أو الصَدَفة) الآمنة">ssh</abbr> root@123.456.78.9</code> مع استبدال الأرقام بعنوان IP الذي نسخته. بعدها اكتب "root" بعد عبارة "login as:". ستدخل بعدها كلمة المرور Password، وهي السلسلة الطويلة التي وصلتك في رسالة البريد الإلكتروني؛ انسخها وألصقها، أو انقلها ولكن احرص على كتابتها كما هي. سيُطلب منك بعد ذلك تغيير كلمة المرور إلى كلمة أسهل لتستطيع تذكرها فيما بعد.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106846" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee4cc10c_09-DiscourseDroplet.jpg.fb84683facb00301e2734061b54938fb.jpg" rel=""><img alt="09 - كيفية وصل برنامج Discourse مع الخادم Droplet.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106846" data-unique="k1w28l6fb" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee4cc10c_09-DiscourseDroplet.jpg.fb84683facb00301e2734061b54938fb.jpg"></a>
</p>

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

<pre class="ipsCode">
wget -qO- https://get.docker.com/ | sh
</pre>

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

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

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

<pre class="ipsCode">
sudo -s
git clone https://github.com/discourse/discourse_docker.git /var/discourse
cd /var/discourse
</pre>

<p>
	بعدها سيبدأ تنصيب برنامج Discourse تلقائيًا. بعد انتهاء التنصيب، من المفترض أن تكون متواجدًا الآن ضمن مجلد Discourse، حيث يمكنك كتابة أمر <code>ls</code> لسرد كافة الملفات والمجلدات الموجودة ضمن مجلد Discourse. يجب أن ترى ضمن مجلد Discourse شيئًا مشابهًا للصورة أدناه، مما يؤكد وجود جميع ملفات Discourse وتنصيبه بنجاح.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106847" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee534dfe_10-Discourse.jpg.784bfdcc87954afbd7a72d0b52b4a88d.jpg" rel=""><img alt="10 - كيفية تنصيب Discourse باستخدام دوكر وسطر الأوامر.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106847" data-unique="0evvtzntd" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee534dfe_10-Discourse.jpg.784bfdcc87954afbd7a72d0b52b4a88d.jpg"></a>
</p>

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

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106848" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee59e1fe_11-Discourse.jpg.13523886a8d08e58ebc7aa997a452254.jpg" rel=""><img alt="11 - كيفية إعداد خدمة البريد الإلكتروني في Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106848" data-unique="o4qxpdw31" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee59e1fe_11-Discourse.jpg.13523886a8d08e58ebc7aa997a452254.jpg"></a>
</p>

<p>
	يظهر في الصورة أعلاه موقع برنامج Mailgun الرسمي.
</p>

<p>
	يتطلب استخدام <a href="https://academy.hsoub.com/marketing/email-marketing/%D8%A3%D9%87%D9%85%D9%8A%D8%A9-%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D8%A8%D8%B1%D9%8A%D8%AF-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-%D9%88%D9%85%D8%A7-%D8%AA%D8%AD%D8%AA%D8%A7%D8%AC-%D8%A5%D9%84%D9%89-%D9%85%D8%B9%D8%B1%D9%81%D8%AA%D9%87-%D9%84%D9%84%D8%A8%D8%AF%D8%A1-%D9%81%D9%8A-%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9%82-r458/" rel="">برنامج Mailgun</a> التسجيل باستخدام بطاقة ائتمان كما هو واضح في الصورة أدناه، ولكن لا تقلق، فلن تحصّل أيّة رسوم منها إلا إذا تجاوزت الحصة المجانية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106849" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee60171d_12-Discourse.jpg.92415ee742e6c489c54f8100bbe22d25.jpg" rel=""><img alt="12 - كيفية إعداد خدمة البريد الإلكتروني في Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106849" data-unique="3htouz3eo" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee60171d_12-Discourse.jpg.92415ee742e6c489c54f8100bbe22d25.jpg"></a>
</p>

<p>
	بعد التحقق من الحساب، ستتلقى مباشرةً رسالة إلكترونية تحتوي على مفتاح <abbr title="Application Programming Interface | واجهة برمجية">API</abbr> الخاص بك الذي ستحتاجه لاحقًا لإكمال إعداد Discourse. احفظ هذا المفتاح في مكان آمن وخاص.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106850" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee659ae9_13-Discourse.jpg.62273a9b572228c64c84e3347393f64e.jpg" rel=""><img alt="13 - كيفية إعداد خدمة البريد الإلكتروني في Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106850" data-unique="gt0big1nh" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee659ae9_13-Discourse.jpg.62273a9b572228c64c84e3347393f64e.jpg"></a>
</p>

<p>
	تظهر في الصورة أعلاه شكل الرسالة الإلكترونية التي ستصلك من Mailgun.
</p>

<h2>
	تحديد اسم النطاق الخاص ببرنامج Discourse
</h2>

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

<p>
	وكمثال على ما سبق ذكره، أنشأنا نطاقًا فرعيًا هو <code>forum.bjkeeton.com</code> لاستضافة برنامج Discourse بالذات. الآن يجب الانتقال إلى قسم "Advanced DNS Settings" من لوحة التحكم cPanel والبحث عن ملف المنطقة "Zone File" صاحب الاسم <code>forums.bjkeeton.com</code> في حالتنا، أو صاحب اسم النطاق الذي خصصته أنت لبرنامج Discourse.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106851" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee6d2440_14-Discourse.jpg.a9c0fea4376aa4677817642a16bfffc8.jpg" rel=""><img alt="14 - تحديد اسم النطاق الخاص ببرنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106851" data-unique="u30lme8xe" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee6e4ea1_14-Discourse.thumb.jpg.cf3a3199a51e036d7d670f3315b70dae.jpg"></a>
</p>

<p>
	ثم انقر على "Edit"، وفي النافذة التالية املأ حقل Address بعنوان IP لخادم Droplet الذي أنشأته في Digital Ocean.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106852" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee73a44f_15-Discourse.jpg.03efca75a2528c39be3880662ff2a5f2.jpg" rel=""><img alt="15 - تحديد اسم النطاق الخاص ببرنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106852" data-unique="304dscxt4" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee73a44f_15-Discourse.jpg.03efca75a2528c39be3880662ff2a5f2.jpg"></a>
</p>

<p>
	اضغط على زر "Edit Record" لينتهي التعديل. ستحتاج أيضًا إلى تهيئة إعدادات البريد الإلكتروني للنطاق الخاص من جهة برنامج Mailgun، ولكن لا تقلق فذلك أمرٌ سهل. انتقل إلى حسابك في موقع Mailgun وانقر على "Domains"، ثم "Add New Domain". بعد الضغط على زر "New Zone Record"، ستظهر قائمة بالسجلات التي تحتاج إلى ملئها في لوحة التحكم cPanel كما فعلت سابقًا.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106853" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee78c5ba_16-Discourse.jpg.3c615fa33b486a092c34f883518a4ebf.jpg" rel=""><img alt="16 - تحديد اسم النطاق الخاص ببرنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106853" data-unique="t2g416u25" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee78c5ba_16-Discourse.jpg.3c615fa33b486a092c34f883518a4ebf.jpg"></a>
</p>

<p>
	ما عليك سوى إدخال نفس النوع Type واسم المضيف Hostname والقيمة Value، ويمكنك التحقق من ذلك باستخدام برنامج Mailgun. يمكنك إنشاء سجلات MX Records بنفس الطريقة المذكورة أعلاه في لوحة التحكم cPanel من خلال الانتقال إلى MX Entry أو MX Editor.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106854" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee809d8f_17-Discourse.jpg.c484c72b0284c1355868165878fd42b2.jpg" rel=""><img alt="17 - تحديد اسم النطاق الخاص ببرنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106854" data-unique="nd8wrumbt" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee809d8f_17-Discourse.jpg.c484c72b0284c1355868165878fd42b2.jpg"></a>
</p>

<h2>
	كيفية تهيئة وتشغيل برنامج Discourse
</h2>

<p>
	بعد الانتهاء من تنفيذ كل ما سبق، يمكنك الآن ضبط الإعدادات الأساسية لبرنامج Discourse ببساطة عبر كتابة الأمر التالي في موجه الأوامر:
</p>

<pre class="ipsCode">
./discourse-setup
</pre>

<p>
	كنتيجة للأمر، ستظهر تعليمات إعداد برنامج Discourse الرسمية التالية:
</p>

<pre class="ipsCode">
Hostname for your Discourse? [discourse.example.com]:
Email address for admin account(s)? [me@example.com,you@example.com]:
SMTP server address? [smtp.example.com]:
SMTP port? [587]:
SMTP user name? [user@example.com]:
SMTP password? [pa$$word]:
Let's Encrypt account email? (ENTER to skip) [me@example.com]:
</pre>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106855" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee8ea9f2_18-Discourse.jpg.916054babd18c6ac9ce27776e3cb4036.jpg" rel=""><img alt="18 - كيفية تهيئة وتشغيل برنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106855" data-unique="irey250pe" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee8ea9f2_18-Discourse.jpg.916054babd18c6ac9ce27776e3cb4036.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106856" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee95a03b_19-Discourse.jpg.7f81ec9432482280817bac20e3c015a0.jpg" rel=""><img alt="19 - كيفية تهيئة وتشغيل برنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106856" data-unique="j0ccg9qrn" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee95a03b_19-Discourse.jpg.7f81ec9432482280817bac20e3c015a0.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106857" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee9da643_20-Discourse.jpg.392988731957b959a71d93ae243a0877.jpg" rel=""><img alt="20 - كيفية تهيئة وتشغيل برنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106857" data-unique="4oyllp4kk" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5ee9da643_20-Discourse.jpg.392988731957b959a71d93ae243a0877.jpg"></a>
</p>

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

<pre class="ipsCode">
cd /var/discourse
./launcher enter app
rake admin:create
</pre>

<p>
	توضح الصورة أدناه أوامر إنشاء الحساب يدويًا باستخدام سطر الأوامر.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106858" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eea4a53a_21-Discourse.jpg.2b96e2eb31b31203e5389c46cd8fe91d.jpg" rel=""><img alt="21 - كيفية تهيئة وتشغيل برنامج Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106858" data-unique="jw3dkgoor" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eea4a53a_21-Discourse.jpg.2b96e2eb31b31203e5389c46cd8fe91d.jpg"></a>
</p>

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

<h2>
	زيارة منتدى Discourse
</h2>

<p>
	الآن، أصبح كل شيء جاهزًا للدخول إلى صفحة المنتدى ورؤيته.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106859" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eeaad3e2_22-Discourse.jpg.d1ef9bf94fb890e05c38824425609a38.jpg" rel=""><img alt="22 - زيارة منتدى Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106859" data-unique="z4kjq502v" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eeaad3e2_22-Discourse.jpg.d1ef9bf94fb890e05c38824425609a38.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106860" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eeb24427_23-Discourse.jpg.3442d6406e2fff9a2ee4cbd56f355aa4.jpg" rel=""><img alt="23 - زيارة منتدى Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106860" data-unique="nqwassgg7" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eeb38515_23-Discourse.thumb.jpg.de86d785387b25d8f9be54b95d3bac0e.jpg"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106861" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eeba8e0f_24-Discourse.jpg.b0e509bfdcfc95a91cbd83d67373896d.jpg" rel=""><img alt="24 - زيارة منتدى Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106861" data-unique="jumhk4r09" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eebbc30e_24-Discourse.thumb.jpg.ccaa6c68d6d43e19107a1778c56f0f23.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106862" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eec21d4b_25-Discourse.jpg.c432680b98f91fd1cd6299eff9249e1b.jpg" rel=""><img alt="25 - زيارة منتدى Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106862" data-unique="t12xlxppb" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eec21d4b_25-Discourse.jpg.c432680b98f91fd1cd6299eff9249e1b.jpg"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106863" href="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eec95106_26-Discourse.jpg.59be9f9bf0332f3b0875c2f2e61e99eb.jpg" rel=""><img alt="26 - زيارة منتدى Discourse.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="106863" data-unique="yatbau995" src="https://academy.hsoub.com/uploads/monthly_2022_08/630f5eec95106_26-Discourse.jpg.59be9f9bf0332f3b0875c2f2e61e99eb.jpg"></a>
</p>

<p>
	سترى دليل البدء السريع المخصص للمدير "READ ME FIRST: Admin Quick Start Guide" في الصفحة الرئيسية كما هو ظاهر في الصورة أعلاه؛ إنه دليل مفصّل لإعداد النسخ الاحتياطية التلقائية والميزات الأخرى التي تحتاجها، ولكنه ليس ضروريًا لإطلاق المنتدى.
</p>

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

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-install-and-run-a-community-forum-with-discourse" rel="external nofollow">How to Install and Run a Community Forum with Discourse</a> لصاحبه B.J. Keeton.
</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-http-error-%D8%B9%D9%86%D8%AF-%D8%B1%D9%81%D8%B9-%D8%B5%D9%88%D8%B1-%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r794/" rel="">كيفية إصلاح الخطأ HTTP Error عند رفع صور لووردبريس</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%A7%D8%B3%D9%85-%D9%83%D8%A7%D8%AA%D8%A8-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84-%D9%81%D9%8A-%D8%A7%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-r791/" rel="">كيفية تغيير اسم كاتب المقال في الووردبريس بسهولة</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%B1%D9%8A%D8%B7%D8%A9-%D8%A7%D9%84%D8%AD%D8%B1%D8%A7%D8%B1%D9%8A%D8%A9-hotjar-r793/" rel="">تحليلات الخريطة الحرارية Hotjar</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">797</guid><pubDate>Wed, 21 Sep 2022 12:00:01 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x627;&#x644;&#x62E;&#x637;&#x623; HTTP Error &#x639;&#x646;&#x62F; &#x631;&#x641;&#x639; &#x635;&#x648;&#x631; &#x644;&#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-http-error-%D8%B9%D9%86%D8%AF-%D8%B1%D9%81%D8%B9-%D8%B5%D9%88%D8%B1-%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r794/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/630a56bdad48f_---6----HTTP-Error------.png.48e2d3561212cc4db22872c42914861c.png" /></p>

<p>
	يصعب الحصول على موقع ناجح بدون محتوى بصري، وغالبًا ما تتضمن أي صفحة تزورها مزيجًا من الصور أو الأيقونات أو الصور المتحركة، لكن إن صادفك <a href="https://academy.hsoub.com/devops/servers/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d9%88%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%b1%d9%85%d9%88%d8%b2-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-http-%d8%a7%d9%84%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-r116/" rel="">الخطأ HTTP</a> Error عند رفع الصور لووردبريس لن تتمكن من تضمين الصور في موقعك.
</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> ثم سوف نشرح 6 طرائق لحل هذا الخطأ.
</p>

<h2>
	ما هي أسباب ظهور الخطأ HTTP Error عند رفع صور لووردبريس
</h2>

<p>
	لا يبدو الخطأ HTTP Error الذي يظهر عند رفع الصور إلى ووردبريس مخيفًا عند موازنته مع بعض الأخطاء الأخرى التي يُمكن أن تظهر، فهو عبارة عن رسالة بسيطة تظهر ضمن <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>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106630" href="https://academy.hsoub.com/uploads/monthly_2022_08/001_http_error_upload_image_wordpress.png.3c2c9a75395d363f311cdf47dd9fd92f.png" rel=""><img alt="001_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106630" data-unique="82qitf6x7" src="https://academy.hsoub.com/uploads/monthly_2022_08/001_http_error_upload_image_wordpress.thumb.png.93de40a1d228662608d1cd011cebb2c1.png" style="width: 550px; height: auto;"></a>
</p>

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

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

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

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

<h3>
	تحقق إن انتهت جلسة دخولك ضمن ووردبريس
</h3>

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

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

<h3>
	أعد تسمية ملف الصورة أو غير حجمها أو حسّنها
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106631" href="https://academy.hsoub.com/uploads/monthly_2022_08/002_http_error_upload_image_wordpress.png.f0ecfa1ea81cc7184dcc92d36a0c5ac5.png" rel=""><img alt="002_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106631" data-unique="8afvyt2g0" src="https://academy.hsoub.com/uploads/monthly_2022_08/002_http_error_upload_image_wordpress.thumb.png.833fe81c33b7c3f9e5cfd2d82269f75c.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تضغط هذه الأداة ملفاتك لتخفيض حجمها، وهي طريقة بسيطة تُساعدك على تخفيض زمن تحميل موقعك ويُمكن أن تحل في بعض الأحيان الخطأ HTTP Error عند رفع الصور إلى ووردبريس. أيضًا يُمكنك حل هذه المشكلة من خلال تغيير أبعاد الصورة (العرض والارتفاع)، وتستطيع فعل هذا باستخدام منصة تحرير الصور المُفضلة لديك مثل <a href="https://support.apple.com/guide/preview/welcome/mac" rel="external nofollow">Preview</a> أو <a href="https://support.microsoft.com/en-us/help/4027344/windows-10-get-microsoft-paint" rel="external nofollow">Paint</a> أو <a href="https://www.adobe.com/products/photoshop.html" rel="external nofollow">Photoshop</a>.
</p>

<h3>
	ارفع حدود ذاكرة PHP لموقعك
</h3>

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

<p>
	يُمكن أن تؤدي الحدود المنخفضة لذاكرة PHP لظهور الخطأ HTTP Error أحيانًا عند رفع ملفات، وكقاعدة عامة يجب أن تكون حدود هذه الذاكرة ضمن موقعك 256 ميغا بايت على الأقل. الطريقة الأسهل لرفع حدود هذه الذاكرة هي من خلال الدخول للمجلد الرئيسي لموقعك (عادة public_html) باستخدام بروتوكول FTP وبرنامج Client FTP مثل <a href="https://filezilla-project.org/" rel="external nofollow">FileZilla</a>، ثم البحث عن ملف wp-config.php والضغط عليه بالزر الأيمن واختيار "View/Edit".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106632" href="https://academy.hsoub.com/uploads/monthly_2022_08/003_http_error_upload_image_wordpress.png.1e6434f92421fb1d7d38c30587d7120e.png" rel=""><img alt="003_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106632" data-unique="yvx8tcwn9" src="https://academy.hsoub.com/uploads/monthly_2022_08/003_http_error_upload_image_wordpress.png.1e6434f92421fb1d7d38c30587d7120e.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	ابحث ضمن هذا الملف عن السطر الذي يتضمن عبارة "That’s all, stop editing! Happy publishing." ثم أضف الشيفرة التالية:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_2198_9" style="">
<span class="pln">define</span><span class="pun">(</span><span class="pln"> </span><span class="str">'WP_MEMORY_LIMIT'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'256M'</span><span class="pln"> </span><span class="pun">);</span></pre>

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

<h3>
	تأكد من صلاحيات مجلد الرفع
</h3>

<p>
	تستخدم جميع الملفات والمجلدات ضمن تثبيت ووردبريس ما يُدعى بالصلاحيات، وهي تُمثل تعليمات صارمة لمن يستطيع الوصول (قراءة) أو تعديل (كتابة) أو تنفيذ الشيفرة ضمن الملفات في المسارات التي تتضمنها. يجب أن تمتلك صلاحيات كاملة كمدير للموقع ضمن المسار wp-content/uploads، وهو المسار حيث يحفظ ووردبريس الملفات المرفوعة، وفي حال صادفك الخطأ HTTP Error ضمن <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>
	أولًا عليك الوصول للموقع باستخدام <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> كما شرحنا في الخطوة السابقة والتوجه إلى المجلد wp-content، ثم البحث عن المجلد uploads والنقر عليه بزر الفأرة الأيمن ثم اختيار File permissions.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106633" href="https://academy.hsoub.com/uploads/monthly_2022_08/004_http_error_upload_image_wordpress.png.43431886997b072aae94f5434397571b.png" rel=""><img alt="004_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106633" data-unique="qer6n1zmw" src="https://academy.hsoub.com/uploads/monthly_2022_08/004_http_error_upload_image_wordpress.png.43431886997b072aae94f5434397571b.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	تحقق ضمن النافذة التي تظهر لك إن كان المالك Owner يمتلك صلاحيات القراءة والكتابة والتنفيذ حيث القيمة الرقمية المقابلة لهذه الصلاحيات هي 755.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106634" href="https://academy.hsoub.com/uploads/monthly_2022_08/005_http_error_upload_image_wordpress.png.606c7ef8c12c946c47ba96e2c8af9e48.png" rel=""><img alt="005_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106634" data-unique="uw5ldz5by" src="https://academy.hsoub.com/uploads/monthly_2022_08/005_http_error_upload_image_wordpress.png.606c7ef8c12c946c47ba96e2c8af9e48.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	إن كنت لا تملك الصلاحيات اللازمة عليك الضغط على الخيارات الصحيحة لضبط القيمة الرقمية على 755 ثم اضغط على OK، وحاول رفع صورة <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> مرة ثانية.
</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%AE%D8%B5%D9%8A%D8%B5-%D9%82%D8%A7%D9%84%D8%A8-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r482/" 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> واحدة تلو الأخرى ومع كل تعطيل حاول رفع صورة لمكتبة الوسائط للتأكد إن كان الخطأ HTTP Error ما زال قائمًا أو اختفى، وهذه العملية بسيطة لكنها تحتاج بعض الوقت وهذا يعتمد على عدد الإضافات الموجودة ضمن موقعك.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106635" href="https://academy.hsoub.com/uploads/monthly_2022_08/006_http_error_upload_image_wordpress.png.460004a47902fadaee01905f5cbb1176.png" rel=""><img alt="006_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106635" data-unique="jnqxpwwct" src="https://academy.hsoub.com/uploads/monthly_2022_08/006_http_error_upload_image_wordpress.png.460004a47902fadaee01905f5cbb1176.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يمنع تغيير اسم المسار ووردبريس من العثور على ملفات الإضافة مما يؤدي إلى تعطيلها جميعًا بخطوة واحدة، تستطيع بعدها اختبار ما إذا كان الخطأ HTTP Error ما زال يظهر عند رفع صورة لمكتبة وسائط ووردبريس. في حال توقف الخطأ عن الظهور ضمن موقعك فهذا يعني وجود مشكلة تعارض ضمن الإضافات وعليك العودة للمجلد وإعادة اسمه الأصلي، ثم العودة <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>
	من الناحية الأخرى إن لم يصلح تعطيل الإضافات هذه المشكلة عليك عندها العودة لمجلد الإضافات وإعادة اسمه الأصلي وتغيير القالب الفعّال لمعرفة إن كان هو سبب المشكلة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106636" href="https://academy.hsoub.com/uploads/monthly_2022_08/007_http_error_upload_image_wordpress.png.0b9d0dac96c9bde1b1e9247670cdf449.png" rel=""><img alt="007_http_error_upload_image_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106636" data-unique="6q2sjuocd" src="https://academy.hsoub.com/uploads/monthly_2022_08/007_http_error_upload_image_wordpress.thumb.png.9ad98b458b58c9326644626c7482bef6.png" style="width: 700px; 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%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/" rel="">لتتبع الأخطاء</a>، وعند تغيير القالب عد للموقع وحاول رفع صورة جديدة لووردبريس، في حال حُلت المشكلة فهذا يعني أنك عثرت على مصدر الخطأ.
</p>

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

<h3>
	تواصل مع مزود الاستضافة بخصوص الخطأ HTTP Error عند رفع صورة لووردبريس
</h3>

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

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

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

<p>
	غطينا في هذا المقال 6 حلول ممكنة تستطيع اتباعها لحل هذا الخطأ:
</p>

<ol>
<li>
		تحقق من انتهاء جلسة الدخول في ووردبريس.
	</li>
	<li>
		أعد تسمية الملف أو غير أبعاده وحسنه.
	</li>
	<li>
		ارفع حدود ذاكرة <a href="https://academy.hsoub.com/programming/php/%D8%AA%D9%85%D9%87%D9%8A%D8%AF-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-php-r235/" rel="">PHP</a>.
	</li>
	<li>
		تأكد من صلاحيات مجلد الرفع.
	</li>
	<li>
		حل مشكلة تعارض القالب أو أحد الإضافات.
	</li>
	<li>
		تواصل مع مزود الاستضافة لمزيد من المساعدة.
	</li>
</ol>
<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-fix-the-http-error-when-uploading-images-to-wordpress" rel="external nofollow">How to Fix the HTTP Error When Uploading Images to WordPress</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/general/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-http-r73/" rel="">مدخل إلى HTTP</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%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/" rel="">كيفية إصلاح أخطاء ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/devops/servers/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d9%88%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%b1%d9%85%d9%88%d8%b2-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-http-%d8%a7%d9%84%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-r116/" rel="">كيفية استكشاف وإصلاح رموز أخطاء HTTP الشائعة</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">794</guid><pubDate>Sat, 27 Aug 2022 18:05:44 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x62A;&#x63A;&#x64A;&#x64A;&#x631; &#x627;&#x633;&#x645; &#x643;&#x627;&#x62A;&#x628; &#x627;&#x644;&#x645;&#x642;&#x627;&#x644; &#x641;&#x64A; &#x627;&#x644;&#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633; &#x628;&#x633;&#x647;&#x648;&#x644;&#x629;</title><link>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%A7%D8%B3%D9%85-%D9%83%D8%A7%D8%AA%D8%A8-%D8%A7%D9%84%D9%85%D9%82%D8%A7%D9%84-%D9%81%D9%8A-%D8%A7%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-r791/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02b45a185_--------.png.590cb23ed8ec8577b3dcdf722d888037.png" /></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>. فعلى سبيل المثال، قد تعمل مع كتّاب يبيعون لك المقالات مع حقوق نشرها، عندها ستحتاج إلى وضع اسم كاتب ما (اسمك أو اسم المحرر مثلًا) للمقال. أو إن كنت صاحب مركز محتوى إلكتروني يحتوي الكثير من الكتّاب، فإن المحتوى سيكون مملوكًا في الغالب لمركز النشر وليس للكتّاب، أيّ أنه يمكن نشر المحتوى تحت أي اسم. أو ربما تريد تغيير اسم كاتب المقال لأنه لم يكمل كتابته أو أراد تغيير اسمه أو قرر النشر تحت اسم مستعار.
</p>

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

<p>
	إن تغيير اسم كاتب المقال في الووردبريس أبسط مما تتخيل؛ بل ربما هو أسهل شيء يمكنك تعلمه في الووردبريس على الإطلاق. ولكن على الرغم من سهولة العملية، إلا أنك ستحتاج لمعرفة الخطوات حتى تنفذها؛ فهي ليست من النوع الذي يمكن لأيّ <a href="https://academy.hsoub.com/apps/web/wordpress/wordpress-multisite/%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A%D9%86-%D9%88%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%B9%D9%84%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%85%D9%8F%D8%AA%D8%B9%D8%AF%D9%91%D8%AF-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r182/" rel="">مستخدم ووردبريس</a> أن يكتشف طريقتها بسهولة وسرعة.
</p>

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

<h2>
	كيفية إضافة كاتب جديد إلى الووردبريس
</h2>

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

<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>
		انقر على تبويب "أعضاء" في الشريط الجانبي الأيمن.
	</li>
	<li>
		انقر على "أضف جديد".
	</li>
	<li>
		املأ المعلومات المطلوبة.
	</li>
	<li>
		اختر رتبة العضو "كاتب".
	</li>
	<li>
		انقر على زر "إضافة عضو جديد".
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106582" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02b03c43e_01-.png.f13a167030b208df8bd16dafec5f23e0.png" rel=""><img alt="01 - كيفية إضافة كاتب جديد إلى الووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106582" data-unique="waq24bmsi" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02b3c6c3f_01-.thumb.png.88229353e65a7b458cf4bbda95ebe4f6.png" style="width: 650px; height: auto;"></a>
</p>

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

<h2>
	تحرير إعدادات حساب الكاتب
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106583" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02b638b17_02-.png.6a91513ad549a26c37ae6b7cedf45a08.png" rel=""><img alt="02 - تحرير إعدادات حساب الكاتب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106583" data-unique="akcgzo14p" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02b87b377_02-.thumb.png.2abcfe2229103d1e5fd773272075e225.png" style="width: 700px; height: auto;"></a>
</p>

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

<ul>
<li>
		تغيير كلمة مرور الحساب.
	</li>
	<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%A5%D8%B6%D8%A7%D9%81%D8%A9-%D8%B5%D9%88%D8%B1%D8%A9-%D8%B4%D8%AE%D8%B5%D9%8A%D8%A9-%D9%84%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r472/" rel="">الصورة الشخصية</a>.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106584" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02ba68657_03-.png.77fe2ddb60f8b765adc346f8931d1094.png" rel=""><img alt="03 - تحرير إعدادات حساب الكاتب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106584" data-unique="zczxg042p" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02bccf73c_03-.thumb.png.89fe6d086283c149a465e140dde48980.png"></a>
</p>

<h3>
	تغيير الاسم الظاهر للكاتب
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106585" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02beccb52_04-.png.17eec3203287bf082087cebeecfafa02.png" rel=""><img alt="04 - تغيير الاسم الظاهر للكاتب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106585" data-unique="p4p00pp8b" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c0a3e99_04-.thumb.png.91c96c6a28a552066f6394b604f5d06d.png"></a>
</p>

<h3>
	تغيير الرابط الدائم الخاص بصفحة الكاتب
</h3>

<p>
	عندما تنتقل إلى صفحة أرشيف مقالات الكاتب والتي تحتوي كل المقالات التي كتبها سابقًا في الموقع، يمكنك ملاحظة "الرابط الدائم" الخاص بالكاتب في نهاية العنوان الإلكتروني URL الخاص بالصفحة. يتكون "الرابط الدائم" عادةً من اسم المستخدم الخاص بحساب الكاتب في الووردبريس، فمثلًا لو كان اسم المستخدم Seddik Demyati سيكون الرابط الدائم هو seddik-demyati كما هو ظاهر في الصورة أدناه:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106586" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c1996bd_05-.png.cad134db163775cf5033cc345ada4c60.png" rel=""><img alt="05 - تغيير الرابط الدائم الخاص بصفحة الكاتب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106586" data-unique="5axhz1f9s" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c1996bd_05-.png.cad134db163775cf5033cc345ada4c60.png" style="width: 650px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106587" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c2d05e0_06-.png.9e9e4dd1d09baed1c599f3489d005416.png" rel=""><img alt="06 - تغيير الرابط الدائم الخاص بصفحة الكاتب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106587" data-unique="z0gn52r3x" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c65d827_06-.thumb.png.9c7779c2ce3c2426e0f52984d00adb5c.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	تغيير اسم المستخدم الخاص بالكاتب
</h3>

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

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

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

<ul>
<li>
		انقر على "مقالات" في لوحة تحكم الووردبريس، ثم انقر على "كل المقالات".
	</li>
	<li>
		ضع مؤشر الفأرة على المقال الذي تريد تريد تغيير كاتبه وانقر على "تحرير".
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106588" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02c898ae0_07-.png.954e4ceffbac6379a9e0305dca77cd65.png" rel=""><img alt="07 - كيفية تغيير اسم الكاتب لاسم كاتب آخر في محرر المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106588" data-unique="oj3h4ymij" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02cb5c209_07-.thumb.png.71ef804d3eebc0a89bacb4e61df61c16.png" style="width: 700px; height: auto;"></a>
</p>

<ul>
<li>
		انقر على زر "الإعدادات" من الزاوية اليمنى العلوية، ثم افتح تبويب "مقالة".
	</li>
	<li>
		ابحث عن حقل "الكاتب" ضمن قسم "الحالة والظهور".
	</li>
	<li>
		افتح القائمة المنسدلة لتغيير الكاتب من خلال اختيار أحد الكتّاب المسجلين في موقعك.
	</li>
	<li>
		انقر على زر "تحديث" لحفظ التغييرات في المقال.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106589" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02cd6b62f_08-.png.3d6449b27f59bc5b0e5a0b3a9c4aef9f.png" rel=""><img alt="08 - كيفية تغيير اسم الكاتب لاسم كاتب آخر في محرر المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106589" data-unique="y6s1odaud" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02ce5674a_08-.thumb.png.5f5171e3babc9de92b1424e2bc6e22a5.png" style="width: 650px; height: auto;"></a>
</p>

<h2>
	كيفية تغيير اسم كاتب المقال في المحرر الكلاسيكي
</h2>

<p>
	إليك خطوات تغيير اسم الكاتب لاسم كاتب آخر في المحرر الكلاسيكي:
</p>

<ul>
<li>
		انقر على زر "خيارات الشاشة" في الزاوية العلوية اليسرى لصفحة المحرر.
	</li>
	<li>
		فعّل خيار "كاتب".
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106590" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02cf66302_09-.png.013f049d0783e24c8900bd8f78bf793e.png" rel=""><img alt="09 - كيفية تغيير اسم الكاتب لاسم كاتب آخر في المحرر الكلاسيكي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106590" data-unique="sgb5pl0du" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02d1137aa_09-.thumb.png.cd660e251f9926182a870be307c9c27f.png" style="width: 650px; height: auto;"></a>
</p>

<ul>
<li>
		مرر الصفحة وصولًا لأسفل مربع تحرير للمقال حيث سترى قسم "كاتب" الذي يحتوي على قائمة منسدلة يمكنك منها تغيير كاتب المقال واختيار أحد الكتّاب المسجلين في موقعك.
	</li>
	<li>
		انقر على زر "تحديث" لحفظ التغييرات في المقال.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106591" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02d2ad6d8_10-.png.35ddb8d5f6e03fa50562403f106e7511.png" rel=""><img alt="10 - كيفية تغيير اسم الكاتب لاسم كاتب آخر في المحرر الكلاسيكي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106591" data-unique="s2agrpke0" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02d67cc41_10-.thumb.png.84a563508a8ac948359cbde0374710ed.png" style="width: 650px; height: auto;"></a>
</p>

<h2>
	كيفية تغيير اسم كاتب المقال في المحرر السريع
</h2>

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

<ul>
<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>
		ضع مؤشر الفأرة فوق المقالة التي تريد تغيير اسم كاتبها.
	</li>
	<li>
		ستظهر عدة خيارات تحت عنوان المقال، انقر منها على خيار "تحرير سريع".
	</li>
	<li>
		غيّر الكاتب من قسم "كاتب" الذي يحتوي قائمة منسدلة فيها أسماء كل الكتّاب المسجلين في موقعك.
	</li>
	<li>
		انقر على زر "تحديث".
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106592" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02d9459dd_12-.png.5e96d2baeb2f66cf48572661e93fc60f.png" rel=""><img alt="12 - كيفية تغيير اسم الكاتب لاسم كاتب آخر في المحرر السريع.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106592" data-unique="vsl3nt8jl" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02dce319a_12-.thumb.png.a6228f37ffdf0f534868732cd3ed6852.png" style="width: 700px; height: auto;"></a>
</p>

<h2>
	كيفية تغيير اسم الكاتب في عدة مقالات بآنٍ واحد
</h2>

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

<ul>
<li>
		انقر على "مقالات"، ثم "كل المقالات".
	</li>
	<li>
		حدد المقالات التي تريد تغيير اسم الكاتب فيها (أو اضغط على مربع الاختيار بجانب "العنوان" لتحديد جميع المقالات دفعةً واحدة).
	</li>
	<li>
		اختر أمر "تحرير" من قائمة الأوامر، ثم انقر على زر "تطبيق".
	</li>
	<li>
		ستفتح نافذة تحتوي على عدة خيارات، إحداها قائمة بأسماء الكتّاب المسجلين لكي تختار منها اسم الكاتب الجديد.
	</li>
	<li>
		انقر على زر "تحديث" لإجراء التغيير على كل المقالات المحددة مرةً واحدة.
	</li>
</ul>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106593" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e0445f6_13-.png.090cad72f35be0a3076a4a611d4358f9.png" rel=""><img alt="13 - كيفية تغيير اسم الكاتب في عدة مقالات بآنٍ واحد.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106593" data-unique="pbiy48fl2" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e0c2091_13-.thumb.png.404095c45c7a24f850fa248df4e00454.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يمكنك تعيين اسم كاتب جديد واحد فقط لعدة مقالات في آنٍ واحد، ولكن لا يمكنك تعيين أسماء كتّاب مختلفين لعدة مقالات في نفس المرة؛ في هذه الحالة يجب عليك تكرار عملية تغيير اسم الكاتب لكل مجموعة مقالات.
</p>

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

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

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

<h3>
	الطريقة الأولى: من خلال إعدادات القالب
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106594" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e2b9ee5_14-.png.4560be26e862f4f4d65ea4ff3baf55f7.png" rel=""><img alt="14 - من خلال إعدادات القالب.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106594" data-unique="1rvpnattq" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e30be19_14-.thumb.png.f9508e0ef80da6fe46e05a00a2c594cc.png" style="width: 600px; height: auto;"></a>
</p>

<h3>
	الطريقة الثانية: تعديل ملفات CSS
</h3>

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

<h3>
	الطريقة الثالثة: باستخدام إضافة مخصصة
</h3>

<p>
	يُعد تعديل ملفات CSS أمرًا محفوفًا بالمخاطر، فإن كان تعديلها لا يُشعرك بالراحة، فيمكنك بدلًا من ذلك استخدام إضافة مخصصة لإخفاء اسم الكاتب من مقالات الووردبريس. من أشهر تلك الإضافات المتخصصة هي إضافة WP Meta and Date Remover؛ ما عليك سوى تنصيبها وتفعيلها واختيار طريقة إخفاء بيانات الكاتب من الظهور.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106595" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e43c13f_15-.png.6a8a8b4e32916c880ee214c5a4d5f1ea.png" rel=""><img alt="15 - باستخدام إضافة مخصصة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106595" data-unique="o8j00jajy" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02e718bed_15-.thumb.png.5b4fdfc84540920425126b3609301697.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106596" href="https://academy.hsoub.com/uploads/monthly_2022_08/630a02ebbf08a_16-.png.103c79ee6882e36d37f85c9e758b12a0.png" rel=""><img alt="16 - باستخدام إضافة مخصصة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106596" data-unique="erpjdejog" src="https://academy.hsoub.com/uploads/monthly_2022_08/630a02ee030fc_16-.thumb.png.f8bce8ce178460e3dddc51f0a39c5d02.png" style="width: 600px; height: auto;"></a>
</p>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-easily-change-the-author-in-wordpress" rel="external nofollow">How to Easily Change the Author in WordPress</a> لصاحبته Lindsay Pietroluongo.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1-%D8%A7%D8%B3%D9%85-%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D8%A7%D9%84%D9%85%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-r145/" rel="">تغيير اسم مستخدم المدير في ووردبريس</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%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r475/" rel="">كيفية ضبط إعدادات صفحة الكتابة في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">791</guid><pubDate>Sat, 27 Aug 2022 12:33:48 +0000</pubDate></item><item><title>&#x62A;&#x62D;&#x644;&#x64A;&#x644;&#x627;&#x62A; &#x627;&#x644;&#x62E;&#x631;&#x64A;&#x637;&#x629; &#x627;&#x644;&#x62D;&#x631;&#x627;&#x631;&#x64A;&#x629; Hotjar</title><link>https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%B1%D9%8A%D8%B7%D8%A9-%D8%A7%D9%84%D8%AD%D8%B1%D8%A7%D8%B1%D9%8A%D8%A9-hotjar-r793/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/630a4d2fe9c1f_---Hotjar.png.10b331bc4e898e53dd3807d5b6b60000.png" /></p>

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

<h2>
	مقدمة عن Hotjar
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106621" href="https://academy.hsoub.com/uploads/monthly_2022_08/001_wordpress_hotjar_heatmap.png.f602d114188a943e1e5e62eed085ab4c.png" rel=""><img alt="001_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106621" data-unique="byp6ezfqx" src="https://academy.hsoub.com/uploads/monthly_2022_08/001_wordpress_hotjar_heatmap.thumb.png.9696082d971013b618ece47f050d1aa9.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	إن <a href="https://www.hotjar.com" rel="external nofollow">Hotjar</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-%D8%A7%D9%84%D8%AE%D8%B1%D8%A7%D8%A6%D8%B7-%D8%A7%D9%84%D8%AD%D8%B1%D8%A7%D8%B1%D9%8A%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%AC%D9%88%D8%AF%D8%A9-%D9%85%D9%88%D9%82%D8%B9%D9%83-r792/" rel="">الخرائط الحرارية</a> لعرض النتائج. تستطيع الوصول إلى <a href="https://academy.hsoub.com/design/user-experience/%D9%85%D8%A7%D8%B0%D8%A7-%D8%AA%D8%AE%D8%A8%D8%B1%D9%86%D8%A7-%D9%86%D9%82%D8%B1%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%B5%D8%A8%D9%8A%D8%A9-%D8%B9%D9%86-%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-r703/" rel="">الخرائط الحرارية للنقرات</a> والحركة والتصفح عن طريق Hotjar والتبديل بين هذه الخرائط لحظي، يحتاج نقرة واحدة فقط، وتتبع المنصة كل من جلسات الحاسوب والهاتف الذكي لذا سوف تلحظ الفرق في السلوك بين هاتين المجموعتين المختلفتين من المستخدمين.
</p>

<p>
	إن كنت ترغب في التعمق أكثر في <a href="https://academy.hsoub.com/apps/web/wordpress/14-%D8%A3%D8%AF%D8%A7%D8%A9%D9%8B-%D8%AA%D8%B3%D8%A7%D8%B9%D8%AF%D9%83-%D8%B9%D9%84%D9%89-%D9%81%D9%87%D9%85-%D8%B3%D9%84%D9%88%D9%83-%D8%B2%D9%88%D8%A7%D8%B1-%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A3%D9%88-%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-%D9%88%D8%A7%D8%AD%D8%AA%D9%8A%D8%A7%D8%AC%D8%A7%D8%AA%D9%87%D9%85-r257/" rel="">فهم سلوك الزوار ضمن موقعك</a> فإن Hotjar يُسجل جلسات كاملة عن الزوار، وبالتالي تستطيع تتبع المستخدمين خلال رحلتهم الكاملة ضمن موقعك لتتطلع على ما يفعلونه في كل مرحلة، كما أن Hotjar يسمح لك بتحليل استخدام النماذج ضمن صفحاتك وإجراء استبيانات.
</p>

<p>
	لا بد أنك تفكر كم تُكلف هذه الخدمة، وكما تظن فإن Hotjar ليس خدمةً مجانيةً، ولاستخدامه عليك التسجيل في خطة ضمن موقع المنصة، وربط حسابك مع ووردبريس من خلال <a href="https://wordpress.org/plugins/hotjar/" rel="external nofollow">إضافة Hotjar</a>، وللوصول إلى الخرائط الحرارية والتسجيلات عليك استخدام المنصة.
</p>

<p>
	<strong>المميزات الرئيسية</strong>:
</p>

<ul>
<li>
		<a href="https://academy.hsoub.com/design/user-experience/%D8%AA%D8%AD%D9%84%D9%8A%D9%84-%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-%D9%88%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D9%84%D8%AA%D8%AD%D9%88%D9%8A%D9%84-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1-%D8%A5%D9%84%D9%89-%D8%B9%D9%85%D9%84%D8%A7%D8%A1-r678/" rel="">تحليل سلوك المستخدم</a> باستخدام ثلاث أنواع من الخرائط الحرارية.
	</li>
	<li>
		تتبع بيانات جلسات الحاسوب والهاتف الذكي.
	</li>
	<li>
		تسجيل جلسات كاملة للمستخدم وإعادة تشغيلها عند الحاجة.
	</li>
	<li>
		تحليل استخدام النموذج ضمن صفحاتك.
	</li>
	<li>
		إجراء استبيانات وتصويت للزوار.
	</li>
</ul>
<p>
	توفر منصة Hotjar خطة مجانية للاستخدام الشخصي والتي تدعم حتى 300 تسجيل للزوار وثلاث أنواع مختلفة من الخرائط الحرارية.
</p>

<h2>
	كيفية استخدام Hotjar لإضافة ميزة الخرائط الحرارية لموقعك
</h2>

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

<h3>
	الخطوة الأولى: ضبط حساب Hotjar وتثبيت إضافة ووردبريس
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106622" href="https://academy.hsoub.com/uploads/monthly_2022_08/002_wordpress_hotjar_heatmap.png.69b75cf4c577776229adf541c45e1517.png" rel=""><img alt="002_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106622" data-unique="eg05q4i30" src="https://academy.hsoub.com/uploads/monthly_2022_08/002_wordpress_hotjar_heatmap.png.69b75cf4c577776229adf541c45e1517.png" style="width: 380px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106623" href="https://academy.hsoub.com/uploads/monthly_2022_08/003_wordpress_hotjar_heatmap.png.532b7ec2ab09d9d7a8a860ea3a70be21.png" rel=""><img alt="003_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106623" data-unique="9cvxbpsw9" src="https://academy.hsoub.com/uploads/monthly_2022_08/003_wordpress_hotjar_heatmap.thumb.png.07e757f7b89caca00064ab368f4cb41f.png" style="width: 380px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<img alt="004_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106624" data-unique="6ksdae0od" src="https://academy.hsoub.com/uploads/monthly_2022_08/004_wordpress_hotjar_heatmap.png.a92a7d683ec92bf7e45477f96280d690.png" style="width: 500px; height: auto;"></p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106625" href="https://academy.hsoub.com/uploads/monthly_2022_08/005_wordpress_hotjar_heatmap.png.39ce093d4c53ce7270ff71d53a8d0b0f.png" rel=""><img alt="005_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106625" data-unique="u7lef2v4m" src="https://academy.hsoub.com/uploads/monthly_2022_08/005_wordpress_hotjar_heatmap.png.39ce093d4c53ce7270ff71d53a8d0b0f.png" style="width: 500px; height: auto;"></a>
</p>

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

<h3>
	الخطوة الثانية: احصل على معرف Hotjar الخاص بك وأضفه إلى ووردبريس
</h3>

<p>
	عليك الآن نسخ معرف الموقع أو إبقاء تبويب حسابك على منصة Hotjar مفتوحًا والتوجه إلى لوحة تحكم ووردبريس وتثبيت وتفعيل <a href="https://wordpress.org/plugins/hotjar/#installation" rel="external nofollow">إضافة Hotjar الرسمية</a>.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106626" href="https://academy.hsoub.com/uploads/monthly_2022_08/006_wordpress_hotjar_heatmap.png.c51745abc21ad09798c3560be6e7dd8e.png" rel=""><img alt="006_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106626" data-unique="1k7gd61ms" src="https://academy.hsoub.com/uploads/monthly_2022_08/006_wordpress_hotjar_heatmap.png.c51745abc21ad09798c3560be6e7dd8e.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	الخطوة الثالثة: الوصول للخرائط الحرارية الخاصة بموقعك
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106627" href="https://academy.hsoub.com/uploads/monthly_2022_08/007_wordpress_hotjar_heatmap.png.1e37f73c115055ff2d7c843fa9e200cc.png" rel=""><img alt="007_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106627" data-unique="4w7j63dct" src="https://academy.hsoub.com/uploads/monthly_2022_08/007_wordpress_hotjar_heatmap.thumb.png.87da5547710ee531741e3cc822504724.png" style="width: 750px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106628" href="https://academy.hsoub.com/uploads/monthly_2022_08/008_wordpress_hotjar_heatmap.png.1b2d86e8954ccb9d4a5dd1d4954e3514.png" rel=""><img alt="008_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106628" data-unique="x1t4qa7ud" src="https://academy.hsoub.com/uploads/monthly_2022_08/008_wordpress_hotjar_heatmap.thumb.png.ebe0b751c063f78ba5ad56979e134967.png" style="width: 550px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106629" href="https://academy.hsoub.com/uploads/monthly_2022_08/009_wordpress_hotjar_heatmap.png.7a29aa1a01d78d57b40f3dd49af99146.png" rel=""><img alt="009_wordpress_hotjar_heatmap.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106629" data-unique="rg20h7d71" src="https://academy.hsoub.com/uploads/monthly_2022_08/009_wordpress_hotjar_heatmap.thumb.png.a5eda80798dfb4f36c0308287f05e057.png" style="width: 550px; height: auto;"></a>
</p>

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

<h2>
	متى عليك استخدام Hotjar مقارنة مع أدوات الخرائط الحرارية الأخرى
</h2>

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

<p>
	إن كنت تستخدم مُسبقًا أداة تحليلات مثل <a href="https://academy.hsoub.com/marketing/performance-marketing/analytics/%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D9%8A%D8%A9-%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1-%D8%A3%D9%87%D9%85%D9%8A%D8%A9-%D9%81%D9%8A-%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D8%A7%D8%AA-%D8%AC%D9%88%D8%AC%D9%84-r544/" rel="">تحليلات جوجل</a>، عندها سوف تُسعد لمعرفة أنها تتوافق مع Hotjar، ومن المؤسف أن <a href="https://academy.hsoub.com/marketing/performance-marketing/analytics/%D9%83%D9%8A%D9%81-%D9%8A%D8%B9%D9%85%D9%84-google-analytics-r6/" rel="">تحليلات جوجل</a> لا توفر خيار توليد الخرائط الحرارية مباشرةً، لكن دمج الخدمتين (تحليلات جوجل و Hotjar) يوفر لك وصولًا لمعلومات ثمينة تتعلق بسلوك المستخدم كما أنها لا تتعارض مع بعضها.
</p>

<p>
	إن معظم أدوات الخرائط الحرارية متوافقة مع ووردبريس ومع ذلك من السهل التوصية بخدمة Hotjar لمعظم المستخدمين، لكن إن كنت تريد تجنب استخدام منصة خارجية تستطيع استخدام إضافة <a href="https://wordpress.org/plugins/aurora-heatmap/" rel="external nofollow">Aurora Heatmap</a>.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/hotjar-heatmap-analytics-an-overview-and-review" rel="external nofollow">Hotjar Heatmap Analytics: An Overview and Review</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-%D8%A7%D9%84%D8%AE%D8%B1%D8%A7%D8%A6%D8%B7-%D8%A7%D9%84%D8%AD%D8%B1%D8%A7%D8%B1%D9%8A%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%AC%D9%88%D8%AF%D8%A9-%D9%85%D9%88%D9%82%D8%B9%D9%83-r792/" 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%B6%D8%A7%D9%81%D8%A9-google-analytics-%D8%A5%D9%84%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%85%D9%84%D8%AD%D9%82-%D8%A8%D8%B3%D9%8A%D8%B7-r83/" rel="">كيفية إضافة Google Analytics إلى ووردبريس باستخدام ملحق بسيط</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/marketing/performance-marketing/analytics/%D9%84%D9%84%D9%85%D8%AF%D9%88%D9%86%D9%8A%D9%86-%D9%83%D9%8A%D9%81-%D8%AA%D9%81%D8%B3%D8%B1-%D8%A7%D9%84%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D8%A9-%D8%A8%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83-r130/" rel="">للمدونين: كيف تفسر التحليلات الخاصة بمدونتك</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">793</guid><pubDate>Sat, 27 Aug 2022 17:28:12 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x642;&#x627;&#x639;&#x62F;&#x629; &#x628;&#x64A;&#x627;&#x646;&#x627;&#x62A; &#x627;&#x644;&#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-%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r790/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd44317d3_-----.png.81656d41c6cbc29212ae0caec1791f93.png" /></p>

<p>
	تُعد <a href="https://academy.hsoub.com/devops/servers/databases/%D8%A7%D9%84%D9%85%D9%81%D8%A7%D9%87%D9%8A%D9%85-%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%81%D9%8A-%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-%D9%88%D8%AA%D8%B5%D9%85%D9%8A%D9%85%D9%87%D8%A7-r519/" rel="">قواعد البيانات</a> في الووردبريس إحدى المكونات الأساسية لنظام <a href="https://academy.hsoub.com/apps/web/10-%D9%85%D8%B9%D8%A7%D9%8A%D9%8A%D8%B1-%D9%84%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cms-r170/" rel="">إدارة المحتوى CMS</a>. إذ يستخدم الووردبريس قاعدة البيانات لتخزين كامل محتوى موقعك. وهذا يعني أن أيّ خطأٍ يحدث في مساحة تخزين قاعدة البيانات سيؤدي إلى فشل عمل موقعك بالكامل؛ فإن واجهك خطأٌ كهذا، عندها ستضطر للبحث عن حلٍّ من أجل إصلاح قاعدة بيانات موقعك الووردبريس.
</p>

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

<h2>
	علامات تشير إلى حاجة قاعدة بيانات الووردبريس للإصلاح
</h2>

<p>
	قد تواجه أخطاء عديدة أثناء تشغيل <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%87%D9%84-%D8%A3%D9%86%D8%AA-%D8%AC%D8%AF%D9%8A%D8%AF-%D8%B9%D9%84%D9%89-%D8%B9%D8%A7%D9%84%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3%D8%9F-%D8%A5%D9%84%D9%8A%D9%83-%D9%85%D8%A7-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D9%85%D8%B9%D8%B1%D9%81%D8%AA%D9%87-%D8%A3%D9%88%D9%91%D9%84%D9%8B%D8%A7-r202/" rel="">موقعك الووردبريس</a>، ولكن ليس بالضرورة أن يكون جميعها مرتبطًا بقاعدة البيانات. إن أحد الأخطاء القليلة التي عليك أن تعلم عندما تراها أنها مرتبطة مباشرةً بقاعدة البيانات هو: "خطأ في إنشاء اتصال بقاعدة البيانات".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106568" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd4158c05_01-.png.42e6ecd1c3b4cea5f92db8e0c042821e.png" rel=""><img alt="01 - علامات تشير إلى حاجة قاعدة بيانات الووردبريس للإصلاح.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106568" data-unique="23q6rfyae" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd429041a_01-.thumb.png.e23e61e29a9b77a3c4f492be830a40d9.png" style="width: 650px; 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="106569" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd445f9fe_02-.png.62716f875526ccb44b2b008e72427d73.png" rel=""><img alt="02 - علامات تشير إلى حاجة قاعدة بيانات الووردبريس للإصلاح.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106569" data-unique="y183kuh96" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd44b5cc7_02-.thumb.png.c7bf59ef3c16347138d71bc64e861ae7.png" style="width: 580px; height: auto;"></a>
</p>

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

<ul>
<li>
		فقدان محتوى وصور من موقعك.
	</li>
	<li>
		أخطاء أثناء رفع الملفات إلى موقعك الووردبريس.
	</li>
	<li>
		إحدى الإضافات لا تعمل بطريقة صحيحة.
	</li>
	<li>
		توجد عدة تغييرات غير مفهومة في محتوى موقعك.
	</li>
</ul>
<p>
	يتكون كل <a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r1248/" rel="">تنصيبٍ للووردبريس</a> من جزأين: الملفات الأساسية وقاعدة البيانات. حيث إن كامل محتوى موقعك الووردبريس سيُخزن في قاعدة البيانات؛ فإن تعذر على ووردبريس إنشاء اتصالٍ معها، فقد يتوقف موقعك عن العمل بالكامل.
</p>

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

<h3>
	أسباب حدوث الأخطاء في قواعد البيانات في ووردبريس
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106570" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd45bee21_03-.png.22bde9747bedaae925bcb721eac6b0dd.png" rel=""><img alt="03 - أسباب حدوث الأخطاء في قواعد البيانات في ووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106570" data-unique="9zppcmyby" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd47e1ece_03-.thumb.png.434c7287e16086b31b055d2bfc7755e7.png" style="width: 600px; height: auto;"></a>
</p>

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

<p>
	قد تواجه أيضًا مشكلاتٍ في الاتصال بقاعدة البيانات إن أصبحت قاعدة البيانات "تالفة". إن الأسباب الشائعة لحدوث تلف الملفات هي:
</p>

<ul>
<li>
		نتيجة وقوع أخطاءٍ أثناء تحديث قاعدة البيانات أو الإضافات أو القوالب.
	</li>
	<li>
		بسبب استخدام إصدار قديم من <a href="https://academy.hsoub.com/programming/php/%D8%AA%D9%85%D9%87%D9%8A%D8%AF-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-php-r235/" rel="">PHP</a>.
	</li>
	<li>
		إعداد خاطئ لأذونات الوصول إلى الملفات أو الدليل.
	</li>
</ul>
<p>
	لذلك، إذا واجهتك مشكلاتٍ في الاتصال بقاعدة بيانات ووردبريس وكنت متأكدًا من عدم وجود أيّة أخطاء في ملف wp-config.php، فمن المحتمل أن تكون المشكلة هي وجود تلف في ملفات قاعدة البيانات. إن أفضل شيءٍ يمكنك فعله في هذه الحالة هو محاولة إصلاح قاعدة بيانات الووردبريس.
</p>

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

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

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

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

<h3>
	كيفية إجراء نسخ احتياطي لقاعدة البيانات في ووردبريس
</h3>

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

<ol>
<li>
		<strong>باستخدام إضافة مخصصة لإجراء نسخ احتياطي للووردبريس</strong>: تستطيع معظم إضافات النسخ الاحتياطي إنشاء نسخ متعددة من ملفات موقعك وقاعدة البيانات. وإن كنت تملك صلاحية الدخول إلى لوحة تحكم موقع الووردبريس، فيمكنك أيضًا استخدام الإضافات لإنشاء نسخة مخصصة للقراءة فقط من قاعدة البيانات تُعرف باسم Snapshot؛ والتي تُستخدم في حال كان حجم قاعدة البيانات كبيرًا من أجل اختصار وقت النسخ.
	</li>
	<li>
		<strong>من خلال لوحة تحكم استضافة موقعك</strong>: توفر بعض شركات الاستضافة إمكانية إنشاء نسخة احتياطية من قاعدة البيانات أو تصدير نسخةٍ منها من خلال لوحات التحكم الخاصة بهم.
	</li>
	<li>
		<strong>باستخدام برنامج إدارة قواعد البيانات</strong>: يمكن لمعظم برامج إدارة قواعد البيانات، إن لم يكن جميعها، إنشاء نسخة من قاعدة البيانات الخاصة بموقعك.
	</li>
</ol>
<p>
	إن عدم قدرتك على تسجيل الدخول إلى لوحة تحكم الووردبريس بسبب وقوع أخطاء محددة هو احتمالٌ وارد الحدوث جدًا؛ وفي حالٍ كهذا، ستضطر إلى الوصول إلى قاعدة البيانات مباشرةً. فإن كنت تستطيع استخدام أداة <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="">phpMyAdmin</a>، فلن يكون إنشاء نسخة احتياطية من قاعدة البيانات أمرًا صعبًا بالنسبة لك.
</p>

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

<p>
	ستتمكن في الصفحة التالية من اختيار "طريقة التصدير" التي تريد استخدامها و"الصيغة" التي تريد حفظ ملف قاعدة البيانات بها. ستنشئ طريقة التصدير السريع "Quick" نسخة كاملة من قاعدة البيانات، وستكون <a href="https://academy.hsoub.com/programming/sql/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-sql-r844/" rel="">صيغة SQL</a> هي الصيغة الافتراضية للبيانات. سيساعدك وجود نسخة احتياطية كاملة من قاعدة البيانات على تجنب الوقوع في مشكلاتٍ أكبر في حال حدوث أيّ خطأٍ أثناء إجراء عملية إصلاح قاعدة البيانات من خلال استعادتها النسخة الاحتياطية مباشرةً.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106571" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd49e442b_04-.png.2d1883142de22ac091b18e01b05bb6b1.png" rel=""><img alt="04 - كيفية إجراء نسخ احتياطي لقاعدة البيانات في ووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106571" data-unique="rb2a9jal3" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd4b3a728_04-.thumb.png.06c2981791b8aed8c2d2a3b14e43f604.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	1. استخدام أداة phpMyAdmin لإصلاح قاعدة البيانات
</h3>

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

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106572" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd4d0802a_05-phpMyAdmin.png.341e58062bb015eaa696486654465a66.png" rel=""><img alt="05 - استخدام أداة phpMyAdmin لإصلاح قاعدة البيانات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106572" data-unique="3vuwyjc31" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd4ec59ab_05-phpMyAdmin.thumb.png.5565b0a560c2d1260154cd40da1f3e98.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106573" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd4fdb44a_06-phpMyAdmin.png.854ea579487c69ebd4c1bd676dc7b6da.png" rel=""><img alt="06 - استخدام أداة phpMyAdmin لإصلاح قاعدة البيانات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106573" data-unique="ffpbmmauz" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd50a52cf_06-phpMyAdmin.thumb.png.3dcaa6df8e1232acd3a1ae53db7c5fdf.png" style="width: 680px; height: auto;"></a>
</p>

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

<h3>
	2. إصلاح قاعدة البيانات باستخدام الإضافات
</h3>

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

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

<p>
	بمجرد تنصيب الإضافة وتفعيلها، توجه إلى تبويب "Database" ومن ثم "Repair DB" في <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>. يمكنك من الصفحة التالية تحديد الجداول التي تريد إصلاحها. ولإصلاح كامل قاعدة البيانات، حدد جميع الجداول وانقر فوق زر "Repair" في أسفل الشاشة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106574" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd51ecb02_07-.png.6eb4b1f4e1c4e1f71c7bc477d71e6880.png" rel=""><img alt="07 - إصلاح قاعدة البيانات باستخدام الإضافات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106574" data-unique="grsu6zhxi" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd554e087_07-.thumb.png.fe67b86a8c285db9bc8d43a509fe0707.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<h3>
	3. استخدام أداة إصلاح قاعدة البيانات الخاصة بالووردبريس
</h3>

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

<p>
	للوصول إلى ملف wp-config.php، اتصل بموقعك الووردبريس باستخدام <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> وانتقل إلى المجلد الأساسي للموقع؛ وهناك ستجد ملف wp-config.php.
</p>

<p>
	ابحث داخل الملف عن السطر الذي يحتوي الجملة التالية: "That's all, stop editing! Happy publishing"؛ وقبل هذا السطر مباشرةً أضف السطر البرمجي التالي:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_100_32" style="">
<span class="pln">define </span><span class="pun">(</span><span class="str">'WP_ALLOW_REPAIR'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">);</span></pre>

<p>
	احفظ التغييرات التي أجريتها في ملف wp-config.php، ثم انسخ الرابط التالي في المتصفح ولا تنسى استبدال "yoursite.com" باسم النطاق الخاص بموقعك:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_100_30" style="">
<span class="pln">yoursite</span><span class="pun">.</span><span class="pln">com</span><span class="pun">/</span><span class="pln">wp</span><span class="pun">-</span><span class="pln">admin</span><span class="pun">/</span><span class="pln">maint</span><span class="pun">/</span><span class="pln">repair</span><span class="pun">.</span><span class="pln">php</span></pre>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106575" href="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd56e83e6_08-.png.0fc18fbdaa6766ea58e9da2c48103674.png" rel=""><img alt="08 - استخدام أداة إصلاح قاعدة البيانات الخاصة بالووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106575" data-unique="4ji3fxd25" src="https://academy.hsoub.com/uploads/monthly_2022_08/6309fd57d9840_08-.thumb.png.e497483f7797c298d8d8c55c71faf8d3.png" style="width: 600px; height: auto;"></a>
</p>

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

<h3>
	4. استخدام خاصيّة إصلاح قواعد البيانات في أداة WP-CLI
</h3>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_100_36" style="">
<span class="pln">wp db repair</span></pre>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_100_38" style="">
<span class="pln">wp db repair </span><span class="pun">[--</span><span class="pln">dbuser</span><span class="pun">={</span><span class="pln">value</span><span class="pun">}]</span><span class="pln"> </span><span class="pun">[--</span><span class="pln">dbpass</span><span class="pun">={</span><span class="pln">value</span><span class="pun">}]</span></pre>

<p>
	استبدل كلمتا "value" الأولى باسم المستخدم والثانية بكلمة السر ثم نفذ الأمر. بعد تنفيذ الأمر، ستظهر رسالة النجاح التالية: "Success: Database repaired".
</p>

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

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

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

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

<ol>
<li>
		استخدام أداة phpMyAdmin لإصلاح قاعدة البيانات.
	</li>
	<li>
		إصلاح قاعدة البيانات باستخدام الإضافات.
	</li>
	<li>
		استخدام أداة إصلاح قاعدة البيانات الخاصة بالووردبريس.
	</li>
	<li>
		استخدام خاصيّة إصلاح قواعد البيانات في أداة WP-CLI.
	</li>
</ol>
<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-repair-the-wordpress-database" rel="external nofollow">How to Repair the WordPress Database</a> لصاحبه Will Morris.
</p>

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

<ul>
<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>
		<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-%D8%AA%D9%86%D8%B3%D8%AE-%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%D9%83-%D8%A7%D8%AD%D8%AA%D9%8A%D8%A7%D8%B7%D9%8A%D9%8B%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r366/" rel="">كيف تنسخ قاعدة بياناتك احتياطيًا في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">790</guid><pubDate>Sat, 27 Aug 2022 12:36:46 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x627;&#x644;&#x62E;&#x631;&#x627;&#x626;&#x637; &#x627;&#x644;&#x62D;&#x631;&#x627;&#x631;&#x64A;&#x629; &#x644;&#x62A;&#x62D;&#x633;&#x64A;&#x646; &#x62C;&#x648;&#x62F;&#x629; &#x645;&#x648;&#x642;&#x639;&#x643;</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%A7%D9%84%D8%AE%D8%B1%D8%A7%D8%A6%D8%B7-%D8%A7%D9%84%D8%AD%D8%B1%D8%A7%D8%B1%D9%8A%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%AC%D9%88%D8%AF%D8%A9-%D9%85%D9%88%D9%82%D8%B9%D9%83-r792/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/630a4658e3eb7_------.png.2ee517c4502dc1b641927f06f15e534f.png" /></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>.
</p>

<p>
	صحيح أن <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%84%D9%85%D8%A7%D8%B0%D8%A7-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%A7%D8%AE%D8%AA%D9%8A%D8%A7%D8%B1-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3%D8%9F-r356/" rel="">ووردبريس</a> لا يوفر ميزة الخرائط الحرارية عند تثبيته لكنك تستطيع إضافة هذه الميزة لموقعك باستخدام <a href="https://academy.hsoub.com/apps/web/wordpress/30-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-%D8%A5%D8%B0%D8%A7-%D9%84%D9%85-%D8%AA%D9%83%D9%86-%D8%AB%D8%A8%D8%AA%D9%87%D8%A7-%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84-r354/" rel="">الإضافات</a>، وفي هذا المقال سوف نتعمق أكثر في آلية عمل الخرائط الحرارية ولم عليك استخدامها وما هي الخيارات المتوفرة لك كمستخدم ووردبريس.
</p>

<h2>
	مقدمة الخرائط الحرارية
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106612" href="https://academy.hsoub.com/uploads/monthly_2022_08/001_heatmap_use_wordpress.png.4f488f7a25c50fa3760bff5706dc4e66.png" rel=""><img alt="001_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106612" data-unique="osxz9c3gi" src="https://academy.hsoub.com/uploads/monthly_2022_08/001_heatmap_use_wordpress.thumb.png.e85df92545b3a974b713780fcb5c2773.png" style="width: 600px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106613" href="https://academy.hsoub.com/uploads/monthly_2022_08/002_heatmap_use_wordpress.png.1cec42e96ecc79de2dad82c438c7b0f3.png" rel=""><img alt="002_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106613" data-unique="scx40dpmo" src="https://academy.hsoub.com/uploads/monthly_2022_08/002_heatmap_use_wordpress.thumb.png.dbd775d81ff147beb234dee2d5242bae.png" style="width: 600px; height: auto;"></a>
</p>

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

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106614" href="https://academy.hsoub.com/uploads/monthly_2022_08/003_heatmap_use_wordpress.png.05358a3cf0ef86382c6a24dbf3c16645.png" rel=""><img alt="003_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106614" data-unique="gzpydcj3k" src="https://academy.hsoub.com/uploads/monthly_2022_08/003_heatmap_use_wordpress.thumb.png.9b999716ffd97931583622a2a6df3111.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106615" href="https://academy.hsoub.com/uploads/monthly_2022_08/004_heatmap_use_wordpress.png.c4bf9e9c397329a43036107de362243a.png" rel=""><img alt="004_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106615" data-unique="cjww5mu84" src="https://academy.hsoub.com/uploads/monthly_2022_08/004_heatmap_use_wordpress.thumb.png.239b1be60e40e12ac602e0dbcb7db1cb.png" style="width: 550px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106616" href="https://academy.hsoub.com/uploads/monthly_2022_08/005_heatmap_use_wordpress.png.f2d427915e1158181120570989b1c328.png" rel=""><img alt="005_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106616" data-unique="t5mzh0wiy" src="https://academy.hsoub.com/uploads/monthly_2022_08/005_heatmap_use_wordpress.thumb.png.cd35addacf04c470e40e0b1371862299.png" style="width: 700px; height: auto;"></a>
</p>

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

<p>
	يوجد عدد قليل جدًا من المواقع الإلكترونية التي لا تستطيع الاستفادة من استخدام الخرائط الحرارية، وخصوصًا إن كنت تُجري <a href="https://academy.hsoub.com/marketing/inbound-marketing/%D9%83%D9%8A%D9%81-%D8%AA%D8%AC%D8%B1%D9%8A-%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1-ab-tests-%D8%A8%D8%B7%D8%B1%D9%8A%D9%82%D8%A9-%D8%B5%D8%AD%D9%8A%D8%AD%D8%A9-r253/" rel="">اختبارات A/B</a> منتظمة، فعندما تدمج بين اختبارات A/B والخرائط الحرارية تستطيع الحصول على معلومات دقيقة وسريعة حول أي نسخة من صفحات موقعك تمتلك أفضل أداء لدى الجمهور المستهدف.
</p>

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

<h2>
	بعض الإضافات للخرائط الحرارية لووردبريس
</h2>

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

<h3>
	إضافة Aurora Heatmap
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106617" href="https://academy.hsoub.com/uploads/monthly_2022_08/006_heatmap_use_wordpress.png.40944f283ee5655d38476776828261d9.png" rel=""><img alt="006_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106617" data-unique="i5xaa0o7e" src="https://academy.hsoub.com/uploads/monthly_2022_08/006_heatmap_use_wordpress.thumb.png.f905e3ff5ef39deb5d28a797dfe4f1fe.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	إن إضافة <a href="https://wordpress.org/plugins/aurora-heatmap/" rel="external nofollow">Aurora Heatmap</a> هي إضافة ووردبريس لا تتطلب التسجيل بخدمة خارجية، إذ تستطيع ضبط هذه الإضافة بسهولة والوصول للخرائط الحرارية للنقرات لجميع صفحاتك، كما أنك تستطيع الاطلاع على الخرائط الحرارية لمحتواك بطريقة منفصلة للزوار من الحاسب أو الهواتف الذكية.
</p>

<p>
	تتضمن النسخة المدفوعة من الإضافة خرائط حرارية لانتقال المستخدم ضمن الصفحة كما أنها تحتفظ بالبيانات لمدة أطول، وهذا مفيد لأنه يسمح لك <a href="https://academy.hsoub.com/design/user-experience/%D8%AA%D8%AD%D9%84%D9%8A%D9%84-%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-%D9%88%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D9%84%D8%AA%D8%AD%D9%88%D9%8A%D9%84-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%B1-%D8%A5%D9%84%D9%89-%D8%B9%D9%85%D9%84%D8%A7%D8%A1-r678/" rel="">بتحليل سلوك المستخدمين</a> مع مرور الزمن وضمن عدة إصدارات لصفحات موقعك.
</p>

<p>
	<strong>الميزات الرئيسية</strong>:
</p>

<ul>
<li>
		ضبط الخرائط الحرارية للنقرات ضمن صفحاتك.
	</li>
	<li>
		توليد الخرائط الحرارية للزوار من الاجهزة المكتبية والهواتف الذكية.
	</li>
	<li>
		تتبع عدد النقرات ضمن صفحاتك.
	</li>
</ul>
<h3>
	إضافة Crazy Egg
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106618" href="https://academy.hsoub.com/uploads/monthly_2022_08/007_heatmap_use_wordpress.png.089e683aa5203d3a101215790ac892b7.png" rel=""><img alt="007_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106618" data-unique="y7fyzfam6" src="https://academy.hsoub.com/uploads/monthly_2022_08/007_heatmap_use_wordpress.thumb.png.886718c62b7bef57bc5f95284540029c.png" style="width: 550px; height: auto;"></a>
</p>

<p>
	إن <a href="https://www.crazyegg.com/" rel="external nofollow">Crazy Egg</a> عبارة عن خريطة وخدمة اختبار A/B تستطيع مكاملتها مع ووردبريس باستخدام إما شيفرة تتبع أو <a href="https://wordpress.org/plugins/crazyegg-heatmap-tracking/" rel="external nofollow">الإضافة الرسمية</a>، لذا إن كنت تستطيع إضافة شيفرة لموقعك عليك اتباع الخيار الأول، كون الهدف الوحيد من الإضافة هو إضافة شيفرة التتبع عوضًا عنك.
</p>

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

<p>
	<strong>الميزات الرئيسية</strong>:
</p>

<ul>
<li>
		توليد الخرائط الحرارية للنقرات وتصفح المستخدم والقصاصات الورقية لصفحاتك.
	</li>
	<li>
		التكامل مع ووردبريس باستخدام الشيفرة أو إضافة.
	</li>
	<li>
		تسجيل الجلسات الفردية للمستخدم.
	</li>
</ul>
<h3>
	Hotjar
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106619" href="https://academy.hsoub.com/uploads/monthly_2022_08/008_heatmap_use_wordpress.png.6c6b5efce71873d6788561c4ef71c8fc.png" rel=""><img alt="008_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106619" data-unique="36kg597nl" src="https://academy.hsoub.com/uploads/monthly_2022_08/008_heatmap_use_wordpress.thumb.png.b869c4e24f90a714cc56abacc10e9dd4.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	إن <a href="https://www.hotjar.com/" rel="external nofollow">Hotjar</a> عبارة عن منصة تحليلات ويب تركز على الخرائط الحرارية وتسجيل جلسات المستخدم ومعدل التحويل، وتُساعدك <a href="https://wordpress.org/plugins/hotjar/" rel="external nofollow">الإضافة الخاصة</a> بهذه المنصة على ربط موقع وردبريس بحسابك عليها باستخدام معرف الموقع الفريد. تستطيع توليد الخرائط الحرارية للنقرات وتصفح المستخدم والحركة لجميع الصفحات حال ربط المنصة مع موقعك، حيث توفر لك المنصة إمكانية الانتقال بين الأنواع المختلفة للخرائط بالإضافة للإصدارات المختلفة للصفحات من حواسيب وهواتف ذكية، وكما هو الحال في الإضافة السابقة فإن Hotjar تُسجل جلسات المستخدم، وتسمح لك بأخذ ملاحظات ووسم مقاطع الفيديو لتتمكن من تصنيفها بسهولة.
</p>

<p>
	<strong>الميزات الرئيسية</strong>:
</p>

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

<p>
	أصبحت تعلم الآن أنه لتوليد الخرائط الحرارية فأنت بحاجة لمحرك تحليلات، وبما أن <a href="https://academy.hsoub.com/marketing/performance-marketing/analytics/%D8%A7%D8%A8%D8%AF%D8%A3-%D8%B9%D9%85%D9%84%D9%83-%D8%A7%D9%84%D8%AA%D8%AD%D9%84%D9%8A%D9%84%D9%8A-%D9%85%D8%B9-google-analytics-r7/" rel="">تحليلات جوجل</a> هي الخيار الأكثر شعبية ضمن مجال المواقع الإلكترونية، فمن الطبيعي أن تُفكر في استخدامها، لكن المشكلة أن تحليلات جوجل لا توفر وظيفة الخرائط الحرارية، لكن هذا لا يؤثر سلبًا على استخدامك لهذه الأداة كونها توفر كمًا كبيرًا من البيانات. يوجد بعض الحيل التي تستطيع الاستعانة بها لتوليد الخرائط الحرارية باستخدام تحليلات جوجل، فعلى سبيل المثال تستطيع استخدام مدير وسم جوجل لتتبع أحداث النقرات وتوليد تقارير مصورة باستخدام Data Studio. ميزة هذه الطريقة أنك لا تحتاج استخدام أي خدمات خارجية من غير عائلة جوجل لكن توليد أي شيء ما عدا خرائط حرارية بسيطة هو أمر مستحيل.
</p>

<p>
	يوجد بديل وهو استخدام خدمة مثل <a href="https://www.crazyegg.com/blog/introducing-the-free-google-analytics-powered-heatmap-a-crazy-egg-experiment-in-data-visualization/" rel="external nofollow">Crazy Egg</a>، التي توفر تكاملًا بسيطًا مع تحليلات جوجل حيث توفر Crazy Egg <a href="https://www.crazyegg.com/free-google-analytics-heatmap" rel="external nofollow">مولد مجاني للخرائط الحرارية عن طريق تحليلات جوجل</a>، وكل ما تحتاجه هو الدخول حلساب تحليلات جوجل لتتمكن الخدمة من تلقي البيانات التي تحتاجها لتوليد الخرائط الحرارية للنقرات.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="106620" href="https://academy.hsoub.com/uploads/monthly_2022_08/009_heatmap_use_wordpress.png.0b49302b265778ab6ccf157b5cdcabb4.png" rel=""><img alt="009_heatmap_use_wordpress.png" class="ipsImage ipsImage_thumbnailed" data-fileid="106620" data-unique="jk81o44e7" src="https://academy.hsoub.com/uploads/monthly_2022_08/009_heatmap_use_wordpress.thumb.png.450413cd644e465c6820a20a653f20f3.png" style="width: 480px; height: auto;"></a>
</p>

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

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

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

<p>
	إن كنت تستخدم تحليلات جوجل فإن الأخبار السيئة أن هذه الخدمة لا توفر ميزة الخرائط الحرارية، وللحصول عليها لموقع عليك استخدام إضافة مثل <a href="https://wordpress.org/plugins/aurora-heatmap/" rel="external nofollow">Aurora Heatmap</a> أو <a href="https://wordpress.org/plugins/hotjar/" rel="external nofollow">Hotjar</a> أو <a href="https://wordpress.org/plugins/crazyegg-heatmap-tracking/" rel="external nofollow">Crazy Egg</a>، وهي حلول بسيطة الاستخدام والضبط.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-use-a-heatmap-to-improve-your-websites-overall-quality" rel="external nofollow">How to Use a Heatmap to Improve Your Website’s Overall Quality</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/general/%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D9%91%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r519/" rel="">خطوات أساسيّة لتحسين أداء المواقع</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%84%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r490/" rel="">تحسين محركات البحث SEO وأهميتها لموقعك الإلكتروني</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%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-%D9%84%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-r590/" rel="">تحسين محركات البحث لمواقع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">792</guid><pubDate>Sat, 27 Aug 2022 16:55:28 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x62A;&#x62D;&#x642;&#x64A;&#x642; &#x623;&#x642;&#x635;&#x649; &#x641;&#x627;&#x626;&#x62F;&#x629; &#x645;&#x645;&#x643;&#x646;&#x629; &#x645;&#x646; &#x625;&#x636;&#x627;&#x641;&#x629; &#x646;&#x645;&#x627;&#x630;&#x62C; Contact Form 7 &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AD%D9%82%D9%8A%D9%82-%D8%A3%D9%82%D8%B5%D9%89-%D9%81%D8%A7%D8%A6%D8%AF%D8%A9-%D9%85%D9%85%D9%83%D9%86%D8%A9-%D9%85%D9%86-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%86%D9%85%D8%A7%D8%B0%D8%AC-contact-form-7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r772/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c15f130_---------Contact-Form-7.png.db4f28bea82e164bad143aa60953478b.png" /></p>

<p>
	تُعد إضافة Contact Form 7 أكثر إضافات إنشاء النماذج شهرةً، وبفارقٍ كبير عن مثيلاتها في متجر <a href="https://academy.hsoub.com/apps/web/wordpress/30-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-%D8%A5%D8%B0%D8%A7-%D9%84%D9%85-%D8%AA%D9%83%D9%86-%D8%AB%D8%A8%D8%AA%D9%87%D8%A7-%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84-r354/" rel="">إضافات ووردبريس</a> على موقع ar.wp.org الرسمي. تملك إضافة CF7 ميزاتٍ أكثر من منافسيها من الإضافات الأخرى. وفوق كل ذلك، توجد مجموعة كبيرة من ملحقات الإضافة التي توفر لك أيّة ميزة تخطر على بالك. وبأخذ كل ما سبق في الحسبان، سنشرح لك كيفية تحقيق أقصى فائدة ممكنة من إضافة Contact Form 7 وملحقاتها الكثيرة جدًا.
</p>

<h2>
	Contact Form 7: لمحة عامة موجزة
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104801" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383dbeadee_1-ContactForm7.png.750a34f5eb75534632f5e661f3482684.png" rel=""><img alt="1 - Contact Form 7 لمحة عامة موجزة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104801" data-unique="xtjwhojtu" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383dd30943_1-ContactForm7.thumb.png.4b6f8b3e6f91c1aa4133cd31de82496f.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104806" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e846dc8_2-ContactForm7.png.b04021ec318dbcb5beef4c00511ff43e.png" rel=""><img alt="2 - Contact Form 7 لمحة عامة موجزة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104806" data-unique="yykwlwm2s" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ea42fc6_2-ContactForm7.thumb.png.a3184fb100a1ed00fb40d7d075558d82.png" style="width: 500px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104807" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ecb86a5_3-ContactForm7.png.abe15fb9ece08bcd50a3bc7db7a50ba8.png" rel=""><img alt="3 - Contact Form 7 لمحة عامة موجزة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104807" data-unique="48ea31lzo" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ecb86a5_3-ContactForm7.png.abe15fb9ece08bcd50a3bc7db7a50ba8.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104808" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ed8624d_4-ContactForm7.png.7dab4c52751f033063436a96efb45f47.png" rel=""><img alt="4 - Contact Form 7 لمحة عامة موجزة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104808" data-unique="g4wwnk50f" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ee7e86e_4-ContactForm7.thumb.png.79f044cdd8e40a70d719cde6704cf659.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	الخيارات هنا بسيطة جدًا، ولكن قد تحتاج إلى توضيح بعضٍ منها:
</p>

<ol>
<li>
		<strong>الاسم Name</strong>: لن يرى هذا الخيار أحد غيرك؛ وهو يُستخدم لتمييزه ضمن القوائم المنظمة ولاستخدامه كأمر برمجي قصير. وتستطيع من خلاله إعلام Contact Form 7 أيّ حقل هاتفٍ مخصص تريد عرضه في النموذج.
	</li>
	<li>
		<strong>القيمة الافتراضية Default Value</strong>: توجد هذه القيمة في الحقل افتراضيًا. يمكنك استخدامها مثلًا لعرض تنسيق رقم الهاتف الواجب إدخاله من قِبل المستخدمين.
	</li>
	<li>
		<strong>خاصيّة المُعرّف ID Attribute</strong>: إن كنت ترغب في إضافة تصميم إلى هذا الحقل باستخدام <a href="https://wiki.hsoub.com/CSS" rel="external">CSS</a>، فامنحه مُعرّف ID من هنا.
	</li>
	<li>
		<strong>خاصيّة الفئة Class Attribute</strong>: ضع هنا اسم فئة CSS الذي خصصته لجميع حقول الهاتف الأخرى، أو ربما للحقول عامةً؛ إذ يعود لك تسمية الفئة بما تشاء.
	</li>
	<li>
		<strong>الأمر البرمجي القصير The Shortcode</strong>: تضيف Contact Form 7 القيم بسلاسة، بحيث تستطيع فقط نسخ الأمر البرمجي، أو الضغط على زر إدراج Insert للإنهاء. إن كنت بحاجة إلى تحريره لاحقًا في النموذج، فيمكنك فعل ذلك، لأن جميع المعلومات موجودة في الأمر البرمجي نفسه، ولا يتعين عليك إعادة فعل أيّ شيء. سيبدو الأمر البرمجي النهائي في حالتنا هكذا:
	</li>
</ol>
<pre class="ipsCode prettyprint lang-css prettyprinted" id="ips_uid_7665_14" style="">
<span class="pln"> </span><span class="pun">[</span><span class="pln">tel </span><span class="typ">PhoneNumber</span><span class="pln"> id</span><span class="pun">:</span><span class="pln">phone</span><span class="pun">-</span><span class="lit">1</span><span class="pln"> </span><span class="kwd">class</span><span class="pun">:</span><span class="pln">phone </span><span class="str">"+966 5XX XXX XXX"</span><span class="pun">]</span></pre>

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

<h2>
	علامات التبويب الأخرى: البريد والرسائل
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104796" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383bd9e7be_05-.png.c244e0543351f5f9cb67625c60447c9a.png" rel=""><img alt="05 - علامات التبويب الأخرى البريد والرسائل.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104796" data-unique="q7i9vi2nc" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383bf39d45_05-.thumb.png.4bf9b4e717e75b69d82091971313fa97.png" style="width: 580px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104797" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c0b9764_06-.png.cfb15a0672d1ffd5a5339db40adbe350.png" rel=""><img alt="06 - علامات التبويب الأخرى البريد والرسائل.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104797" data-unique="twuo6ai8o" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c270c2f_06-.thumb.png.5bd6b3e1305bdb390a6f320c95565fe9.png" style="width: 600px; height: auto;"></a>
</p>

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

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

<h2>
	أفضل 7 ملحقات لإضافة Contact Form 7
</h2>

<p>
	مع كل الميزات المتوفرة في الإصدار المجاني من Contact Form 7، ما زال بإمكانك الحصول على ميزاتٍ أكثر بكثير من خلال الملحقات التالية.
</p>

<h3>
	1. ملحق Conditional Fields for Contact Form 7
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104798" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c5b000f_07-ConditionalFieldsforContactForm7.png.361d35615806514a9e60da12148c1713.png" rel=""><img alt="07 - Conditional Fields for Contact Form 7.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104798" data-unique="bbj4cjy7y" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c67b18a_07-ConditionalFieldsforContactForm7.thumb.png.7ce480aa8b3d8fe3bf2b318b6620da2c.png" style="width: 680px; height: auto;"></a>
</p>

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

<h3>
	2. ملحق PayPal &amp; Stripe Add-on
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104799" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383c822c8d_08-PayPal_StripeAdd-on.png.4a63f80d9f3d221d0fcd65a60980c4dc.png" rel=""><img alt="08 - PayPal _ Stripe Add-on.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104799" data-unique="ajk684na5" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383ca4d3db_08-PayPal_StripeAdd-on.thumb.png.53b720d936aa81737aa2fd2b591467ed.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	قد لا تحتاج إلى بناء متجر إلكتروني متكامل، حيث يُعَد استخدام <a href="https://academy.hsoub.com/apps/web/wordpress/woocommerce/" rel="">الووكومرس</a>، أو ما شابهه من أجل بيع شيءٍ أو اثنين من خلال الإنترنت أمرًا مبالغًا فيه، لذا قد يكون هذا الملحق هو أفضل حلٍّ في تلك الحالة. يمكنك إنشاء نموذج لكل عنصرٍ معيّن تبيعه (ولكلٍ منها رمز SKU، أو مُعرّف فريد). وبعد تعبئة النموذج، سيُعاد توجيه المستخدمين إما إلى باي بال، أو Square، من أجل أجل إكمال عملية الدفع. الجميل في ذلك هو أنك لن تحتاج إلى استضافة أو معالجة معلومات الدفع الخاصة بالمستخدمين في موقعك. وأنك ستحصل على الربح من بيع الأشياء الخاصة بك ببضع نقراتٍ، لا أكثر.
</p>

<h3>
	3. ملحق Really Simple CAPTCHA
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104800" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383d1c7b7d_09-ReallySimpleCAPTCHA.png.cf70c7e40191783ebf0d040c6d051523.png" rel=""><img alt="09 - Really Simple CAPTCHA.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104800" data-unique="0tppioj3s" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383d32c24d_09-ReallySimpleCAPTCHA.thumb.png.9832e2fcd95a08d2886f14107428674a.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	جميعنا نكره اختبار CAPTCHA. ومع ذلك، هو خط الدفاع الأول الفعّال ضد الرسائل المزعجة والتهديدات الأمنية. يجري تطوير ملحق Really Simple CAPTCHA من قِبل نفس مطور إضافة Contact Form 7؛ لذلك كن متأكدًا من أنك تستطيع الثقة في هذا الملحق أكثر من غيره من الملحقات الأخرى التي توفر نفس الوظيفة.
</p>

<h3>
	4. ملحق Contact Form 7 Skins
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104802" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383df445df_10-ContactForm7Skins.png.ff0438efd5b23f37015f1f17f6bcd960.png" rel=""><img alt="10 - Contact Form 7 Skins.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104802" data-unique="qkld4y24l" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e03ff3c_10-ContactForm7Skins.thumb.png.446ade500d3669cccb5100ff0792fc57.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	تسمح إضافة CF7 بتخصيصها بسهولة كبيرة، حيث يمكنك إضافة مُعرّفات <a href="https://academy.hsoub.com/programming/css/" rel="">CSS</a> إلى كل نموذج، وتنسيقه بهذه الطريقة. ولكن لماذا تفعل ذلك في ظل وجود ملحق Contact Form 7 Skins؟ يعتمد هذا الملحق على محرر السحب والإفلات، فإن لم تكن بارعًا في التصميم والتعديل المباشر على أوامر CSS، فيمكنك استخدام هذا الملحق بدلًا من ذلك. إن إحدى السمات المميزة لموقع الويب الاحترافي هي التصميم المتكامل كليًّا، بما في ذلك النماذج. ومن خلال هذا الملحق، ستستطيع تنفيذ ذلك بنفسك، دون الحاجة إلى المساعدة من محترفٍ في التصميم.
</p>

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

<h3>
	5. ملحق CF7 Autoresponder
</h3>

<p style="text-align: center;">
	<img alt="11 - CF7 Autoresponder (Premium).png" class="ipsImage ipsImage_thumbnailed" data-fileid="104803" data-unique="p443d8snc" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e27891c_11-CF7Autoresponder(Premium).png.e425f62e3e93f0420738083a22870b7f.png" style="width: 550px; height: auto;"></p>

<p>
	إن كانت لديك قائمة عناوين بريد إلكتروني لعملاء تتواصل معهم (ونحن على يقين شبه تام بأن لديك واحدة)، فقد يجذبك ملحق إضافة Contact Form 7 المميز هذا. لا تملك الكثير من خدمات الرد الآلي للبريد الإلكتروني تكاملًا مع <a href="https://academy.hsoub.com/learn/front-end-web-development/" rel="">الواجهة الأمامية لمواقع الويب</a>؛ إذ قد تحدث الكثير من المشاكل في الودجات والـ <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D9%87%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D9%8A%D8%A9-api-r1314/" rel="">APIs</a> الخاصة بهم.
</p>

<p>
	يسمح ملحق CF7 Autoresponder لك بالحفاظ على التصميم الرائع الذي أعددته، والذي يتناسب مع موقعك، باستخدام إضافة Contact Form 7 القوية. وفي نفس الوقت، ستتمكن من إنشاء وتخزين جميع عناوين البريد الإلكتروني للعملاء المحتملين؛ لتتواصل معهم باستخدام خدمة البريد الإلكتروني المفضلة لديك. ويتكامل الملحق مع النماذج المُنشأة مسبقًا، لذا لا حاجة إلى إعادة بناء أيّ شيء من جديد. فقط ابدأ بتأدية الأعمال والتجارة باحترافية.
</p>

<h3>
	6. ملحق Contact Form 7 Storage
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104804" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e499b5a_12-ContactForm7Storage.png.7f0aa1601465308e727806611b526aff.png" rel=""><img alt="12 - Contact Form 7 Storage.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104804" data-unique="0pardo89b" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e499b5a_12-ContactForm7Storage.png.7f0aa1601465308e727806611b526aff.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	7. ملحق CF7 Drop Uploader
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104805" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e6f20e4_13-CF7DropUploader.png.6965c10277aafa0210360f8e9c8b4ed5.png" rel=""><img alt="13 - CF7 Drop Uploader.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104805" data-unique="h97ghbt3x" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f383e6f20e4_13-CF7DropUploader.png.6965c10277aafa0210360f8e9c8b4ed5.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	لم يَعُد البحث الطويل في الملفات المتعددة المتراكبة للعثور على ملفٍ معين لرفعه إلى النموذج أمرًا محبذًا كما كان مستخدمًا عام 2002. يتيح ملحق CF7 Drop Uploader خاصيّة السحب والإفلات الأحدث والمفضلة عند الجميع، بحيث سيؤدي إفلات أي ملف فوق النموذج إلى بدء عملية الرفع، موفرًا بذلك وقت المستخدمين الضائع في النقر المتكرر للوصول إلى الملف المطلوب. في كثيرٍ من الأحيان، يتواصل معك المستخدمون للحصول على مساعدة بشأن مشكلةٍ ما، فإذا لم تسمح نماذجك برفع لقطة شاشة للمشكلة على الأقل، فستبقى بعيدًا عن فهم مشكلة المستخدم وحلها. وبدمجك لملحق CF7 Drop Uploader مع الملحقات الأخرى كالتي سبقته للتخزين في قاعدة البيانات، فستبدأ حينها بالفعل باستخراج فوائد عديدة من إضافة صغيرة مثل إضافة Contact Form 7.
</p>

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/contact-form-7" rel="external nofollow">https://www.elegantthemes.com/blog/wordpress/contact-form-7</a> لصاحبه B.J. Keeton.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/30-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-%D8%A5%D8%B0%D8%A7-%D9%84%D9%85-%D8%AA%D9%83%D9%86-%D8%AB%D8%A8%D8%AA%D9%87%D8%A7-%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84-r354/" rel="">30 إضافة ووردبريس أساسية يجب عليك تثبيتها إذا لم تكن ثبتها بالفعل</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/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>
	</li>
	<li>
		<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>
	</li>
</ul>
]]></description><guid isPermaLink="false">772</guid><pubDate>Sat, 03 Sep 2022 15:01:02 +0000</pubDate></item><item><title>&#x62A;&#x642;&#x646;&#x64A;&#x629; &#x627;&#x644;&#x636;&#x63A;&#x637; &#x639;&#x62F;&#x64A;&#x645; &#x627;&#x644;&#x62E;&#x633;&#x627;&#x631;&#x629; &#x648;&#x645;&#x62A;&#x649; &#x64A;&#x62C;&#x628; &#x639;&#x644;&#x64A;&#x643; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645;&#x647;&#x627; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D9%82%D9%86%D9%8A%D8%A9-%D8%A7%D9%84%D8%B6%D8%BA%D8%B7-%D8%B9%D8%AF%D9%8A%D9%85-%D8%A7%D9%84%D8%AE%D8%B3%D8%A7%D8%B1%D8%A9-%D9%88%D9%85%D8%AA%D9%89-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85%D9%87%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r771/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ec9361eb_-----------.png.b06974262f36291f076badc4c281347f.png" /></p>

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

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

<h2>
	ما هو الضغط عديم الخسارة؟
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104787" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ec83d693_01-.png.9a98d7222059e4dd62aa574831edc70c.png" rel=""><img alt="01 - ما هو الضغط عديم الخسارة؟.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104787" data-unique="lwn9u4m0h" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ec9e1ce2_01-.thumb.png.60e14a0de55e15ae0c7ea60ec8e3089c.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	ستلاحظ عدم وجود فرق ملحوظ في جودة الصورة، ومع ذلك فقد استطعنا جعل الملف أصغر حجمًا بنسبة 12.24%. يعتمد الضغط عديم الخسارة في عمله على خوارزمية تبحث عن التكرار في الكلمات والأنماط، وغيرها من البيانات غير المهمة. بعد ذلك، يستبدل تلك البيانات بأرقام، ويخزّن البيانات الأصلية في ملف فهرس منفصل؛ كما أنه يزيل البيانات الوصفية Metadata من الصور. وبناءً عليه، تنشئ <a href="https://academy.hsoub.com/apps/web/%D8%AF%D9%84%D9%8A%D9%84%D9%83-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%80%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9%D9%83-%E2%80%93-%D8%A7%D9%84%D8%AC%D8%B2%D8%A1-2-r89/" rel="">طريقة الضغط</a> هذه ملفاتٍ أكثر عمليةً، ودون حذف بياناتها الإضافية.
</p>

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

<ul>
<li>
		تنسيق PNG (Portable Network Graphics).
	</li>
	<li>
		تنسيق GIF (Graphics Interchange Format).
	</li>
	<li>
		تنسيق ZIP (Zipped).
	</li>
	<li>
		تنسيق RAW (Raw).
	</li>
	<li>
		تنسيق BMP Bitmap.
	</li>
</ul>
<p>
	علاوةً على ذلك، إن استخدام الضغط عديم الخسارة آخذ في الازدياد بالنسبة للملفات الصوتية، حيث يستخدم عمالقة البث Spotify، وApple Music، وTIDAL هذه الطريقة لتسريع تحميل المحتوى، دون تقليل جودة الموسيقى.
</p>

<h2>
	أهمية استخدام الضغط عديم الخسارة
</h2>

<p>
	كما ذكرنا سابقًا، يستخدم الضغط عديم الخسارة خوارزمية لضغط الصور وأنواع الملفات الأخرى. وإليك أشهر <a href="https://academy.hsoub.com/programming/advanced/%D8%A3%D9%85%D8%AB%D9%84%D8%A9-%D8%B9%D9%86-%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%A7%D9%84%D8%AE%D9%88%D8%A7%D8%B1%D8%B2%D9%85%D9%8A%D8%A7%D8%AA-r1410/" rel="">أنواع الخوارزميات</a> المستخدمة لذلك:
</p>

<ul>
<li>
		<strong>ترميز هوفمان</strong>: تعيّن هذه الخوارزمية قيمًا مختلفةً للمحارف وتردداتها.
	</li>
	<li>
		<strong>الترميز الحسابي</strong>: تُشفّر هذه الخوارزمية الملف بأكمله كسلسلة من المحارف، برموز مخصصة لذلك.
	</li>
	<li>
		<strong>الترميز وفق طول التتابع</strong>: تبحث هذه الخوارزمية عن تكرار المحارف في الأوامر البرمجية، ثم تشفّرها إلى وحدات بايت أصغر.
	</li>
</ul>
<p>
	تجعل <a href="https://academy.hsoub.com/design/graphic/photoshop/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AE%D9%81%D9%8A%D8%B6-%D8%AD%D8%AC%D9%85-%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%85%D9%86-%D8%A7%D9%84%D9%86%D9%88%D8%B9-jpeg-%D9%88%D8%A3%D9%86%D9%88%D8%A7%D8%B9-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%A7%D9%84%D8%A3%D8%AE%D8%B1%D9%89-r589/" rel="">طرائق الضغط</a> هذه الملفات أصغر، دون الإضرار بجودتها. يمكنك أيضًا إرجاع الملفات إلى أحجامها الأصلية بسبب بياناتها المفهرسة. ولذلك يتناقض الضغط عديم الخسارة مع الضغط الخاسر الذي يؤدي إلى تغييرات لا رجعة فيها على الصور وملفات الوسائط الأخرى.
</p>

<p>
	يُعد ضغط الصور أمرًا ضروريًا <a href="https://academy.hsoub.com/programming/php/wordpress/%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-r1448/" rel="">لتحسين أداء موقعك</a>. وإن لم تعلم سبب أهميته في أداء موقعك، فدعنا نخبرك أن الصور الأصغر حجمًا ستُحسّن من أوقات تحميل صفحات موقعك. تُعد سرعة التحميل العالية عامل ترتيبٍ رئيسي بالنسبة لشركة جوجل عند تحديد مكان وضع المحتوى الخاص بك في صفحات نتائج محرك البحث الخاص بها.
</p>

<p>
	تستخدم جوجل عدة مقاييس تُعرف باسم حيوية الويب الأساسية Core Web Vitals. والمقياسان التاليان من تلك المقاييس المتعلقة بالصور الموجودة على موقعك:
</p>

<ul>
<li>
		<strong>أول طلاء محتوى FCP</strong>: يقيس أول طلاء محتوى، المدة التي يستغرقها عرض العنصر الأول على صفحتك. وقد يكون هذا العنصر نصًا أو صورة. فإن كان أول ما يحمّله موقعك هو صورة أو ملف وسائط آخر؛ فإن استخدام الضغط من غير خسارة عليه سيسرع من وقت التحميل بالنسبة للمستخدمين.
	</li>
	<li>
		<strong>أكبر طلاء محتوى LCP</strong>: يقيس أكبر طلاء محتوى المدة التي يستغرقها عرض أكبر عنصر على صفحتك. وغالبًا ما يكون ذلك العنصر هو إحدى صورك. لذلك إن كانت تلك الصورة ذات حجم ملف أصغر، فستكون نتيجة أكبر طلاء محتوى أفضل.
	</li>
</ul>
<p>
	الصور الأصغر ليست مهمة فقط من أجل <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%84%D9%85%D9%88%D9%82%D8%B9%D9%83-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A-r490/" rel="">تحسين محركات البحث SEO</a>، بل هي ضرورية أيضًا من أجل <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="">تجربة المستخدم UX</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>

<h3>
	1. استخدام إضافة لضغط الصور
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104788" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ed3e3c4c_02-.png.2c72d7750e8f76dd93b0cf488410d29a.png" rel=""><img alt="02 - استخدام إضافة لضغط الصور.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104788" data-unique="uzwet4ih1" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ed5eb2fe_02-.thumb.png.29a84dfe455c25710bbaed23094824ff.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104789" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ed837c0e_03-.png.679acd931e96994e7a065c0af1edd866.png" rel=""><img alt="03 - استخدام إضافة لضغط الصور.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104789" data-unique="58kmip77a" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37edc05675_03-.thumb.png.9470bd003f5fe9bda009ce34d0b702ee.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	عند اختيارك للمستوى العادي NORMAL من بين الخيارات المختلفة، سيُطبِّق هذا الإعداد الضغط عديم الخسارة على صورك. يمكنك أيضًا إجراء هذا الضغط تلقائيًا عن طريق تفعيل خيار ضغط الصور عند رفعها تلقائيًا Auto-Optimize images on upload.
</p>

<h3>
	2. استخدام برنامج تحرير الصور لضغط الصور
</h3>

<p>
	غالبًا ما تتيح تطبيقات تحرير الصور، مثل برنامجي <a href="https://academy.hsoub.com/design/graphic/photoshop/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%A5%D9%84%D9%89-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%A3%D8%AF%D9%88%D8%A8%D9%8A-%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8-adobe-photoshop-r541/" rel="">فوتوشوب</a> و<a href="https://academy.hsoub.com/design/graphic/gimp/%D8%AA%D8%B9%D9%84%D9%91%D9%85-%D8%A8%D8%B9%D8%B6-%D8%A7%D9%84%D8%A5%D8%AC%D8%B1%D8%A7%D8%A1%D8%A7%D8%AA-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9%D8%A9-%D9%84%D8%AA%D8%B9%D8%AF%D9%8A%D9%84-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-gimp-r413/" rel="">جمب</a>، اختيار طريقة الضغط التي تريدها لصورك. وتختلف الخيارات وإجراءات الضغط باختلاف برامج التحرير.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104790" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37edf7c82c_04-.png.1dc731f579d502c269d172812f538c69.png" rel=""><img alt="04 - استخدام برنامج تحرير الصور.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104790" data-unique="ion2464j6" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ee310318_04-.thumb.png.d5b3840682dd205a3a775605de873d4f.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104791" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ee506777_05-.png.ad0bd7caa68dec56ae7dc9682685f3c8.png" rel=""><img alt="05 - استخدام برنامج تحرير الصور.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104791" data-unique="ip8kbinrz" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ee6c1e32_05-.thumb.png.906844985cb011554b371a72d835a2c5.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104792" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ee93c7cf_06-.png.bed7833b6d0e2c384bb63a00593299ef.png" rel=""><img alt="06 - استخدام برنامج تحرير الصور.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104792" data-unique="jyh1q299l" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37eeb2222b_06-.thumb.png.4d1204d189629e71dcc2e327cdf8d2dd.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	أخيرًا، انقر فوق زر <strong>صدِّر</strong> لضغط صورتك وحفظها كملف PNG. يجب أن يكون الملف الآن أصغر، ودون المساس بجودة الصورة.
</p>

<h2>
	فوائد الضغط عديم الخسارة
</h2>

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

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

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

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

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

<h2>
	سلبيات الضغط عديم الخسارة
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104793" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ef170ff4_07-.png.9f789622d7fe463b739c5361330c5c4a.png" rel=""><img alt="07 - سلبيات الضغط عديم الخسارة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104793" data-unique="h0xbf1uh6" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37ef37bf8f_07-.thumb.png.91e8c006ee95c92ddd44cd5d31cc175f.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	ضع في حسبانك أيضًا استخدام <a href="https://academy.hsoub.com/devops/networking/%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-content-distribution-networks-r569/" rel="">شبكة توزيع المحتوى CDN</a>. تَستخدم شبكة توصيل المحتوى سلسلةً من الخوادم الموزعة في جميع أنحاء العالم لتقديم المحتوى للمستخدمين من أقرب خادم إلى مواقعهم. وعلى هذا النحو، يمكن لهذه الشبكة تحسين أداء موقعك للزوار من جميع أنحاء العالم.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/lossless-compression" rel="external nofollow">Understanding Lossless Compression and When to Use It</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/design/general/10-%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%88%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%D8%A7%D8%AA-%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9-%D8%AA%D8%B3%D9%87%D9%84-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-r497/" rel="">10 أدوات وتطبيقات مجانية تسهل عليك تحسين الصور</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%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%84%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A3%D9%81%D8%B6%D9%84-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r672/" rel="">كيفية تحسين الصور للحصول على أفضل أداء في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/general/%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D9%91%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r519/" rel="">خطوات أساسيّة لتحسين أداء المواقع</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">771</guid><pubDate>Wed, 10 Aug 2022 10:06:52 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x62F;&#x627;&#x631;&#x629; &#x645;&#x631;&#x627;&#x62C;&#x639;&#x627;&#x62A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633; &#x644;&#x62A;&#x62D;&#x633;&#x64A;&#x646; &#x623;&#x62F;&#x627;&#x621; &#x627;&#x644;&#x645;&#x648;&#x642;&#x639;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D9%85%D8%B1%D8%A7%D8%AC%D8%B9%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-r770/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f37961d6156_--------.png.9232401c1a11b6b83b4d032b799957b0.png" /></p>

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

<h2>
	ما هي مراجعات ووردبريس؟
</h2>

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

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

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

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

<h3>
	كيفية استعادة مراجعات المقالات في المحرر الكلاسيكي
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104767" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3795f99536_1-.png.efe4cacfc55ab45831d1fe594e9f0229.png" rel=""><img alt="1 - كيفية استعادة مراجعات المقالات في المحرر الكلاسيكي.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104767" data-unique="mhkmiom3n" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3796292cb5_1-.thumb.png.1a4c33ed659039e5ed06ae8c9ced09b0.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	كيفية استعادة مراجعات المقالات في محرر المكونات
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104771" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f379708d591_2-.png.d39088e53f261fbacb8cc57a9ead1ab4.png" rel=""><img alt="2 - كيفية استعادة مراجعات المقالات في محرر المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104771" data-unique="4pfqr584p" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f379710c063_2-.thumb.png.6b532c63568b69bd0ee4b6a9aded4b0c.png" style="width: 700px; height: auto;"></a>
</p>

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

<h2>
	كيفية استعادة مراجعة مقال
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104772" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37973acba7_3-.png.1c168570f42bf727f77dc488b65f3bf5.png" rel=""><img alt="3 - كيفية استعادة مراجعة مقال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104772" data-unique="rcskpkc68" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f379763cf7a_3-.thumb.png.43d21e68b42993cb18c92f331d4dbda8.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104773" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f379787cf60_4-.png.4dc5d6a600c7ae2c78cd65c445c6876b.png" rel=""><img alt="4 - كيفية استعادة مراجعة مقال.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104773" data-unique="ra407fmfj" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3797acccd0_4-.thumb.png.18241196c3b04e679ff968df0e6ddd2d.png" style="width: 750px; height: auto;"></a>
</p>

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

<h2>
	أين تخزن مراجعات المقالات في ووردبريس؟
</h2>

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

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

	<p>
		<strong>تحذير</strong>: يُعد إجراء تغييرات على قاعدة البيانات أمرًا خطيرًا، لذا تأكد من أن لديك نسخة احتياطية حديثة من قاعدة البيانات قبل إجراء أيّة تغييرات.
	</p>
</blockquote>

<h3>
	إدارة مراجعات ووردبريس باستخدام phpMyAdmin
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104774" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3797c868de_5-phpMyAdmin.png.f4ddd1301953da9562ef8059a04f6452.png" rel=""><img alt="5 - إدارة مراجعات ووردبريس باستخدام phpMyAdmin.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104774" data-unique="zphnmxakd" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3797d16b37_5-phpMyAdmin.thumb.png.b23effe12db11a69cadc2d7f1776f8d9.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	يمكنك حذف المراجعات عبر <a href="https://academy.hsoub.com/programming/sql/%D9%85%D9%82%D8%AF%D9%85%D8%A9-%D8%B9%D9%86-%D9%82%D9%88%D8%A7%D8%B9%D8%AF-%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-r584/" rel="">قواعد البيانات SQL</a>. إن كنت تملك حق الوصول إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-cpanel-%D9%84%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-r365/" rel="">لوحة تحكم الاستضافة cPanel</a> الخاصة بموقعك، فاضغط على <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="">phpMyAdmin</a> الموجودة في قسم قواعد البيانات. قد تبدو لوحة تحكم الاستضافة الخاصة بموقعك مختلفة عن تلك التي لدينا، ولكن، يجب أن تكون مشابهة لها في الغالب.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104775" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3797f4b4ed_6-phpMyAdmin.png.4bda1406ae724c619e5ee6c916599886.png" rel=""><img alt="6 - إدارة مراجعات ووردبريس باستخدام phpMyAdmin.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104775" data-unique="e9mwv7g5e" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3797f4b4ed_6-phpMyAdmin.png.4bda1406ae724c619e5ee6c916599886.png" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104776" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3798463d3e_7-phpMyAdmin.png.af799810770e54dd0bd83958d8b7bdbd.png" rel=""><img alt="7 - إدارة مراجعات ووردبريس باستخدام phpMyAdmin.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104776" data-unique="kkpvxsd47" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f379857be5f_7-phpMyAdmin.thumb.png.b13e0815e7f1ec14c66eee762c2510ae.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	افتح تبويب <strong>SQL</strong>، والصق هذا الأمر في الحقل، ثم شغّل الأمر بالضغط على زر <strong>انطلق</strong>.
</p>

<pre class="ipsCode prettyprint lang-sql prettyprinted" id="ips_uid_8968_14" style="">
<span class="pln">DELETE FROM yourtableprefix_posts WHERE post_type </span><span class="pun">=</span><span class="pln"> </span><span class="str">"revision"</span><span class="pun">;</span></pre>

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

<h3>
	إدارة مراجعات ووردبريس باستخدام FTP
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104777" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3798677ca7_8-FTP.png.e180229631f624dc651b02ed298c3dcb.png" rel=""><img alt="8 - إدارة مراجعات ووردبريس باستخدام FTP.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104777" data-unique="j94k297me" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3798677ca7_8-FTP.png.e180229631f624dc651b02ed298c3dcb.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	يمكنك أيضًا الحد من عدد المراجعات التي يخزنها ووردبريس قبل أن تتراكم بما يكفي لإبطاء موقعك، ولهذا سنحرر ملف <strong>wp-config.php</strong> الخاص بموقعك عبر <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>
	ابحث في الملف عن قسم مسمى "WordPress Database Table Prefix"، والصق الأوامر البرمجية التالية فيه. سيحد الأمر الأول من عدد المراجعات التي يحتفظ بها موقعك.
</p>

<pre class="ipsCode prettyprint lang-sql prettyprinted" id="ips_uid_8968_25" style="">
<span class="pln">define</span><span class="pun">(</span><span class="str">'WP_POST_REVISIONS'</span><span class="pun">,</span><span class="pln"> </span><span class="lit">3</span><span class="pun">);</span></pre>

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

<pre class="ipsCode prettyprint lang-sql prettyprinted" id="ips_uid_8968_20" style="">
<span class="pln">define</span><span class="pun">(</span><span class="str">'AUTOSAVE_INTERVAL'</span><span class="pun">,</span><span class="pln"> </span><span class="lit">120</span><span class="pun">);</span></pre>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104778" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f379880eb18_9-FTP.png.a95b0f2c3e5d434d9ba37601307621e5.png" rel=""><img alt="9 - إدارة مراجعات ووردبريس باستخدام FTP.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104778" data-unique="hzoqtlhqc" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3798990c01_9-FTP.thumb.png.0431d3def0ebf6c00e865fe504ea057d.png" style="width: 580px; height: auto;"></a>
</p>

<p>
	يمكنك أن ترى أعلاه كيف يبدو ملف wp-config.php الخاص بنا بعد إضافة هذه الأوامر البرمجية. وإن كنت لا تريد تخزين المراجعات نهائيًا، فيمكنك إلغاؤها كليًّا باستخدام الأمر التالي. ومع ذلك لا نوصي بعدم الاحتفاظ بأيّة مراجعات؛ لأنك بذلك ستضمن فقدانك محتوى ما في أي لحظة.
</p>

<pre class="ipsCode prettyprint lang-sql prettyprinted" id="ips_uid_8968_27" style="">
<span class="pln">define</span><span class="pun">(</span><span class="str">'WP_POST_REVISIONS'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">);</span></pre>

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

<h2>
	إدارة مراجعات ووردبريس باستخدام إضافة WP-Optimize
</h2>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104768" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f37966063a6_10-.png.436145209149ae4fd41dfddd1f768b8f.png" rel=""><img alt="10 - إدارة مراجعات ووردبريس باستخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104768" data-unique="sdfvlnk8s" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3796806d7a_10-.thumb.png.0dee684ffd72dc1f3a7c1526f37c8903.png" style="width: 680px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104769" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f379693b6c0_11-WP-Optimize.png.425fd1b5b4b3d0989e5e207d2b53d8b8.png" rel=""><img alt="11 - إدارة مراجعات ووردبريس باستخدام إضافة WP-Optimize.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104769" data-unique="mmlhpn7rp" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3796bcddec_11-WP-Optimize.thumb.png.3e67c634d00254a96f429ec61f303f33.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> إلى <strong>WP-Optimize</strong>، ثم <strong>Database</strong>. وبعد هذه الخطوات، ستنتقل إلى تبويب <strong>Optimizations</strong> تلقائيًا. فعّل خيار <strong>Check Clean All Post Revisions</strong>، وانقر على <strong>Run Optimizer</strong>. توجد على موقعنا الخاص حاليًا 3 مراجعات للمقالات في قاعدة البيانات. وفي الوقت الحالي، لسنا بحاجة أيٍّ منهم، لذا فهم يستهلكون المساحة التخزينية لا أكثر.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104770" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3796f204ca_12-WP-Optimize.png.f635da630d4d2c3380a3372b02cea4c3.png" rel=""><img alt="12 - إدارة مراجعات ووردبريس باستخدام إضافة WP-Optimize.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104770" data-unique="wo0s4ii7y" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3796f65bf5_12-WP-Optimize.thumb.png.c9272af1c44963f69f2226c09d0f157e.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	يمكنك أيضًا جدولة التنظيف ليُشغّل تلقائيًا. جدوله ليُشغّل يوميًا، أو أسبوعيًا، أو كل أسبوعين، أو حتى شهريًا إن كنت تريد فترة تخزين أطول. انتقل إلى تبويب <strong>Settings</strong> بعد الضغط على <strong>WP-Optimize</strong>، ومن ثم <strong>Database</strong>. ومن أدنى قسم <strong>Scheduled clean-up settings</strong>، فعّل خيار <strong>Scheduled clean-up settings</strong>. اختر نوع الجدول الزمني من <strong>Scheduled clean-up settings</strong> (إن أسبوعيًا هو الخيار الافتراضي). فعّل خيار <strong>Clean all post revisions</strong>، واحفظ إعداداتك عبر الضغط على زر <strong>Save settings</strong>.
</p>

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

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

<p>
	هل تستخدم أيًّا من هذه الطرائق لإدارة مراجعات مقالاتك؟ أخبرنا عن تجربتك في التعليقات.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-manage-wordpress-revisions-to-optimize-site-performance" rel="external nofollow">How to Manage WordPress Revisions to Optimize Site Performance</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AF%D9%8A%D8%B1-%D8%A7%D9%84%D9%85%D8%B1%D8%A7%D8%AC%D8%B9%D8%A7%D8%AA-revisions-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r113/" rel="">كيف تدير المراجعات (Revisions) في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D9%84%D8%AA%D8%B9%D8%A7%D9%85%D9%84-%D9%85%D8%B9-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r464/" rel="">التعامل مع التعليقات في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/general/%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D9%91%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r519/" rel="">خطوات أساسيّة لتحسين أداء المواقع</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%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-r1448/" rel="">تحسين أداء مواقع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">770</guid><pubDate>Wed, 10 Aug 2022 09:43:48 +0000</pubDate></item><item><title>&#x623;&#x641;&#x636;&#x644; &#x645;&#x645;&#x627;&#x631;&#x633;&#x627;&#x62A; &#x62A;&#x62D;&#x633;&#x64A;&#x646; &#x627;&#x644;&#x635;&#x648;&#x631; &#x644;&#x645;&#x62D;&#x631;&#x643;&#x627;&#x62A; &#x627;&#x644;&#x628;&#x62D;&#x62B; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D8%A3%D9%81%D8%B6%D9%84-%D9%85%D9%85%D8%A7%D8%B1%D8%B3%D8%A7%D8%AA-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%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%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r769/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ea3b0983_---------.png.0f3b96771b4f6ddbb54bcfab6b711a54.png" /></p>

<p>
	ربما أنت على دراية مُسبقة بكيفية إجراء <a href="https://academy.hsoub.com/apps/web/wordpress/%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-%D9%84%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-r590/" rel="">تحسين محركات البحث سيو SEO</a> وسبب أهميته؛ ومع ذلك، لا يقتصر الموضوع فقط على استخدامك للكلمات المفتاحية في المقالات، وكتابة وصف ميتا جذّاب؛ فمن أجل الوصول إلى أعلى أداء في موقعك، ستحتاج أيضًا إلى العمل على <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%84%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A3%D9%81%D8%B6%D9%84-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r672/" rel="">تحسين الصور لتصدُّر نتائج البحث</a>. سنلقي من خلال هذا المقال نظرةً دقيقةً على تحسين الصور لمحركات البحث Image SEO، وكيف يمكن أن يساعد ذلك موقعك الووردبريس. ومن ثم سنشاركك بعض النصائح العملية لتحسين الصور للتصدُّر في محركات البحث.
</p>

<h2>
	ما هو تحسين الصور لمحركات البحث؟
</h2>

<p>
	تجعل الصور موقعك أكثر جاذبيةً من الناحية البصرية، بالإضافة إلى تقسيم محتواه إلى أقسام تَسهُل قراءتها؛ كما أن للصور دورٌ في تحسين الأداء العام لموقعك. سواءً كنت تنشئ أول موقع ووردبريس لك، أو كنت تجري فحصًا <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D9%81%D8%B9%D8%A7%D9%84%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%AA%D8%B1%D8%AA%D9%8A%D8%A8-%D9%88%D8%A7%D9%84%D8%B8%D9%87%D9%88%D8%B1-%D9%81%D9%8A-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-r582/" rel="">لتحسين محركات البحث</a> الخاص بموقعك؛ فمن المهم أن تعطي بعضًا من وقتك لصالح تحسين الصور لمحركات البحث. وقد يتضمن ذلك كتابة نص بديل، أو ضغط الصور، أو استخدام الكلمات المفتاحية المناسبة في أسماء الملفات.
</p>

<p>
	عند تنفيذ ذلك بطريقة صحيحة، يمكن أن يُسهّل تحسين الصور لمحركات البحث على برامج الزحف الخاصة بمحركات البحث فهمَ المحتوى الخاص بك؛ ممّا قد يؤدي إلى رفع ترتيب موقعك في صفحات نتائج محركات البحث SERPs. يمكن أن يساعد تحسين الصور لمحركات البحث أيضًا في ظهور صور موقعك في أعلى نتائج بحث الصور.
</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="">تجربة المستخدم UX</a>. وعلى سبيل المثال، يمكن أن يؤدي ضغط الصور، و<a href="https://academy.hsoub.com/design/illustration/%D9%85%D8%B3%D8%A7%D8%AD%D8%A7%D8%AA-%D9%88%D9%82%D9%8A%D8%A7%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%85%D9%84-%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85%D9%8A-r543/" rel="">استخدام أبعاد الصور الصحيحة</a> إلى تحميل موقعك بسرعة أكبر. وبما أن سرعة تحميل الصفحة هي عامل تقييم بالنسبة لجوجل، فيمكن لهذه العملية أن ترفع ترتيب موقعك في صفحات نتائج محركات البحث SERPs.
</p>

<h2>
	كيف يفيد تحسين الصور لمحركات البحث موقعك؟
</h2>

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

<p>
	عام 2020، أطلقت جوجل مشروع حيوية الويب الأساسية Core Web Vitals، والتي تمثل مجموعةً من المقاييس التي تقيس أداء موقعك وجودته، حيث يمكنك اختبار موقعك باستخدام أداة تعمل بالاعتماد على هذه المقاييس، مثل أداة PageSpeed Insights.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104757" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36e9c0a275_1-.jpg.ad7d4a740016a762a28209edd8059d39.jpg" rel=""><img alt="1 - كيف يفيد تحسين الصور لمحركات البحث موقعك؟.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104757" data-unique="ql4k0p8uj" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36e9c1e55b_1-.thumb.jpg.400d738f6ce904c8151e4d927aedc0c3.jpg" style="width: 650px; height: auto;"></a>
</p>

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

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

<p>
	علاوةً على ذلك، قد تمنحك أداة PageSpeed Insights بعض التوصيات لتحسين الصور لمحركات البحث.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104758" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36e9dc1b20_2-.jpg.74fe1705bf4b80223ba855a3ee44b6ba.jpg" rel=""><img alt="2 - كيف يفيد تحسين الصور لمحركات البحث موقعك؟.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104758" data-unique="3s65log5w" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36e9dd8b99_2-.thumb.jpg.71a5b93df731896f141e423b01b5f45e.jpg" style="width: 750px; height: auto;"></a>
</p>

<p>
	تظهر في الصورة بعض أنواع التوصيات التي يمكن لأداة PageSpeed Insights أن تقدمها لك.
</p>

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

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

<h2>
	6 من أفضل طرائق تحسين الصور لمحركات البحث
</h2>

<p>
	بعد أن فهمت إلى حدٍّ ما كيفية عمل تحسين الصور لمحركات البحث عامة، حان الوقت الآن للاطلاع على بعض أفضل الطرائق <a href="https://academy.hsoub.com/programming/php/wordpress/%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-r1448/" rel="">لتحسين أداء موقعك</a>. وإن حرصت على اتباع هذه النصائح الست في موقعك من أجل تحسين الصور لتصدر نتائج البحث، فمن المؤكد أن موقعك سيزدهر.
</p>

<h3>
	1. تسمية الصور بأسماء وصفية
</h3>

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

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

<h3>
	2. اضغط الصور وعدل أبعادها
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104759" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ea16521b_3-.png.a33abac40b1147049a2e2a7142004f44.png" rel=""><img alt="3 - اضغط الصور وعدّل أبعادها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104759" data-unique="jrklyjohd" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ea38a416_3-.thumb.png.d35cbed38c0e47dbb8ca88406ee6c0d7.png" style="width: 700px; height: auto;"></a>
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104760" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ea75a0c9_4-.png.e62adb0f33d0059e8fc1cf6fb5eb689d.png" rel=""><img alt="4 - اضغط الصور وعدّل أبعادها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104760" data-unique="l4bn6pt51" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ea982642_4-.thumb.png.cfb812a630e620aa515260e21f018fbc.png" style="width: 700px; height: auto;"></a>
</p>

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

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

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

<p>
	ستحتاج أيضًا إلى استخدام التنسيق الصحيح للصور على موقعك، حيث قد تحتاج إلى ملف JPG صغير الحجم، بدلًا من PNG شفاف، أو GIF متحرك. عليك أيضًا التفكير في عرض صور WebP عندما يكون ذلك ممكنًا (إذا كان لديك موقع ووردبريس محدَّث إلى آخر إصدار، فيجب أن تفعل نواة الووردبريس ذلك تلقائيًا).
</p>

<h3>
	3. استخدم الصور في السياق الصحيح
</h3>

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

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104761" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36eaae8cea_5-.png.276b6e53d4b7bde04ac5783b68a2f7de.png" rel=""><img alt="5 - استخدم الصور في السياق الصحيح.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104761" data-unique="85hbf0nra" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ead730b3_5-.thumb.png.bbc1707ed494b81560f39304169444fe.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	4. إضافة نص بديل
</h3>

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

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

<p>
	يمكنك إضافة نص بديل إلى الصور باستخدام <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%85%D8%AD%D8%B1%D8%B1-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r368/" rel="">محرر الووردبريس</a>. وكل ما عليك فعله هو النقر على الصورة، ثم الانتقال إلى لوحة الإعدادات على يسارك. سترى هناك حقلًا للنص البديل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104762" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36eaf33933_6-.png.250d70014c000fd068b66668cb33717e.png" rel=""><img alt="6 - إضافة نص بديل.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104762" data-unique="ci8ubvmh7" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36eaf74bc9_6-.thumb.png.a85da435806a6294c52a785adeeb1804.png" style="width: 700px; height: auto;"></a>
</p>

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

<h3>
	5. إضافة الصور إلى خريطة موقعك
</h3>

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

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

<h3>
	6. استخدم الكلمات المفتاحية المناسبة في صورك على موقع Pinterest
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="105020" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f5deb0b3b14_7-Pinterest.png.e4b9c0c72333358c3af769d6f0cc23d7.png" rel=""><img alt="7 - استخدم الكلمات الرئيسية المناسبة في صورك على موقع Pinterest.png" class="ipsImage ipsImage_thumbnailed" data-fileid="105020" data-unique="7rc6gz0iv" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f5deb1bc0e5_7-Pinterest.thumb.png.6a71562ba844ad68d97957077d64b3b6.png" style="width: 800px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104764" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ebb6d6f8_8-Pinterest.png.639393448873216c5ea9653e1a519f18.png" rel=""><img alt="8 - استخدم الكلمات الرئيسية المناسبة في صورك على موقع Pinterest.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104764" data-unique="ld2g34x2l" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f36ebd6368c_8-Pinterest.thumb.png.e650e8878772195a8913fcf33f55eab7.png" style="width: 700px; height: auto;"></a>
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/6-best-practices-for-optimizing-wordpress-image-seo" rel="external nofollow">6 Best Practices for Optimizing WordPress Image SEO</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/design/user-experience/%D8%AA%D8%B3%D8%B1%D9%8A%D8%B9-%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-%D8%B9%D8%A8%D8%B1-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8-r380/" rel="">تسريع موقعك الإلكتروني عبر تحسين الصورة باستخدام الفوتوشوب</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/%D8%AF%D9%84%D9%8A%D9%84%D9%83-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%80%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9%D9%83-%E2%80%93-%D8%A7%D9%84%D8%AC%D8%B2%D8%A1-1-r88/" rel="">دليلك الشامل لـتحسين أداء الصور على موقعك – الجزء 1</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/design/general/10-%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%88%D8%AA%D8%B7%D8%A8%D9%8A%D9%82%D8%A7%D8%AA-%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9-%D8%AA%D8%B3%D9%87%D9%84-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-r497/" rel="">10 أدوات وتطبيقات مجانية تسهل عليك تحسين الصور</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D9%81%D8%B9%D8%A7%D9%84%D8%A9-%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%AA%D8%B1%D8%AA%D9%8A%D8%A8-%D9%88%D8%A7%D9%84%D8%B8%D9%87%D9%88%D8%B1-%D9%81%D9%8A-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-seo-r582/" rel="">نصائح فعالة لتحسين الترتيب والظهور في محركات البحث SEO</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">769</guid><pubDate>Fri, 12 Aug 2022 05:06:12 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x639;&#x627;&#x62F;&#x629; &#x62A;&#x648;&#x644;&#x64A;&#x62F; &#x627;&#x644;&#x635;&#x648;&#x631; &#x627;&#x644;&#x645;&#x635;&#x63A;&#x631;&#x629; &#x648;&#x642;&#x635; &#x627;&#x644;&#x635;&#x648;&#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%A5%D8%B9%D8%A7%D8%AF%D8%A9-%D8%AA%D9%88%D9%84%D9%8A%D8%AF-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%A7%D9%84%D9%85%D8%B5%D8%BA%D8%B1%D8%A9-%D9%88%D9%82%D8%B5-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r763/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c455f07_--------.jpg.ba7a59866569c1d86e7d2fcdb06d011d.jpg" /></p>

<p>
	يَعلم <a href="https://academy.hsoub.com/freelance/jobs/%D8%A7%D9%84%D9%81%D8%B1%D9%82-%D8%A8%D9%8A%D9%86-%D9%85%D8%B5%D9%85%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%85%D8%B7%D9%88%D8%B1-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D9%85%D8%B9%D8%B1%D9%81%D8%A9-%D8%A7%D9%84%D8%A3%D9%86%D8%B3%D8%A8-%D8%A8%D9%8A%D9%86%D9%87%D9%85%D8%A7-r408/" rel="">مطورو الويب والمصممون</a> مدى أهمية الحصول على الأحجام الصحيحة من <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%84%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A3%D9%81%D8%B6%D9%84-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r672/" rel="">الصور</a> والصور المصغرة Thumbnails الضرورية للعمل على مشروعٍ ما. ويحتوي الووردبريس وأغلب القوالب على قواعدَ افتراضية للتعامل مع الصور المصغرة، والتي تُطبّق عند رفع أيّة صورة؛ حيث تُنشأ الصور المصغرة، وتُقص الصور تلقائيًا لتتناسب مع الأحجام الافتراضية؛ ولكن في بعض الأحيان، قد تكون هذه الأحجام الافتراضية غير مناسبة لمشروعك.
</p>

<p>
	عندما تُغيّر القالب في موقعك الووردبريس، قد لا تتناسب الصور المصغرة التي أنشأها القالب السابق مع ما يتطلبه القالب الحالي؛ كما قد تختلف أحجام الصور البارزة أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D8%B5%D9%88%D8%B1%D8%A9-%D8%B4%D8%AE%D8%B5%D9%8A%D8%A9-%D9%84%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r472/" rel="">الصور الشخصية</a>. يمكن أن تتسبب هذه الاختلافات في معرض الصور المصغرة بمشاكل في التصميم، جاعلةً الموقع يظهر بمظهرٍ سيئ. ولهذا السبب، تكون إعادة توليد الصور المصغرة، أو حتى قص الصور، أمرًا ضروريًا في بعض الأحيان بعد تغيير القالب، ولكنّ إنجاز ذلك يدويًا أمرٌ صعب جدًا، خاصةً بالنسبة لموقعٍ يحتوي مكتبة وسائط كبيرة. لحسن الحظ، توجد إضافات يمكنها مساعدتك في هذه المهمة، وسنلقي نظرةً على إحداها، وهي إضافة Image Regenerate &amp; Select Crop. سنتعرف في هذا المقال على الطريقة التي ستساعدك بها هذه الإضافة في إعادة توليد الصور المصغرة، واقتصاص الصور من داخل مكتبة الوسائط في موقعك الووردبريس.
</p>

<h2>
	ما هي الصور المصغرة Thumbnails؟
</h2>

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

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

<h2>
	هدف إضافة Image Regenerate &amp; Select Crop
</h2>

<p>
	Image Regenerate &amp; Select Crop هي إضافة مفتوحة المصدر، ويمكن تحميلها من متجر ووردبريس للإضافات؛ كما أنها تُحدّث بانتظام لتتوافق مع آخر إصدارات ووردبريس.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104062" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6bf45bde_01-ImageRegenerate_SelectCrop.jpg.a88d6564176dc213015f66c1d4135e55.jpg" rel=""><img alt="01 - مهمة إضافة Image Regenerate _ Select Crop.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104062" data-unique="sx9s3dn3e" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6bf59876_01-ImageRegenerate_SelectCrop.thumb.jpg.8ffbad9907fea0345e3e8b8b120547df.jpg" style="width: 650px; height: auto;"></a>
</p>

<p>
	إن الهدف الرئيسي من إضافة Image Regenerate &amp; Select Crop هو إعادة توليد الصور المصغرة، وقص الصور لإنشاء الصور المصغرة. قد يكون ذلك ضروريًا بعد تغيير القالب، ومفيدًا لك إن كنت تريد تغيير أحجام الصور المصغرة الافتراضية، أو إنشاء صورٍ مصغرة بأحجامٍ جديدة. وتبرز فائدة عملية إعادة توليد الصور المصغرة عندما تنشئ حجم صورةٍ مخصصٍ جديد، لأن الحجم الجديد لن يُطبّق إلا على الصور الجديدة التي ترفعها بعد ذلك.
</p>

<h2>
	كيفية استخدام إضافة Image Regenerate &amp; Select Crop
</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="104063" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c038f1c_02-ImageRegenerate_SelectCrop.jpg.cf9a9d6598a1f067a1e796faaa8f5260.jpg" rel=""><img alt="02 - كيفية استخدام إضافة Image Regenerate _ Select Crop.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104063" data-unique="jzfiaq1ao" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c04b328_02-ImageRegenerate_SelectCrop.thumb.jpg.898b7e60b97df8b632425bb8d8a6bdf0.jpg" style="width: 700px; height: auto;"></a>
</p>

<p>
	تندرج إضافة Image Regenerate &amp; Select Crop بسلاسة في إعدادات <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>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104064" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c13ef08_03-ImageRegenerate_SelectCrop.png.2faa6c30785a78e072682fd37a9f1f6d.png" rel=""><img alt="03 - كيفية استخدام إضافة Image Regenerate _ Select Crop.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104064" data-unique="kg995ittz" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c370b82_03-ImageRegenerate_SelectCrop.thumb.png.5e685e8237f1942b8d21785b66c4e857.png" style="width: 700px; height: auto;"></a>
</p>

<p>
	عند النقر فوق زر "Details/Options"، ستُفتح نافذة جديدة تحتوي على جميع الصور المصغرة المنشأة من الصورة المختارة. وإذا كانت الصورة الأصلية صغيرة جدًا بالنسبة لحجم صورة مصغرة معيّنة، فستظهر لك رسالة بذلك؛ كما ستلاحظ وجود عبارة "Crop image" بجانب الصور المصغرة المنشأة من عملية قص الصورة الأصلية، وعبارة "Scale image" بجانب الصور المصغرة المنشأة من عملية إعادة تحجيم الصورة الأصلية. تستطيع النقر على زر إعادة التوليد بجانب أي صورة مصغرة لإعادة إنشائها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104065" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c52dd54_04-ImageRegenerate_SelectCrop.png.1e5549f46cd13550aa7abeff1a37f266.png" rel=""><img alt="04 - كيفية استخدام إضافة Image Regenerate _ Select Crop.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104065" data-unique="e47qoqcem" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c6080ca_04-ImageRegenerate_SelectCrop.thumb.png.211e408ed056022e3fabe6e999f6b082.png"></a>
</p>

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

<p>
	في الصورة أدناه عملية قص الصورة عموديًا وأفقيًا.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104066" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c7212d7_05-ImageRegenerate_SelectCrop.png.2729e89105de449ed1aebd204a79aebd.png" rel=""><img alt="05 - كيفية استخدام إضافة Image Regenerate _ Select Crop.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104066" data-unique="kog0sfdvb" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c8357c0_05-ImageRegenerate_SelectCrop.thumb.png.73586c60a6372ef3960aaaa450495d92.png"></a>
</p>

<p>
	بالإضافة إلى ذلك، تستطيع إعادة إنشاء جميع الصور المصغرة لصورة معينة في مكتبة الوسائط الخاصة بك بنقرة واحدة على زر "Regenerate". والآن، سنلقي نظرةً على كيفية ظهور هذه الإجراءات نفسها داخل طرائق العرض المختلفة في <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>

<h3>
	وضع عرض الصور المصغرة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104067" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c91c289_06-.jpg.051d45557101e29d8aec8ed4d675440a.jpg" rel=""><img alt="06 - وضع عرض الصور المصغرة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104067" data-unique="0jae3qou8" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c92e3cc_06-.thumb.jpg.f962c19928ba7060857df1e04ec8585f.jpg" style="width: 700px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104068" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c9bb7ad_07-.jpg.db0ecaf20c460090c6a790c0df604eb4.jpg" rel=""><img alt="07 - وضع عرض الصور المصغرة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104068" data-unique="sj4nrgwar" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6c9d561e_07-.thumb.jpg.b5e92493903e149cad3e8cb645ee41ad.jpg" style="width: 700px; height: auto;"></a>
</p>

<h3>
	وضع عرض القائمة
</h3>

<p>
	إذا كنت تستخدم مكتبة الوسائط في طريقة عرض القائمة، فسترى الأزرار الخاصة بتنفيذ إجراءات إضافة Image Regenerate &amp; Select Crop في كل سطر بجانب كل صورة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104069" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6ca75e68_08-.jpg.8790534490004c123de915e01b93817c.jpg" rel=""><img alt="08 - وضع عرض القائمة.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104069" data-unique="a0f8cntxf" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e4d6ca90074_08-.thumb.jpg.b74ba1ec4c996e04d9b0820cd4b929d7.jpg" style="width: 700px; height: auto;"></a>
</p>

<h2>
	الإعدادات المتقدمة للإضافة
</h2>

<p>
	بعيدًا عن الخيارات المتاحة في مكتبة الوسائط، توجد بعض الإعدادات المتقدمة العملية في قسم الإضافة نفسها من لوحة تحكم الووردبريس. والتي من أجل الوصول إليها، اضغط على "Image Regenerate &amp; Select Crop"، ثم "General Settings" من القائمة الجانبية في <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>. ستستطيع من خلال هذه الإعدادات تعيين ماسك مكان Placeholder، وتعديل الإعدادات العامة المتعلقة بوظائف الإضافة كلها غير تلك التي ذكرناها سابقًا. تسمح هذه الإعدادات بإجراء تغييرات مفصّلة على طريقة عمل الصور في موقعك الووردبريس.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-regenerate-thumbnails-and-crop-images-in-wordpress" rel="external nofollow">How to Regenerate Thumbnails and Crop Images in WordPress</a> لصاحبته Orana Velarde.
</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%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/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D9%84%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A3%D9%81%D8%B6%D9%84-%D8%A3%D8%AF%D8%A7%D8%A1-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r672/" rel="">كيفية تحسين الصور للحصول على أفضل أداء في ووردبريس</a>
	</li>
	<li>
		<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%D9%85%D8%AB%D9%84%D9%89-%D9%84%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D8%B5%D9%88%D8%B1%D8%A9-%D9%83%D8%AE%D9%84%D9%81%D9%8A%D8%A9-%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-r67/" rel="">الطريقة المثلى لإضافة صورة كخلفية لموقع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">763</guid><pubDate>Sat, 30 Jul 2022 07:43:11 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x639;&#x627;&#x62F;&#x629; &#x62A;&#x648;&#x62C;&#x64A;&#x647; &#x645;&#x648;&#x642;&#x639; &#x627;&#x644;&#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633; &#x645;&#x646; HTTP &#x625;&#x644;&#x649; HTTPS</title><link>https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B9%D8%A7%D8%AF%D8%A9-%D8%AA%D9%88%D8%AC%D9%8A%D9%87-%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%85%D9%86-http-%D8%A5%D9%84%D9%89-https-r768/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f367bcca3b3_-------HTTP--HTTPS.png.558b1b53679b070e2dafe49a8b766d33.png" /></p>

<p>
	لا بد وأنك سمعت مُسبقًا بضرورة جعل بادئة موقعك HTTPS بدلًا من <a href="https://academy.hsoub.com/programming/general/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-http-r73/" rel="">HTTP</a>، إذ يُعد تغيير بادئة عنوان موقعك الإلكتروني من HTTP إلى HTTPS خطوةً مهمةً في سبيل <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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/" rel="">حماية أمن جميع نواحي موقعك</a>، وتحسين ترتيب الصفحات، وموثوقية <a href="https://academy.hsoub.com/apps/web/wordpress/%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-%D9%84%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-r590/" rel="">تحسين محركات البحث SEO</a> الخاصيّن بموقعك، بالإضافة إلى منح مستخدمي موقعك (ونفسك أيضًا) الأمان. ولكن كيف يمكنك تحقيق هذا؟ سنخبرك بكل ما تحتاج إلى معرفته عن ذلك.
</p>

<h2>
	ما هو بروتوكول HTTPS؟ وماذا يفعل؟
</h2>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104748" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f367be7e2fa_01-HTTPS.png.ace33ca602bdbdcf85c15366c516ed1b.png" rel=""><img alt="01 - ما هو بروتوكول HTTPS وماذا يفعل؟.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104748" data-unique="ijqu3gnhp" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f367be7e2fa_01-HTTPS.png.ace33ca602bdbdcf85c15366c516ed1b.png"></a>
</p>

<p>
	ستلاحظ أنه يُشار إلى هذه الشهادات باسم <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%B9%D9%85%D9%84-ssl-%D9%88-https-%D9%85%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r278/" rel="">شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr></a> أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA-%D9%85%D9%87%D9%85%D8%A9-%D8%B9%D9%86-tls-%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r659/" rel=""><abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr></a>. يحمي الموقع المشفّر بصورة أساسية كلًّا من موقعك والمستخدمين من القرصنة الضارة، واختراقات البيانات، والأنشطة السيئة الأخرى.
</p>

<h2>
	هل من الضروري الانتقال من HTTP إلى HTTPS؟
</h2>

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

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

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

<h2>
	تحذير المستخدمين من المواقع غير اﻵمنة
</h2>

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

<p>
	عندما يعلم المستخدمون أنك تحميهم وتحمي بياناتهم، فهم على الأرجح سيستخدمون خدماتك. تكثر البرامج الضارة، وتوجد أعداد كبيرة من التهديدات الأمنية عبر <a href="https://academy.hsoub.com/devops/networking/%D8%A2%D9%84%D9%8A%D8%A9-%D8%B9%D9%85%D9%84-%D8%B4%D8%A8%D9%83%D8%A9-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-r571/" rel="">الإنترنت</a>، ومن السهل جدًا الوقوع ضحيةً لفعلٍ ضار ما. تحتاج جميع الشركات إلى قاعدة من الثقة بين المستخدم <a href="https://academy.hsoub.com/marketing/core-concepts-of-marketing/%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%81%D9%8A-%D9%82%D8%B1%D8%A7%D8%B1-%D8%A7%D9%84%D8%B4%D8%B1%D8%A7%D8%A1-%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%85%D8%A9-%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-r486/" rel="">والعلامة التجارية</a>، ويمثل ذلك ركيزةً أساسيةً في هذا المجال.
</p>

<h2>
	كيفية إعادة توجيه موقعك الووردبريس من HTTP إلى HTTPS
</h2>

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

<h3>
	اختيار وتنصيب شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr>
</h3>

<p>
	توفر العديد من شركات الاستضافة <a href="https://academy.hsoub.com/devops/servers/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-ssl-%D9%85%D9%86-%D8%B3%D9%84%D8%B7%D8%A9-%D8%B4%D9%87%D8%A7%D8%AF%D8%A7%D8%AA-%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-%D8%A7%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D9%88%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-r148/" rel="">شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr></a> مجانية من خلال خطط الاستضافة التي تقدمها. ويمكنك في كثير من الأحيان تفعيلها بنقرة زر واحدة عبر أدوات الموقع. ولكن إن لم توفر الاستضافة الخاصة بموقعك شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA-%D9%85%D9%87%D9%85%D8%A9-%D8%B9%D9%86-tls-%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r659/" rel=""><abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr></a> مجانًا، فلربما حان الوقت لكي تبحث عن استضافة جديدة. تتوفر الكثير من شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> وTLS التي يمكنك تنصيبها يدويًا في موقعك، مثل Free <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، وLet's Encrypt.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104749" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f367bf79d06_02-SSLTLS.jpg.27d588296c4bc1cfc9dc035557baa620.jpg" rel=""><img alt="02 - اختيار وتنصيب شهادة SSL أو TLS.jpg" class="ipsImage ipsImage_thumbnailed" data-fileid="104749" data-unique="jk0vdqauh" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f367bf8b789_02-SSLTLS.thumb.jpg.1d63ad3e375668d5daff4ae1e306e149.jpg" style="width: 750px; height: auto;"></a>
</p>

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

<h3>
	الانتقال إلى HTTPS في ووردبريس
</h3>

<p>
	بعد حصولك على شهادة الأمان، ستحتاج إلى التوجه إلى إعدادات موقعك الووردبريس لتغيير عنوان موقعك الإلكتروني إلى HTTPS. توجه إلى <strong>الإعدادات</strong>، ومن ثم <strong>عام</strong>، وابحث عن الحقول التي تحمل أسماء <strong>عنوان ووردبريس URL</strong>، و<strong>عنوان الموقع URL</strong>. غيّر العناوين الإلكترونية لتصبح HTTPS.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104750" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f367c076a26_03-HTTPS.png.9ad9600c411ef100919bfac6c48fde75.png" rel=""><img alt="03 - الانتقال إلى HTTPS في ووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104750" data-unique="zasqr3ix6" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f367c328a88_03-HTTPS.thumb.png.540472c01e63479230529bc3c0c53dee.png" style="width: 750px; height: auto;"></a>
</p>

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

<h3>
	إضافات ووردبريس للتعامل مع الحالات الصعبة
</h3>

<p>
	لا يشعر الجميع بالراحة عند تحرير تلك الملفات والبحث في أعماق مواقعهم، وهذا هو سبب وجود العديد من إضافات ووردبريس التي يمكنها إنجاز معظم العمليات، إن لم يكن كل العلمية نيابةً عنك. والإضافة الأكثر شيوعًا لذلك هي Really Simple <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، إذ لن تحتاج من خلالها سوى إلى النقر على زر التفعيل لتُحل معظم الأمور الصعبة.
</p>

<p>
	إذا حدثت مشكلات بعد ذلك، فغالبًا ستكون إما بسبب إعادة توجيه العناوين إلى بروتوكول HTTPS الجديد، أو بسبب خطأ إصلاح المحتوى المتداخل. إن خطأ المحتوى المتداخل سهل الحل، ولا تحتاج لحلّه سوى إلى تنصيب إضافة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> Insecure Content Fixer من WebAware التي تُحَل المشكلة بضغطة زر؛ أما مشكلة إعادة التوجيه إلى HTTPS، فأمامك الكثير من الخيارات لحلها، حيث ستتعامل العديد من الإضافات المتخصصة بتحسين محركات البحث SEO معها تلقائيًا، لذلك قد لا تحتاج إلا إلى ضبط بعض الإعدادات من لوحة تحكم موقعك لحل ذلك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104751" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f367c583986_04-.png.c2c6a433e1955818ab9eee418d8a7503.png" rel=""><img alt="04 - إضافات ووردبريس للتعامل مع الحالات الصعبة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104751" data-unique="cpdkzssxe" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f367c7e7611_04-.thumb.png.4488bb55f0b3dff3c2b395e0ef033d88.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	يمكنك أيضًا تنصيب إضافات، مثل إضافتي HTTPS Redirection، أو WP Force <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> &amp; HTTPS <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> Redirect لحل كل المشكلات نيابةً عنك. وكلاهما بسيط وسهل وسريع.
</p>

<h2>
	الخطوات المتبقية بعد ذلك
</h2>

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

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

<ul>
<li>
		تأكد من أن كل شيء قد تغير باستخدام إضافات، مثل إضافة Better Search Replace المخصصة لاستبدال HTTP بـ HTTPS.
	</li>
	<li>
		غيّر عنوان موقعك الإلكتروني في إحصاءات جوجل وجوجل أدسنس Adsense <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%A3%D8%AF%D8%A7%D8%A9-%D9%85%D8%B4%D8%B1%D9%81%D9%8A-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%85%D9%86-%D8%AC%D9%88%D8%AC%D9%84-google-search-console-r499/" rel="">وأدوات مشرفي المواقع من جوجل Search Console</a> (توفر جوجل دليلًا رائعًا حول طريقة القيام بذلك).
	</li>
	<li>
		اضبط البرامج النصية Scripts، <a href="https://academy.hsoub.com/devops/networking/%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-content-distribution-networks-r569/" rel="">وشبكات توزيع المحتوى CDNs</a>، والإعدادات الخارجية الأخرى التي ما زالت تستخدم العنوان الإلكتروني القديم. تختلف الحالة من موقع إلى آخر، ولكن إن كنت تستخدم عمليات متكاملة مرتبطة بموقعك العامل ببروتوكول HTTP القديم، فأنت من دون شك بحاجة إلى التأكد من أنها تشير الآن إلى عنوان موقعك العامل ببروتوكول HTTPS الجديد.
	</li>
	<li>
		استبدل عنوان موقعك الإلكتروني القديم في أي مكان تربطه مع موقعك (مثل: منصات التواصل الاجتماعي، والقنوات التسويقية الأخرى). وعلى الرغم من أنه يجب أن يُعاد توجيه العنوان الإلكتروني HTTP إلى العنوان HTTPS تلقائيًا، إلا أن تغييره في الأماكن الظاهرة للمستخدمين يزيد المصداقية والثقة كثيرًا، والتي تحدثنا عنها سابقًا.
	</li>
	<li>
		تذكر استخدام العنوان الإلكتروني الجديد عند كتابة رابط موقعك من الآن فصاعدًا. قد يستغرق هذا بعض الوقت لتعتاد عليه، لكنك في نهاية المطاف ستفعل.
	</li>
</ul>
<h2>
	الخاتمة
</h2>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/redirect-http-to-https" rel="external nofollow">How to Redirect WordPress from HTTP to HTTPS</a> لصاحبته Haley Walden.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-http-%D8%B4%D8%B1%D8%AD-%D8%A7%D9%84%D8%AA%D8%AE%D8%A7%D8%B7%D8%A8-%D8%A8%D9%8A%D9%86-%D8%A7%D9%84%D8%B9%D9%85%D9%8A%D9%84-%D9%88%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85-r74/" rel="">مدخل إلى HTTP: شرح التخاطب بين العميل والخادم</a>
	</li>
	<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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/" rel="">الدليل الكامل إلى أمن مواقع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%B9%D9%85%D9%84-ssl-%D9%88-https-%D9%85%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r278/" rel="">كيف تستعمل <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> و HTTPS مع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">768</guid><pubDate>Wed, 10 Aug 2022 08:30:24 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; &#x645;&#x62F;&#x642;&#x642; &#x62E;&#x631;&#x64A;&#x637;&#x629; &#x627;&#x644;&#x645;&#x648;&#x642;&#x639; &#x644;&#x627;&#x633;&#x62A;&#x643;&#x634;&#x627;&#x641; &#x627;&#x644;&#x623;&#x62E;&#x637;&#x627;&#x621; &#x648;&#x625;&#x635;&#x644;&#x627;&#x62D;&#x647;&#x627; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#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%D8%AF%D9%82%D9%82-%D8%AE%D8%B1%D9%8A%D8%B7%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9-%D9%84%D8%A7%D8%B3%D8%AA%D9%83%D8%B4%D8%A7%D9%81-%D8%A7%D9%84%D8%A3%D8%AE%D8%B7%D8%A7%D8%A1-%D9%88%D8%A5%D8%B5%D9%84%D8%A7%D8%AD%D9%87%D8%A7-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r767/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607aace47_---------.png.3d3cfc0af302904dc725d8485dd5a75c.png" /></p>

<p>
	تساعد عملية إرسال خريطة الموقع بتنسيق XML في توفير تفاصيل كاملة عن كل صفحات الموقع التي تريد من محركات البحث أن تفهرسها؛ ولذلك يجب أن تكون خريطة الموقع حجر الأساس في استراتيجيتك <a href="https://academy.hsoub.com/apps/web/wordpress/%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-%D9%84%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-r590/" rel="">لتحسين محركات البحث SEO</a>. ولكن لكي تحصل على أفضل النتائج، ستحتاج إلى استخدام مدقق خريطة الموقع، لتتأكد من عدم إرسال أيّة ملفات تحتوي على أخطاء.
</p>

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

<h2>
	ما هو مدقق خريطة الموقع؟
</h2>

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

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

<p>
	ستستخدم غالبًا خرائط مواقع مُنشأة تلقائيًا. وإن كنت تستخدم ووردبريس، فإن <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/4-%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%84%D8%AA%D8%B3%D9%87%D9%8A%D9%84-%D8%AA%D9%87%D9%8A%D8%A6%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%84%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB-r176/" rel="">الإضافات المتخصصة في تحسين محركات البحث SEO</a> مثل إضافة Yoast، تستطيع مساعدتك في إنشاء خرائط المواقع التي يمكنك إرسالها إلى <a href="https://academy.hsoub.com/marketing/search-engine-optimisation/%D8%A3%D8%AF%D8%A7%D8%A9-%D9%85%D8%B4%D8%B1%D9%81%D9%8A-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%85%D9%86-%D8%AC%D9%88%D8%AC%D9%84-google-search-console-r499/" rel="">أداة مشرفي المواقع Google Search Console</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104744" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f360780bd61_01.png.e4b1c395b4e96891548675bc5c9902c7.png" rel=""><img alt="01 ما هو مدقق خريطة الموقع؟.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104744" data-unique="rvfvnlytk" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f360780bd61_01.png.e4b1c395b4e96891548675bc5c9902c7.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	مدقق خريطة الموقع هو عبارة عن أداة يمكنها معالجة ملفات XML وHTML هذه، والتأكد من خلوّها من الأخطاء. ونعني بكلمة "أخطاء" ما يلي:
</p>

<ul>
<li>
		صفحات لا يمكن لمحركات البحث فهرستها.
	</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>
		أخطاء 401.
	</li>
	<li>
		المواقع التي تحوي الكثير من عناوين الإنترنت.
	</li>
	<li>
		عناوين الإنترنت غير الأساسية.
	</li>
</ul>
<p>
	إن احتوت خريطة موقعك على أيٍّ من هذه الأخطاء، فقد لا تتمكن محركات البحث من فهرسة كل صفحة تضعها فيها، كما أن قراءة ملفات XML يدويًا بحثًا عن الأخطاء يمكن أن يستغرق وقتًا طويلًا، وأنت بحاجة إلى اختبار تلك العناوين. ولحسن الحظ، يُمكّنك مدقق خريطة الموقع من تجاوز كل هذا العمل، لتبدأ مباشرةً في إصلاح أيّة أخطاء يجدها.
</p>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104745" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607903f97_02.png.099a0c32d82f23878ad58999ba7fe488.png" rel=""><img alt="02 كيفية استخدام مدقق خريطة الموقع.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104745" data-unique="mfg6kzddk" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607a9adfe_02.thumb.png.fc057a2d7e691fa74aded189c418d71a.png" style="width: 600px; height: auto;"></a>
</p>

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

<p>
	أدخِل عنوان الموقع الإلكتروني الخاص بخريطة الموقع التي تريد تدقيقها، وستعرض الأداة تقريرًا يتضمن أيّة أخطاء تعثر عليها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104746" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607bd3d53_03.png.5837534b024073ef8fc91cf2a28e2daa.png" rel=""><img alt="03 كيفية استخدام مدقق خريطة الموقع.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104746" data-unique="k12i6c1kf" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607dbc10d_03.thumb.png.99c14c0ee72adcf34f514af669ba1145.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	تُظهر الصورة أعلاه نتيجة التدقيق الإيجابية التي تفيد بعدم عثور مدقق خريطة الموقع على أيّة أخطاء.
</p>

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

<h2>
	5 أخطاء شائعة في خريطة الموقع وكيفية إصلاحها
</h2>

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

<h3>
	1. الصفحات التي تحوي مشكلات في الزحف
</h3>

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

<ul>
<li>
		<strong>تستغرق الصفحة وقتًا طويلًا جدًا للتحميل</strong>: فإن استغرق تحميل موقعك وقتًا طويلًا، فستنتهي مهلة الاتصال بالزاحف؛ مما قد يعني أن بعض الصفحات لن تُفهرس.
	</li>
	<li>
		<strong>يستخدم موقعك الكثير من عمليات إعادة التوجيه</strong>: عندما يجري إعداد عمليات إعادة التوجيه بطريقة غير صحيحة، فمن الممكن أن ينتهي الأمر بموقعك إلى دخوله في حلقة مغلقة من إعادة التوجيه؛ مما يؤدي إلى عدم قدرة محركات البحث على الزحف إليه.
	</li>
	<li>
		<strong>يمنع الموقع محركات البحث من الزحف إليه</strong>: يمكنك عبر استخدام علامات noindex، ضبط ووردبريس لكي يمنع برامج الزحف من فهرسة موقعك. يُحتمل في العادة أن تقوم بذلك أثناء إنشاء موقعك، أو أثناء إنشاء صفحات خاصة.
	</li>
	<li>
		<strong>تُرجع الصفحة رمز خطأ غير رمز الخطأ 404 أو 401</strong>: تستطيع مدققات خرائط الموقع تحليل أخطاء 404، ومع ذلك ستؤدي رموز <a href="https://academy.hsoub.com/devops/servers/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d9%88%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%b1%d9%85%d9%88%d8%b2-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-http-%d8%a7%d9%84%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-r116/" rel="">أخطاء HTTP</a> الأخرى إلى إصدار تحذير لحدوث مشكلة في الزحف.
	</li>
</ul>
<p>
	قد يكون خطأ "مشكلات الزحف" غامضًا، ولكن يمكنك تحديد المشكلة بالضبط من خلال زيارة عنوان الموقع الإلكتروني المسبب للمشكلة، زذلك من خلال تحميل صفحة العنوان، فإن تحملّت بسرعة وبطريقة صحيحة، فهذا يعني أن موقعك يمنع محركات البحث من الزحف إليه.
</p>

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

<h3>
	2. أخطاء 404
</h3>

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

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

<h3>
	3. أخطاء 401
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="104747" href="https://academy.hsoub.com/uploads/monthly_2022_08/62f3607f74232_04401.png.088ed823aaf09cfad3ffd8d4c184bbbd.png" rel=""><img alt="04 أخطاء 401.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104747" data-unique="0iedpjopc" src="https://academy.hsoub.com/uploads/monthly_2022_08/62f360800636f_04401.thumb.png.64d995c687dc2385c28603f0b6737e53.png" style="width: 500px; height: auto;"></a>
</p>

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

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

<h3>
	4. وجود الكثير من عناوين الإنترنت في خريطة الموقع
</h3>

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

<h3>
	5. عناوين الإنترنت غير الأساسية في خريطة الموقع
</h3>

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

<ul>
<li>
		<a href="http://yourwebsite.com" ipsnoembed="false" rel="external nofollow">http://yourwebsite.com</a>
	</li>
	<li>
		<a href="http://www.yourwebsite.com" ipsnoembed="false" rel="external nofollow">http://www.yourwebsite.com</a>
	</li>
	<li>
		<a href="https://yourwebsite.com" ipsnoembed="false" rel="external nofollow">https://yourwebsite.com</a>
	</li>
	<li>
		<a href="https://www.yourwebsite.com" ipsnoembed="false" rel="external nofollow">https://www.yourwebsite.com</a>
	</li>
</ul>
<p>
	إن جميع عناوين الإنترنت هذه تقود عمليًا إلى نفس الصفحة (وذلك في حال أعدت توجيه زيارات <a href="https://academy.hsoub.com/programming/general/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-http-r73/" rel="">HTTP</a> إلى HTTPS). ومع ذلك، قد ترى محركات البحث عناوين الإنترنت هذه كأربعة مدخلات مختلفة في خريطة الموقع، مما يؤدي إلى حدوث أخطاء في التدقيق.
</p>

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

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

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

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

<ol>
<li>
		<strong>الصفحات التي تحوي مشكلات في الزحف</strong>: ستحتاج إلى التحقق من أوقات التحميل، وعمليات إعادة التوجيه، وزيارة صفحة موقعك لتحديد المشكلة بالضبط.
	</li>
	<li>
		<strong>أخطاء 404</strong>: يعني هذا الخطأ أن عليك حذف الصفحة غير الموجودة من خريطة الموقع، أو ضبط إعادة توجيه لها.
	</li>
	<li>
		<strong>أخطاء 401</strong>: يمكنك إزالة الصفحات مقيدة الوصول من خريطة الموقع.
	</li>
	<li>
		<strong>عدد كبير جدًا من عناوين الإنترنت في خريطة الموقع</strong>: يجب أن تكون انتقائيًا بشأن الصفحات الموجودة في خريطة الموقع، وأن تزيل الصفحات الأقل فائدة.
	</li>
	<li>
		<strong>عناوين الإنترنت غير الأساسية في خريطة الموقع</strong>: يُنصح هنا بإعداد عنوان إنترنت أساسي لصفحات معينة.
	</li>
</ol>
<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-use-a-sitemap-validator-to-troubleshoot-errors" rel="external nofollow">How to Use a Sitemap Validator to Troubleshoot Errors</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D9%86%D9%82%D9%8A%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-%D8%A8%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9-r1275/" rel="">كيفية تنقيح أخطاء ووردبريس بخطوات احترافية</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AA%D8%B9%D8%B1%D9%81-%D8%B9%D9%84%D9%89-%D8%A3%D8%B3%D8%A8%D8%A7%D8%A8-%D8%A8%D8%B7%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-r40/" rel="">تعرف على أسباب بطء مواقع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">767</guid><pubDate>Wed, 10 Aug 2022 08:06:24 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x635;&#x644;&#x627;&#x62D; &#x62E;&#x637;&#x623; &#x639;&#x62F;&#x645; &#x625;&#x645;&#x643;&#x627;&#x646;&#x64A;&#x629; &#x62A;&#x62D;&#x645;&#x64A;&#x644; &#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%A5%D8%B5%D9%84%D8%A7%D8%AD-%D8%AE%D8%B7%D8%A3-%D8%B9%D8%AF%D9%85-%D8%A5%D9%85%D9%83%D8%A7%D9%86%D9%8A%D8%A9-%D8%AA%D8%AD%D9%85%D9%8A%D9%84-%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-r761/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_08/62e9117aaa33e_---Sorry-you-are-not-allowed-to-upload-this-file-type--.jpg.541699e64ea001e7acb40d909638c602.jpg" /></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> ولم يُسمح لك برفعه، وظهرت لك رسالة الخطأ "Sorry, you are not allowed to upload this file type"، أو رسالة الخطأ -كما في في إصداراتٍ سابقة- عفوًا، هذا النوع من الملفات غير مسموح به لأسباب أمنية، فقد تشعر بالحيرة حول كيفية حل هذا الخطأ. لحسن الحظ، توجد عدة طرائق لإصلاحه، وإعادة الأمور إلى طبيعتها.
</p>

<p>
	سنشرح من خلال هذا المقال سبب حدوث خطأ "Sorry, you are not allowed to upload this file type" في ووردبريس. بعد ذلك، سنستعرض أبرز أربع طرائق لحل هذا الخطأ، ورفع أيّ ملفٍ إلى موقعك الووردبريس دون عوائق.
</p>

<h2>
	سبب حدوث هذا الخطأ في ووردبريس
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="104017" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ad9a01370_01-Sorryyouarenotallowedtouploadthisfiletype.png.9616e4c1ae0a2359a673c74f7c3d8f7f.png" rel=""><img alt="01 - سبب حدوث خطأ Sorry, you are not allowed to upload this file type.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104017" data-unique="0979dd5io" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ad9e60114_01-Sorryyouarenotallowedtouploadthisfiletype.thumb.png.c07877a1dc1068858ba8710d752b39a3.png"></a>
</p>

<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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/" rel="">مشكلات أمنية</a> بسبب الثغرات التي تأتي من الملفات المرفوعة. يمكن أن يؤدي الرفع المتعمد أو غير المتعمد للملفات التنفيذية الضارة إلى إلحاق ضررٍ دائمٍ بموقعك، لأنه قد يمنح المخترقين إمكانية الوصول إلى موقعك أو الخادم الخاص به.
</p>

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

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

<h2>
	كيفية إصلاح هذا الخطأ في ووردبريس
</h2>

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

<h3>
	1. إضافة أنواع ملفات مسموح برفعها عن طريق تغيير إعدادات الووردبريس متعدد المواقع
</h3>

<p>
	يتيح لك <a href="https://academy.hsoub.com/apps/web/wordpress/wordpress-multisite/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%85%D9%8F%D8%AA%D8%B9%D8%AF%D9%91%D8%AF-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r176/" rel="">الووردبريس متعدد المواقع WordPress Multisite</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>
	تحت عنوان إعدادات الرفع، ستجد إعداد أنواع الملفات المسموح رفعها، الذي يمكّنك من إضافة امتدادات أنواع الملفات التي ترغب في السماح برفعها، كما يظهر في الصورة أدناه:
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="104018" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada06d129_02-.png.543f29517cdc10dccf95bd41acc5880f.png" rel=""><img alt="02 - إضافة أنواع الملفات مسموحٌ بها عن طريق تغيير إعدادات الووردبريس متعددة المواقع.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104018" data-unique="7yte1rzn3" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada0d28ea_02-.thumb.png.6b9d0941262be897a949caf47543e851.png"></a>
</p>

<p>
	بمجرد حفظ التغييرات، سيؤدي ذلك إلى تحديث أنواع الملفات المسموح بها لجميع المواقع في الشبكة، مما يتيح لك وللمستخدمين رفع أيّ نوعٍ من أنواع الملفات التي أضفتها إلى <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B6%D8%A8%D8%B7-%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r471/" rel="">الإعدادات</a>.
</p>

<h3>
	2. تعديل أنواع الملفات المسموح بها باستخدام إضافة
</h3>

<p>
	توجد العديد من <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> التي تسمح لك برفع أنواع الملفات المحظورة، مثل إضافتي File Manager، وEnhanced Media Library. تحتوي هذه الإضافات على إعدادات تسمح برفع ملفات تنتمي إلى أنواع امتدادات بريد الإنترنت متعددة الأغراض MIME إلى ووردبريس.
</p>

<p>
	توفِّر أنواع MIME وصفًا للمحتوى الموجود في الملف المرفوع، حتى يتمكّن المتصفح من عرضه بطريقةٍ صحيحة. على سبيل المثال، يتوافق امتداد الملف jpg. مع MIME من النوع image/jpeg؛ ليُعرض كصورة في متصفحات الويب.
</p>

<p>
	سنشرح طريقة استخدام إضافة Enhanced Media Library لإضافة أنواع MIME جديدة مسموحٍ برفعها. يمكنك تنصيب الإضافة وتفعيلها بسهولة من خلال قسم الإضافات في <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-fileext="png" data-fileid="104019" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada266049_03-.png.006d6eb5428553e2ff36dcfabef9ef81.png" rel=""><img alt="03 - تعديل أنواع الملفات المسموح بها باستخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104019" data-unique="5ov18onr2" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada30872b_03-.thumb.png.06adad8abb96562103b2f06f266fbf6d.png"></a>
</p>

<p>
	بعد تفعيل الإضافة، توجَّه إلى الإعدادات لترى وجود خيار MIME Types الذي ستنتقل بالضغط عليه إلى صفحة إعدادات الوسائط. وتوجد طريقتان للسماح برفع نوعٍ MIME معيّن: الأولى هي تفعيل المربع المقابل لنوع MIME المطلوب في عمود السماح بالرفع Allow Upload ببساطة، والثانية، إن لم يكن النوع الذي تريده مدرجًا، فسيتعيّن عليك الضغط على زر إضافة نوع MIME جديد Add New MIME Type الموجود أعلى الصفحة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="104020" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada463978_04-.png.db7b4cde736c36a8f9c1177ac1feb2e7.png" rel=""><img alt="04 - تعديل أنواع الملفات المسموح بها باستخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104020" data-unique="1dplgikrd" style="width: 750px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada7ac18d_04-.thumb.png.a04208bff516a01c3109c8da588b8821.png"></a>
</p>

<p>
	ستؤدي إضافة نوع MIME جديد إلى إضافة صفٍ جديد في الجدول يحتوي الامتداد الجديد، ونوع MIME الجديد، والتسميات الجديدة. بعد ذلك، فعّل المربع المقابل للنوع المُضاف من عمود السماح بالرفع Allow Upload؛ ليصبح رفعه إلى موقعك الووردبريس ممكنًا. إن غيرت رأيك لاحقًا، فتستطيع إزالة الإدخالات الجديدة باستخدام زر الحذف الموجود في نهاية كل صف، أو من خلال الضغط على زر استعادة أنواع MIME الافتراضية في ووردبريس Restore WordPress default MIME Types للعودة إلى الإعدادات الأصلية.
</p>

<h3>
	3. استخدم مرشح Upload_Mimes عن طريق تحرير ملف functions.php الموجود في قالب موقعك
</h3>

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

<p>
	يحدِّد ملف functions.php سلوك أو وظائف موقعك الووردبريس. ويمكنك استخدام المرشحات لتعديل الوظائف الافتراضية لمنصة الووردبريس. من خلال إضافة مرشح upload_mimes إلى ملف functions.php، سيتغيّر السلوك الافتراضي للووردبريس عند محاولة رفع نوع ملف محظور إليه.
</p>

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

<p>
	بعد نجاح الاتصال مع خادم موقعك، ستستطيع العثور على ملف functions.php داخل مجلد القالب الموجود في مجلد themes، والموجود بدوره داخل مجلد wp-content. انقر بعدها بزر الفأرة الأيمن فوق الملف، واختر عرض/تحرير.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="104021" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3ada989795_05-Upload_Mimesfunctions_php.png.d48d4fe61d1a4fa8b6bb4a92713ab9be.png" rel=""><img alt="05 - استخدم فلتر Upload_Mimes عن طريق تحرير ملف functions.php الموجود في قالب موقعك.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104021" data-unique="9l1hft0gu" style="width: 800px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3adaa42d95_05-Upload_Mimesfunctions_php.thumb.png.5d494450d19567b0193eb028ee9466a7.png"></a>
</p>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_4250_20" style=""><span class="kwd">function</span><span class="pln"> my_custom_mime_types</span><span class="pun">(</span><span class="pln"> $mimes </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="com">// New allowed mime types.</span><span class="pln">
$mimes</span><span class="pun">[</span><span class="str">'svg'</span><span class="pun">]</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="str">'image/svg+xml'</span><span class="pun">;</span><span class="pln">
$mimes</span><span class="pun">[</span><span class="str">'svgz'</span><span class="pun">]</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="str">'image/svg+xml'</span><span class="pun">;</span><span class="pln">
$mimes</span><span class="pun">[</span><span class="str">'doc'</span><span class="pun">]</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="str">'application/msword'</span><span class="pun">;</span><span class="pln">
</span><span class="com">// Optional. Remove a mime type.</span><span class="pln">
unset</span><span class="pun">(</span><span class="pln"> $mimes</span><span class="pun">[</span><span class="str">'exe'</span><span class="pun">]</span><span class="pln"> </span><span class="pun">);</span><span class="pln">

</span><span class="kwd">return</span><span class="pln"> $mimes</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
add_filter</span><span class="pun">(</span><span class="pln"> </span><span class="str">'upload_mimes'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'my_custom_mime_types'</span><span class="pln"> </span><span class="pun">);</span></pre>

<p>
	أضف أيّة أنواع MIME أخرى تريدها، وامتداداتها كذلك إلى المصفوفة. يمكنك أيضًا إضافة أنواع MIME التي ترغب في حظر رفعها إلى القسم الاختياري في الشيفرة Remove a mime type، أو احذف هذا القسم إن لم يكن هناك داعٍ له.
</p>

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

<h3>
	4. السماح برفع كل أنواع الملفات من خلال تحرير ملف wp-config.php
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="104022" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e3adaba843d_06-wp-config_php.png.8be5c21e6fb25cd5395fb51df8ba0ed7.png" rel=""><img alt="06 -  السماح برفع كل أنواع الملفات من خلال تحرير ملف wp-config.php.png" class="ipsImage ipsImage_thumbnailed" data-fileid="104022" data-unique="0s7pu4m33" style="width: 800px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e3adac7ce2f_06-wp-config_php.thumb.png.528c16ecaf155d09bbbd5f83a149769c.png"></a>
</p>

<p>
	في ملف wp-config.php، ابحث عن السطر التالي الذي ستجده غالبًا في القسم الأخير من الملف:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_4250_27" style=""><span class="com">/* That's all, stop editing! Happy publishing. */</span></pre>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_4250_29" style=""><span class="pln">define</span><span class="pun">(</span><span class="str">'ALLOW_UNFILTERED_UPLOADS'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">);</span></pre>

<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%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/" rel="">أخطاء ووردبريس</a> التي تحدث أثناء العمل في الموقع مزعجة، ولكن، عندما يتعلق الأمر بخطأ "Sorry, you are not allowed to upload this file type"، فهناك العديد من الحلول المتاحة من أجل السماح برفع الملفات المحظورة في ووردبريس افتراضيًا.
</p>

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

<ul>
	<li>
		إضافة أنواع ملفات مسموح بها عن طريق تغيير إعدادات الووردبريس متعدد المواقع.
	</li>
	<li>
		تعديل أنواع الملفات المسموح بها باستخدام إضافة.
	</li>
	<li>
		استخدم مرشح Upload_Mimes عن طريق تحرير ملف functions.php الموجود في قالب موقعك.
	</li>
	<li>
		السماح برفع كل أنواع الملفات من خلال تحرير ملف wp-config.php.
	</li>
</ul>

<p>
	إن كانت لديك أيّة أسئلة أخرى حول خطأ "Sorry, you are not allowed to upload this file type" في ووردبريس، فأخبرنا بها من خلال قسم التعليقات أدناه.
</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-create-gutenberg-templates" rel="external nofollow">How to Fix the "Sorry, This File Type Is Not Permitted for Security Reasons" Error in WordPress</a> لصاحبه John Hughes.
</p>

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

<ul>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D9%86%D9%82%D9%8A%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-%D8%A8%D8%AE%D8%B7%D9%88%D8%A7%D8%AA-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9-r1275/" rel="">كيفية تنقيح أخطاء ووردبريس بخطوات احترافية</a>
	</li>
	<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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/" rel="">الدليل الكامل إلى أمن مواقع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B5%D9%84%D8%A7%D8%AD%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D9%88%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85%D9%87%D8%A7-%D9%81%D9%8A-%D8%AD%D9%85%D8%A7%D9%8A%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-r125/" 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-%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%A7%D8%B3%D8%AA%D8%B9%D8%A7%D8%AF%D8%A9-%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%AA%D8%B9%D8%B1%D8%B6-%D9%84%D9%84%D8%A7%D8%AE%D8%AA%D8%B1%D8%A7%D9%82-r275/" rel="">كيفية استعادة موقع ووردبريس تعرض للاختراق</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">761</guid><pubDate>Mon, 08 Aug 2022 15:08:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x646;&#x634;&#x627;&#x621; &#x648;&#x62A;&#x62E;&#x635;&#x64A;&#x635; &#x635;&#x641;&#x62D;&#x629; &#x62A;&#x633;&#x62C;&#x64A;&#x644; &#x627;&#x644;&#x645;&#x633;&#x62A;&#x62E;&#x62F;&#x645;&#x64A;&#x646; &#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-%D9%88%D8%AA%D8%AE%D8%B5%D9%8A%D8%B5-%D8%B5%D9%81%D8%AD%D8%A9-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A%D9%86-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r760/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b652078bc_-------.jpg.8fd49c1c7a9d97a769892c36dac2cab3.jpg" /></p>
<p>
	تتعدد الأسباب التي تضطرُّك للسماح <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A%D9%86-%D8%AC%D8%AF%D8%AF-%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-r470/" rel="">بتسجيل مستخدمين</a> جدد في موقعك على ووردبريس؛ فقد يعمل موقعك بنظام العضوية، أو قد يكون عبارة عن منتدى، بحيث لا يُسمح إلا للمستخدمين المسجلين بالتعليق فيه؛ بهدف إدارة النقاشات. مهما كان سببك، سنوضح لك كيفية إنشاء صفحة تسجيل المستخدمين في ووردبريس وتخصيصها من أجل إعداد حسابات خاصة لمستخدمي موقعك الووردبريس.
</p>

<h2>
	السماح بتسجيل مستخدمين جدد في ووردبريس
</h2>

<p>
	إن الخطوة الأولى الواجب تنفيذها هي خطوة بسيطة للغاية. من <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%B6%D8%A8%D8%B7-%D8%A7%D9%84%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r471/" rel="">لوحة التحكم</a> الخاصة بموقعك الووردبريس، توجَّه إلى <strong>الإعدادات</strong>، ومن ثم <strong>عام</strong>، حيث ستجد خيارين ضروريين لنجاح هذه العملية برمّتها. أولهما هو <strong>العضوية</strong>، والثاني هو <strong>الرتبة الافتراضية للأعضاء الجدد</strong>. ستحتاج إلى تفعيل خيار <strong>السماح بالتسجيل</strong> لأي شخص، واختيار <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%D8%B1%D8%AA%D8%A8-%D9%88%D8%B5%D9%84%D8%A7%D8%AD%D9%8A%D8%A7%D8%AA-%D8%A3%D8%B9%D8%B6%D8%A7%D8%A1-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r555/" rel="">رتبة العضو</a> الجديد الافتراضية. عادةً ما تكون الرتبة الافتراضية "مشترك"، ولكن، يجب أن تأخذ في الحسبان أن كل رتبة تأتي بصلاحيات مختلفة، وبالتالي قد يناسب أحدها موقعك أكثر من البقية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103965" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b64e3e89d_01-.png.3309bf47d30b5393ca7a222bf3457a8d.png" rel=""><img alt="01 - السماح بتسجيل مستخدمين جدد في ووردبريس.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103965" data-unique="jd765ifgy" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65171161_01-.thumb.png.149d37fabc0ea294da53f8b248d1cddc.png"></a>
</p>

<p>
	تتوفر افتراضيًا 5 رتب للمستخدمين:
</p>

<ul>
	<li>
		مشترك.
	</li>
	<li>
		مساهم.
	</li>
	<li>
		كاتب.
	</li>
	<li>
		محرر.
	</li>
	<li>
		مدير.
	</li>
</ul>

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

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

<h2>
	كيفية إنشاء صفحة تسجيل مستخدم في ووردبريس وتخصيصها
</h2>

<p>
	سنشرح بالخطوات التفصيلية كيفية <a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AE%D8%B5%D8%B5-%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%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-r577/" rel="">إنشاء صفحة تسجيل</a> المستخدِم في ووردبرس.
</p>

<h3>
	الطريقة الأولى: استخدام نموذج التسجيل الافتراضي في ووردبريس
</h3>

<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> إلى قسم <strong>المظهر</strong>، ومن ثم <strong>ودجات</strong>، وأضف مكوّن <strong>تسجيل دخول/خروج</strong> إلى أحد أقسام موقعك، مثل الشريط الجانبي أو التذييل.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103966" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b654a0d59_02-.png.2111c2b6146b2eef28bbbe76b27ce896.png" rel=""><img alt="02 - كيفية إنشاء صفحة تسجيل مستخدم في ووردبريس وتخصيصها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103966" data-unique="i3eiybkge" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b655be014_02-.thumb.png.8fd1f7965b6cfb57708f621a3ac3891f.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103967" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65732fa2_03-.png.cb5859ec73d9b3800a09b986ff1d7c5d.png" rel=""><img alt="03 - كيفية إنشاء صفحة تسجيل مستخدم في ووردبريس وتخصيصها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103967" data-unique="8u4zobxlf" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b657e644f_03-.thumb.png.8a92ac72d3ed603b9c8a3a1e580c8fd6.png"></a>
</p>

<p>
	بعد النقر على زر <strong>تسجيل الدخول</strong>، سيُنقل المستخدمون إلى صفحة إنشاء حساب و<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> الافتراضية في ووردبريس الموجودة على الرابط: <strong>yoursite.com/wp-admin</strong>. يحتاج الزوار الجدد إلى النقر مرةً أخرى على زر <strong>تسجيل</strong> الصغير من أجل الانتقال إلى صفحة تسجيل حسابٍ جديد.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103968" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65915a80_04-.png.46dee5262703a2b30c7965bd35e04b95.png" rel=""><img alt="04 - كيفية إنشاء صفحة تسجيل مستخدم في ووردبريس وتخصيصها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103968" data-unique="79vlpdqqg" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65915a80_04-.png.46dee5262703a2b30c7965bd35e04b95.png"></a>
</p>

<p>
	سيتعين على الزوار البحث عن زر التسجيل غير الواضح للوصول إلى نموذج إنشاء حساب جديد. إن شكل العنوان الإلكتروني لتسجيل حساب جديد في الووردبريس هو: <strong><a href="https://yoursite.com/wp-login.php?action=register" ipsnoembed="false" rel="external nofollow">https://yoursite.com/wp-login.php?action=register</a></strong>، حيث يمكنك وضع رابط تسجيل الحساب هذا في أي مكانٍ في موقعك، وعند ضغط الزوار عليه سينقلهم إلى صفحة إنشاء حساب جديد الافتراضية، إذ سيختارون اسم مستخدم، ويدخلون بريدهم الإلكتروني.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103969" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65a1d157_05-.png.ec39715340e9e6cf0caf666537862451.png" rel=""><img alt="05 - كيفية إنشاء صفحة تسجيل مستخدم في ووردبريس وتخصيصها.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103969" data-unique="lhg7hofyj" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b65b5722d_05-.thumb.png.71194ed0efd833bde895bb57393a7847.png"></a>
</p>

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

<h3>
	الطريقة الثانية: استخدام إضافة
</h3>

<p>
	إن إحدى أفضل طرائق إنشاء نموذج تسجيل في موقعك (مع شيفرة قصيرة تمكّنك من وضعه في أي مكانٍ في موقعك) هي إضافة Ultimate Member؛ والتي لن تستطيع باستخدامها تصميم صفحة التسجيل بتناسق مع موقعك وحسب، بل يمكنك أيضًا <a href="https://academy.hsoub.com/apps/web/wordpress/wordpress-multisite/%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D9%8F%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A%D9%86-%D9%88%D8%A7%D9%84%D9%82%D9%88%D8%A7%D9%84%D8%A8-%D9%88%D8%A7%D9%84%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA-%D8%B9%D9%84%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D9%85%D9%8F%D8%AA%D8%B9%D8%AF%D9%91%D8%AF-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-r181/" rel="">إدارة حسابات المستخدمين</a> أنفسهم بسهولة أكبر. مع أكثر من 100000 عملية تنصيب لهذه الإضافة، ومع التحديثات المستمرة، سيتملكك شعورٌ بالأمان عند إدارة عمليات التسجيل في موقعك من خلالها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103970" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b660dc909_06-.png.b8c792db35a19ead244431df9c50e0c4.png" rel=""><img alt="06 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103970" data-unique="tujvlp8ti" style="width: 650px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b66342ad7_06-.thumb.png.50c31c6a7b78cc39b279caf668932797.png"></a>
</p>

<p>
	أولًا، نصّب إضافة Ultimate Member من متجر الإضافات في <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>. وبعد تفعيل الإضافة، ستتلقى رسالةً تفيد بأن إضافة Ultimate Member تحتاج إلى <strong>إنشاء صفحات</strong> جديدة لتعمل بطريقة صحيحة، لذا امنحها الإذن.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103971" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b664c447b_07-.png.77e12d5e65147dc5793cea7534b249a9.png" rel=""><img alt="07 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103971" data-unique="omj3n7lq0" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b66522945_07-.thumb.png.db8a0fe9e730027327c36ee520e9bc67.png"></a>
</p>

<p>
	بعد إنشاء الصفحات، ستكون جاهزًا عمليًا لاستقبال الزوار، فقد بات بإمكان المستخدمين الآن زيارة صفحة التسجيل من خلال الرابط: <strong>yoursite.com/register</strong>، أو <strong>yoursite.com/register-2</strong> إن كانت هناك صفحة تسجيل مسبقًا؛ كما يمكنك تغيير هذا الرابط إلى ما تريد من خلال إعدادات الإضافة.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103972" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b669c41c3_08-.png.58c2ff52082f44d8a857f9b232709234.png" rel=""><img alt="08 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103972" data-unique="xv0ez0tir" style="width: 500px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b66ae1f1d_08-.thumb.png.f4e2eb68328587a54b62c401fbff3b96.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103973" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b66bee786_09-.png.a51e575a3306687231c470708e419002.png" rel=""><img alt="09 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103973" data-unique="hvsla0bmm" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b66e252fa_09-.thumb.png.1e03c5e87378bccfd742f4e9e5fa33a2.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103974" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6707dc09_10-.png.80ba89a27b7d6edf1ce6d51bee305710.png" rel=""><img alt="10 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103974" data-unique="quiumstzp" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6707dc09_10-.png.80ba89a27b7d6edf1ce6d51bee305710.png"></a>
</p>

<p>
	ومع ذلك، فإن الجزء الأكثر أهميةً في كل هذا هو الشيفرة القصيرة صاحبة الرقم 2 في الصورة. عند نسخ هذا الرمز ولصقه في أي صفحة أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%AF%D9%84%D9%8A%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-r589/" rel="">ودجت</a>، سيُعرض نموذج التسجيل هذا. ويمكنك لصقه مثلًا في ودجت <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> مخصصة من خلال التوجه إلى <strong>المظهر</strong>، ومن ثم <strong>ودجات</strong>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103975" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b67337231_11-.png.e185f7353d36ebfbc763f0a31098172b.png" rel=""><img alt="11 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103975" data-unique="ud2bzbljc" style="width: 760px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b674db800_11-.thumb.png.6906c7965a8e1ea7a4bfb18ba1ca62df.png"></a>
</p>

<p>
	عندما تضغط على <strong>تحديث</strong>، سيظهر نموذج التسجيل كاملًا في الشريط الجانبي (أو في أيّ مكانٍ آخر حددته).
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103976" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6769433f_12-.png.2429641c6c103996f8bc96f9e946ee4c.png" rel=""><img alt="12 - الطريقة الثانية استخدام إضافة.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103976" data-unique="moprru69f" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6782ec64_12-.thumb.png.951df2d02df9c6a6d29fcdac3fa94db2.png"></a>
</p>

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

<h4>
	صفحة تسجيل الدخول
</h4>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103977" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b679780bf_13-.png.b02c3329c628d8c81f0a703750f84afd.png" rel=""><img alt="13 - صفحة تسجيل الدخول.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103977" data-unique="b4a1cdrxo" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b67bb7b8c_13-.thumb.png.c17253d9eb79db7cf224b59f6a32d4ea.png"></a>
</p>

<p>
	تُنشئ إضافةُ Ultimate Member العنوانَ الإلكتروني الافتراضي لصفحة تسجيل الدخول بدلًا عنك، والتي يصل المستخدمون إليها عادةً من خلال هذا الرابط: <strong>yoursite.com/login</strong>. إن كنت قد قررت بالفعل اعتماد النموذج الافتراضي، فستكون قد أتممت بذلك كل ما تحتاج إلى إعداده. ولكن إن أردت إنشاء نموذجٍ جديد، فأنت بحاجة فقط إلى إدراج الكود القصير في صفحة التسجيل الجديدة في موقعك.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103978" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b67e19931_14-.png.0a5990816b553488d29c5f7cbd5a74fd.png" rel=""><img alt="14 - صفحة تسجيل الدخول.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103978" data-unique="e9adzwcnd" style="width: 650px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b67e7a325_14-.thumb.png.a7429708a24e4b89d5d4938314a3bd22.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103979" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b68073d5a_15-.png.d6d079c9493e616a9f912b783544b15b.png" rel=""><img alt="15 - صفحة تسجيل الدخول.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103979" data-unique="rqut1jchg" style="width: 500px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b68073d5a_15-.png.d6d079c9493e616a9f912b783544b15b.png"></a>
</p>

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

<h4>
	إدارة المستخدمين الجدد
</h4>

<p>
	إن نظام إدارة المستخدمين من قِبل مدير الموقع، والموجود افتراضيًا في ووردبريس، هو نظام لا يحوي إلا الحد الأدنى من الوظائف الأساسية. فمن خلال قسم <strong>أعضاء</strong> في لوحة تحكم الووردبريس، ستستطيع تغيير العديد من الأشياء المتعلقة بالمستخدمين، مثل الاسم واسم المستخدم والاسم الظاهر والبريد الإلكتروني، وحتى الرتبة. ولكن عندما يتعلق الأمر <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>، فلن تستطيع تعديل أيّ شيء افتراضيًا، وهنا تكمن قوة إضافة Ultimate Member التي ستسهل عليك عملية إدارة صلاحيات المستخدمين في موقع الووردبريس الخاص بك دون الحاجة إلى كتابة أيّة شيفرات برمجية من أي نوع.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103980" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6849d690_16-.png.faec3acfa359cb638248c38beaaa55e0.png" rel=""><img alt="16 - إدارة المستخدمين الجدد.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103980" data-unique="klhe33r1f" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b6851af97_16-.thumb.png.63c8c3bfbe8136fa327bc839627755c0.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103981" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b687501e0_17-.png.1dc7441e2e010045dbe91c556b39fe01.png" rel=""><img alt="17 - إدارة المستخدمين الجدد.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103981" data-unique="e1kg1lg8m" style="width: 700px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b68a72669_17-.thumb.png.7834353ac6bf7d2861223d2ac9358be0.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="103982" href="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b68c13ce1_18-.png.ae71fd0e05350e1dac621ac4304605a3.png" rel=""><img alt="18 - إدارة المستخدمين الجدد.png" class="ipsImage ipsImage_thumbnailed" data-fileid="103982" data-unique="uptkg08yj" style="width: 600px; height: auto;" src="https://academy.hsoub.com/uploads/monthly_2022_07/62e2b68c13ce1_18-.png.ae71fd0e05350e1dac621ac4304605a3.png"></a>
</p>

<h2>
	أفكار أخرى تستحق النظر إليها
</h2>

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

<h3>
	إنشاء عنوان إلكتروني مخصص لتسجيل الدخول
</h3>

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

<h2>
	تخصيص صفحة تسجيل الدخول الافتراضية
</h2>

<p>
	يمكنك تخصيص صفحة تسجيل الدخول الافتراضية في ووردبريس، وذلك في حال فضلت الإبقاء على العناوين الإلكترونية الافتراضية لصفحتي تسجيل المستخدمين الجدد وتسجيل الدخول كما هي. بإمكانك تغيير التصميم بالكامل ليناسب علامتك التجارية. وستحتاج لفعل ذلك إلى خبرة جيدة في التعامل مع ملفات WP Core و<a href="https://wiki.hsoub.com/PHP" rel="external">PHP</a>.
</p>

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

<p>
	مهما كان سبب احتياجك له، فإن السماح بتسجيل المستخدمين في موقعك هو أمرٌ بسيطٌ جدًا، فمن خلال بضع نقراتٍ فقط، وقليلٍ من التعديل، ستَنقل عملية تسجيل المستخدمين في ووردبريس من حالتها المخفية وغير الظاهرة إلى جعلها صفحةً أساسيةً من صفحات موقعك الرائعة التي ستفيدك كثيرًا في بناء مجتمعك الخاص على الإنترنت.
</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/wordpress-user-registration-page" rel="external nofollow">How to Create a Custom WordPress User Registration Page</a> لصاحبه B.J. Keeton.
</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%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>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AE%D8%B5%D8%B5-%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%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A8%D8%B3%D9%87%D9%88%D9%84%D8%A9-r577/" rel="">كيف تخصص صفحة تسجيل الدخول لووردبريس بسهولة</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%B4%D8%A7%D9%83%D9%84-%D8%AA%D8%B3%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%AF%D8%AE%D9%88%D9%84-%D8%A5%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-r644/" rel="">مشاكل تسجيل الدخول إلى موقع ووردبريس</a>
	</li>
	<li>
		<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>
	</li>
</ul>
]]></description><guid isPermaLink="false">760</guid><pubDate>Fri, 05 Aug 2022 15:08:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x646;&#x634;&#x627;&#x621; &#x642;&#x648;&#x627;&#x644;&#x628; &#x641;&#x64A; &#x645;&#x62D;&#x631;&#x631; &#x627;&#x644;&#x645;&#x643;&#x648;&#x646;&#x627;&#x62A; &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#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-%D9%82%D9%88%D8%A7%D9%84%D8%A8-%D9%81%D9%8A-%D9%85%D8%AD%D8%B1%D8%B1-%D8%A7%D9%84%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D8%B3-r757/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14aade9b_-------.jpg.9427cc729a0aab2ea304d84a915e6e5f.jpg" /></p>

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

<p>
	سنستعرض ثلاث طرائق لإنشاء القوالب في محرر المكونات، وهي:
</p>

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

<h2>
	أهمية إنشاء قوالب في محرر المكونات
</h2>

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

<p>
	يمكن أن يحتوي قالب المكونات -سواء كان ثابتًا أم ديناميكيًا- على ماسك مكان Placeholder، داخله محتوى ما. ويمكنك تحديد القالب الافتراضي للمحرر عند استخدامه؛ كما يمكنك حتى استيراد أو تصدير القوالب الخاصة بك كملفات <a href="https://academy.hsoub.com/programming/javascript/%D8%AA%D8%B9%D9%84%D9%85-json-r604/" rel="">JSON</a>؛ حتى تتمكّن من إعادة استخدام تصميماتك على مواقع ووردبريس أخرى، أو مشاركتها مع الآخرين. كما تستطيع قفلها لمنع المستخدمين الآخرين من تغييرها، مع السماح لهم باستخدامها في إنشاء المحتوى.
</p>

<h2>
	الطريقة الأولى: إنشاء قالب لتصميم معين
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102726" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e144b5264_01-.png.8e9c18a9033fb37f8d8b455fbdd58c03.png" rel=""><img alt="01 - الطريقة الأولى إنشاء قالب لتصميم معيّن .png" class="ipsImage ipsImage_thumbnailed" data-fileid="102726" data-unique="pypj8cwb9" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e144b5264_01-.png.8e9c18a9033fb37f8d8b455fbdd58c03.png" style="width: 550px; height: auto;"></a>
</p>

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

<h3>
	طريقة إنشاء قالب لتصميم معين
</h3>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102727" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14622343_02-.png.8aa1776a4dfe2168683e1a5a2fb168b1.png" rel=""><img alt="02 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102727" data-unique="jd798rmg0" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1464ec3d_02-.thumb.png.548aa846772962a9bc6ee8f4d452db15.png"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102728" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e147108e3_03-.png.985a966a4d69d6a34e254a3e14363e21.png" rel=""><img alt="03 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102728" data-unique="yts48qeoi" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1484c9d5_03-.thumb.png.2467e3d40640eba0a4576f6d04db1b88.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102726" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e144b5264_01-.png.8e9c18a9033fb37f8d8b455fbdd58c03.png" rel=""><img alt="01 - الطريقة الأولى إنشاء قالب لتصميم معيّن .png" class="ipsImage ipsImage_thumbnailed" data-fileid="102726" data-unique="pypj8cwb9" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e144b5264_01-.png.8e9c18a9033fb37f8d8b455fbdd58c03.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102729" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e149536f2_04-.png.d1267de42b2af081c2b946fee05b1e97.png" rel=""><img alt="04 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102729" data-unique="djg6jj1kd" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14ab2e3b_04-.thumb.png.1aac3d0ec4f1e2ad5139f4b2cde95c3d.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102730" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14bb86c3_05-.png.b943f6633ce6c470ed8a9c5d5b037cc2.png" rel=""><img alt="05 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102730" data-unique="5gqoiqo8r" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14c79fad_05-.thumb.png.564d58aa8c56ef82018b4341411424f5.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102731" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14d61120_06-.png.c43e0e2bd303da4c8341cb822f67c960.png" rel=""><img alt="06 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102731" data-unique="60b9vite2" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e14fd27a1_06-.thumb.png.83b8c497f81db7d1aa7ba149edadaec7.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	سيَعرض ذلك قائمةً بجميع قوالب المكونات الخاصة بك، ومن هنا ستتمكّن من تصدير واستيراد القوالب كملفات JSON.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102732" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15146a97_07-.png.cdac8d2b118f037541112fcf208aefb0.png" rel=""><img alt="07 - مثال عن قالب تصميم.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102732" data-unique="aii84mlii" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1528c43d_07-.thumb.png.c51ce39f40eea3ee7b088b97567b2a49.png" style="width: 750px; height: auto;"></a>
</p>

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

<h2>
	الطريقة الثانية: طريقة بديلة سهلة لإنشاء قوالب المكونات
</h2>

<p>
	بالرغم من بساطة هذه الطريقة، إلا أنها تؤدي الغرض، وهذا هو المطلوب.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102733" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e153e00b7_08-.png.0c6073159454de2cbfe9562d785eada0.png" rel=""><img alt="08 - طريقة بديلة سهلة لإنشاء قوالب المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102733" data-unique="x3l4vvgua" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1548d647_08-.thumb.png.b0a058b2539ae93e3767b014ab3db6ef.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102734" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15574e98_09-.png.2319b5e2a0be28e800dfe10a46703ba3.png" rel=""><img alt="09 - طريقة بديلة سهلة لإنشاء قوالب المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102734" data-unique="o9sfgbtfk" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15679916_09-.thumb.png.91f5610697633ea422f229f0fecb4566.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	حدّد الشيفرة البرمجية كاملة، وانسخها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102735" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1576237e_10-.png.b56aea4257321be1d47407e0256cf2f4.png" rel=""><img alt="10 - طريقة بديلة سهلة لإنشاء قوالب المكونات.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102735" data-unique="8nzjqii5v" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1576237e_10-.png.b56aea4257321be1d47407e0256cf2f4.png" style="width: 500px; height: auto;"></a>
</p>

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

<h2>
	الطريقة الثالثة: إنشاء مقال مخصص
</h2>

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

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

<p>
	سيوفر لك إنشاء القالب بهذه الطريقة:
</p>

<ul>
<li>
		تعيين حالة التصميم الافتراضية تلقائيًا.
	</li>
	<li>
		تعيينه كمخطط تصميم افتراضي لنوع مقال معين.
	</li>
</ul>
<h3>
	تعريف القالب
</h3>

<p>
	سيُعرّف القالب باستخدام مصفوفة من نوع القوالب، وذلك إما باستخدام <a href="https://academy.hsoub.com/programming/javascript/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA-javascript-r550/" rel="">لغة جافا سكريبت</a>، أو <a href="https://academy.hsoub.com/programming/php/%D8%A7%D9%84%D8%AF%D9%84%D9%8A%D9%84-%D8%A7%D9%84%D8%B3%D8%B1%D9%8A%D8%B9-%D8%A5%D9%84%D9%89-%D9%84%D8%BA%D8%A9-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-php-r609/" rel="">PHP</a>. وبحسب دليل مطوري محرر جوتنبرج، سيكون الأمر البرمجي كما يلي:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_821_31" style="">
<span class="kwd">const</span><span class="pln"> template </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[[</span><span class="pln"> </span><span class="str">'block/name'</span><span class="pun">,</span><span class="pln"> </span><span class="pun">{}</span><span class="pln"> </span><span class="pun">],</span><span class="pln"> </span><span class="com">// [ blockName, attributes ]</span><span class="pln">
</span><span class="pun">];</span></pre>

<p>
	أو كما يلي:
</p>

<pre class="ipsCode prettyprint lang-javascript prettyprinted" id="ips_uid_821_25" style="">
<span class="str">'template'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'block/name'</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">),</span></pre>

<h3>
	تسجيل القالب في المقالات المخصصة لاستخدامه فيها
</h3>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_821_27" style="">
<span class="kwd">function</span><span class="pln"> myplugin_register_book_post_type</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
$args </span><span class="pun">=</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'public'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">'label'</span><span class="pln">  </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Books'</span><span class="pun">,</span><span class="pln">
</span><span class="str">'show_in_rest'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
</span><span class="str">'template'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/image'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'align'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'left'</span><span class="pun">,</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/heading'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'placeholder'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Add Author...'</span><span class="pun">,</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/paragraph'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'placeholder'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Add Description...'</span><span class="pun">,</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">),</span><span class="pln">
</span><span class="pun">);</span><span class="pln">
register_post_type</span><span class="pun">(</span><span class="pln"> </span><span class="str">'book'</span><span class="pun">,</span><span class="pln"> $args </span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
add_action</span><span class="pun">(</span><span class="pln"> </span><span class="str">'init'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'myplugin_register_book_post_type'</span><span class="pln"> </span><span class="pun">);</span></pre>

<p>
	تحدِّد المصفوفة مصدر قالب المكونات، واسمه. في المثال أعلاه، استخدمنا في المصفوفة تعريف الأساسية/الفقرة core/paragraph، وهذا يعني أنّ مصدر قالب المكونات هو الملفات الأساسية للووردبريس (عكس حالة الإضافات)، واسمه الفقرة (لتحديد أي نوع مكون هو).
</p>

<h3>
	تسجيل القالب في الصفحات والمقالات
</h3>

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

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_821_33" style="">
<span class="kwd">function</span><span class="pln"> my_add_template_to_posts</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
$post_type_object </span><span class="pun">=</span><span class="pln"> get_post_type_object</span><span class="pun">(</span><span class="pln"> </span><span class="str">'post'</span><span class="pln"> </span><span class="pun">);</span><span class="pln">
$post_type_object</span><span class="pun">-&gt;</span><span class="kwd">template</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/paragraph'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'placeholder'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Add Description...'</span><span class="pun">,</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">);</span><span class="pln">
$post_type_object</span><span class="pun">-&gt;</span><span class="pln">template_lock </span><span class="pun">=</span><span class="pln"> </span><span class="str">'all'</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
add_action</span><span class="pun">(</span><span class="pln"> </span><span class="str">'init'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'my_add_template_to_posts'</span><span class="pln"> </span><span class="pun">);</span></pre>

<h3>
	قوالب المكونات المتداخلة
</h3>

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

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_821_35" style="">
<span class="pln">$template </span><span class="pun">=</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/paragraph'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'placeholder'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Add a root-level paragraph'</span><span class="pun">,</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/columns'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(),</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/column'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(),</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/image'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">()</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/column'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(),</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
array</span><span class="pun">(</span><span class="pln"> </span><span class="str">'core/paragraph'</span><span class="pun">,</span><span class="pln"> array</span><span class="pun">(</span><span class="pln">
</span><span class="str">'placeholder'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'Add a inner paragraph'</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">),</span><span class="pln">
</span><span class="pun">)</span><span class="pln"> </span><span class="pun">)</span><span class="pln">
</span><span class="pun">);</span></pre>

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

<p>
	تستطيع قفل القالب، ومنع التعديل عليه من خلال الأمر البرمجي التالي:
</p>

<pre class="ipsCode prettyprint lang-php prettyprinted" id="ips_uid_821_37" style="">
<span class="str">'template_lock'</span><span class="pln"> </span><span class="pun">=&gt;</span><span class="pln"> </span><span class="str">'all'</span><span class="pun">,</span><span class="pln"> </span><span class="com">// or 'insert' to allow moving</span></pre>

<h3>
	مثال على قالب مكونات مرتبط بمقال مخصص
</h3>

<p>
	سننشئ مقالًا مخصصًا باسم Books كما ذكرنا أعلاه. سيعرض هذا القالب المخطط الذي يتضمن صورة وعنوان وفقرة. سنضع هذه الأوامر البرمجية في ملف functions.php. ننصحك باستخدام قالب ابن Child Theme عند إضافة أوامر برمجية إلى ملفات <a href="https://wiki.hsoub.com/PHP" rel="external">PHP</a>، وإن لم تفعل ذلك، ستفقد التعديلات التي أجريتها على القالب عند تحديثه.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102736" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e1580ad59_11-.png.46e97eca17bccee97602e312fd31a25c.png" rel=""><img alt="11 - مثال على قالب مكونات مرتبط بمقال مخصص.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102736" data-unique="dkzp5tnq0" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e158c3d62_11-.thumb.png.25d246a7858b5047e0bded6e614ee1db.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	سيتعين عليك كتابة الأوامر البرمجية يدويًا (نوصي باتباع الأوامر البرمجية المذكورة أعلاه). تتمثل إحدى الطرائق الأخرى المساعدة في إنشاء مخطط التصميم الذي تريده، ثم عرض الشيفرة البرمجية الخاصة به بالنقر على النقاط الثلاث العمودية في الزاوية العلوية اليسرى، واختيار <strong>مُحرر الشيفرة البرمجية</strong>. ستُعرض عندها المكونات، ووسوم <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a> الخاصة بها الموجودة في المخطط الذي أنشأته، وبذلك ستعلم مسبقًا كيفية ترتيب <a href="https://academy.hsoub.com/tags/%D9%85%D9%83%D9%88%D9%86%D8%A7%D8%AA%20%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3/" rel="">المكونات</a> في الأوامر البرمجية التي ستكتبها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102737" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e159d5a79_12-.png.372fe5f53de93c18013c6bfbf90c3da7.png" rel=""><img alt="12 - مثال على قالب مكونات مرتبط بمقال مخصص.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102737" data-unique="poea015rf" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15d0cddb_12-.thumb.png.945264d22a1dc0b6f3e41d1e779ff55e.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="102738" href="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15e92d40_13-.png.cf8b6acc10fdac5b6d0d645686209617.png" rel=""><img alt="13 - مثال على قالب مكونات مرتبط بمقال مخصص.png" class="ipsImage ipsImage_thumbnailed" data-fileid="102738" data-unique="r0yz8jziq" src="https://academy.hsoub.com/uploads/monthly_2022_07/62c7e15ff071b_13-.thumb.png.2f02b03628bcf065050c5646a7b90b33.png" style="width: 750px; height: auto;"></a>
</p>

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

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

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

<p>
	قدمنا في هذا المقال طرائقنا لإنشاء قوالب المكونات في محرر جوتنبرج، وأيُّ طريقةٍ مُختارةٍ منها ستعمل جيدًا. في حال عدم رغبتك بإنشاء أنواع جديدة من المقالات المخصصة، ستكون القوالب القابلة لإعادة الاستخدام مع استخدام إحدى طرائق نسخها الخيار الأفضل، وذلك على الرغم من ميزة المقالات المخصصة التي تسهّل اختيار نوع المحتوى الذي تريد إنشاءه بقوالب مسبقة الإعداد.
</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> المخصصة سهلًا إن كنت ممّن يتعاملون دومًا مع الأوامر البرمجية، فهي أفضل خيار لاستخدامه في ووردبريس، لكن العيب الرئيسي في إنشاء القوالب بهذه الطريقة هو فكرة أنك تكتب الأوامر البرمجية لمخطط التصميم، بدلًا من استخدام المحرر المرئي.
</p>

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/how-to-create-gutenberg-templates" rel="external nofollow">How to Create Gutenberg Templates</a> لصاحبه Randy A. Brown.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%D9%85%D8%A7-%D8%A7%D9%84%D8%B0%D9%8A-%D8%AA%D8%AD%D8%AA%D8%A7%D8%AC-%D9%85%D8%B9%D8%B1%D9%81%D8%AA%D9%87-%D9%82%D8%A8%D9%84-%D8%A7%D9%84%D8%B4%D8%B1%D9%88%D8%B9-%D9%81%D9%8A-%D8%A7%D9%84%D8%AA%D8%B7%D9%88%D9%8A%D8%B1-%D8%B9%D9%84%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r325/" 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%AE%D8%B5%D9%8A%D8%B5-%D9%82%D8%A7%D9%84%D8%A8-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r482/" 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%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-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>
</ul>
]]></description><guid isPermaLink="false">757</guid><pubDate>Fri, 08 Jul 2022 08:09:03 +0000</pubDate></item><item><title>&#x627;&#x644;&#x62F;&#x644;&#x64A;&#x644; &#x627;&#x644;&#x634;&#x627;&#x645;&#x644; &#x644;&#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; HTTPS &#x648; SSL &#x641;&#x64A; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>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%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-https-%D9%88-ssl-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r685/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/626bb57a73bcc_---HTTPS--SSL--.png.91c1eacf353cc2f0fc035f0bdf86c86b.png" /></p>

<p>
	هل لاحظت من قبل أن معظم مواقعك المفضلة تمتلك روابطًا تبدأ بـ HTTPS؟ غالبًا سوف تلاحظ غياب حرف S التي تُشير إلى أن الرابط آمن، وذلك لأن جوجل تحذر من المواقع التي لا تملك شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، والتي تُعد عنصرًا مهمًا ضمن الموقع الآمن. ولأن أمن الموقع مهم للغاية، يجب عليك فهم <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%B3%D8%AA%D8%B9%D9%85%D9%84-ssl-%D9%88-https-%D9%85%D8%B9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r278/" rel="">HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> في ووردبريس</a>.
</p>

<p>
	إن كنت تُشغل موقع ووردبريس، فسوف ترغب في أن يملك <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84-%D8%B1%D9%88%D8%A7%D8%A8%D8%B7-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-%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-%D8%A8%D8%B9%D8%AF-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-ssl-r151/" rel=""><abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr></a> و HTTPS لتحقيق أمن أعلى وكسب ثقة الزوار، كما أن السيو الخاص بموقعك سوف يتحسن، وسيتحسن ترتيبه ضمن <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/?msclkid=27609e20c7a311ec8b28feca93109e1e" rel="">محركات البحث</a> عند امتلاكه لهذه المكونات. إن كنت مستعدًا لإضافة طبقة إضافية من الآمان والحماية لموقعك ومستخدميه، فعليك متابعة القراءة.
</p>

<h2>
	ما هو HTTPS وما هو <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>؟
</h2>

<p>
	يرتبط كل من HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مع بعضهما البعض، ولا تستطيع الحصول على واحد دون الآخر؛ أما بالنسبة لـ <a href="https://academy.hsoub.com/programming/general/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-http-r73/?msclkid=48fe1d19c7a311ec94df537d4951130b" rel="">HTTP</a> وهي البادئة الأصلية للرابط، فإنه اختصار لـ HyperText Transfer Protocol.
</p>

<p>
	إن تثبيت شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> (Secure Socket Layer) على موقعك يؤمنه، وعند وجود شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA-%D9%85%D9%87%D9%85%D8%A9-%D8%B9%D9%86-tls-%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r659/?msclkid=76fd2bddc7a311eca1759ace21cdd394" rel=""><abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr></a> صالحة مُثبتة على موقعك، فسوف تتغير بادئة الرابط من HTTP إلى HTTPS، وهي اختصار لـ HyperText Transfer Protocol Secure.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97232" href="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_ssl_https.png.b0f48cc52ab633e0deec08358601b465.png" rel=""><img alt="001_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97232" data-unique="iuxf9ywtz" src="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_ssl_https.thumb.png.860e50ce234666598c4997043fb51d20.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	لنلق نظرةً أعمق على ماهية HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> وكيفية عملهما. وهذا وفقًا لشبكة مطور موزيلا Haley Walden:
</p>

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

	<p>
		يُعَد HTTPS (HyperText Transfer Protocol Secure) نسخةً مشفرةً من بروتوكول HTTP، يَستخدم <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr> لتشفير جميع الاتصالات بين العميل والخادم، حيث يسمح هذا الاتصال الآمن للعملاء بتبادل بيانات حساسة مع الخادم، كما يحصل عند الدفع عبر الإنترنت أو التسوق عبر الإنترنت.
	</p>
</blockquote>

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

<p>
	لننتقل الآن لتعريف شبكة مطور موزيلا لـ <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>:
</p>

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

	<p>
		إن <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو Secure Socket Layer هو المعيار التقني الأمني القديم لإنشاء رابط شبكة مشفر بين العميل والخادم لتضمن أن جميع البيانات التي تمر ضمن هذا الرابط آمنة ومحمية. النسخة الحالية من <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> -حتى كتابة المقال بنسخته الأصلية- هي النسخة 3.0 التي صدرت عن Netscape في عام 1996، وحل محلها بروتوكول <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr> (Transport Layer Security).
	</p>
</blockquote>

<p>
	عند الموازنة بين <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr> و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، فإن <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr> هو متابعة لما بدأه <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>. ومثل <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، فإن <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr> يُنشئ اتصالًا مُشفرًا بين الخادم والعميل، ومنه ينتج عن كل من البروتوكولين <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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/?msclkid=a95615cfc7a311ec9d08dfb5acb18265" rel="">آمان أعلى لموقع ووردبريس</a>.
</p>

<h2>
	هل تحتاج إلى HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>؟
</h2>

<p>
	الإجابة المختصرة هي نعم، أنت تحتاج إلى HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، وإلى جانب اكتساب ثقة الزوار، فإن أمن الموقع يُعَد عنصرًا مهمًا في بناء سيو قوي للموقع. في عام 2018 بدأ جوجل في التحذير من المواقع التي لا تملك <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أو <abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr>، وهذا يُضعف همة الزوار في الدخول لهذه المواقع.
</p>

<p>
	كانت شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> باهظة الثمن منذ سنوات، فقد كانت تكلف آلاف الدولارات، لذا عرضت المواقع التي امتلكت دخلًا كبيرًا مثل فيسبوك وأمازون أيقونة القفل ضمن المتصفح، وذلك لأنهم امتلكوا الميزانية لشراء هذه الشهادة، ومن الناحية الأخرى فإن مستخدم ووردبريس العادي اضطر لاستخدام HTTP. تُعَد شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> هذه الأيام ضروريةً ويمكن تحمل تكلفتها.
</p>

<p>
	يُثبت ووردبريس اليوم شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> على كل موقع جديد، لكن ربما لديك نطاق قديم أو موقع مؤسس منذ فترة ويحتاج لتأمين. في هذه الحالة، تستطيع الحصول على شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مجانية إن كنت لا تملك واحدة، إذ توفر معظم مزودات الاستضافة شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مجانية مع باقات الاشتراك أو بسعر مخفض، لذا لا حاجة الآن لترك موقعك دون حماية طالما أن الوصول لـ HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> أصبح سهلًا.
</p>

<h2>
	كيفية تثبيت <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> في ووردبريس
</h2>

<p>
	هل تتساءل عن كيفية تثبيت <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> في ووردبريس؟ سوف نشرح لك خطوات تثبيتها خطوةً بخطوة.
</p>

<h3>
	باستخدام إضافة
</h3>

<p>
	لنبدأ أولًا بتثبيت <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> لووردبريس باستخدام إضافة، وفي هذا المقال سوف نستخدم إضافة Really Simple <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، حيث تنقل هذه الإضافة موقع ووردبريس تلقائيًا إلى <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، وبالتالي إن كان موقعك يعرض HTTP بدلًا من HTTPS، فإن هذه الإضافة سوف تتكفل بهذه المشكلة وتُساعدك على تأمين موقعك.
</p>

<ol>
<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/?msclkid=d4621c93c7a311ecac6d22f61ce77a3f" rel="">لوحة تحكم ووردبريس</a> واضغط على تبويب "أضف جديد" ضمن قائمة الإضافات، وابحث عن Really Simple <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97233" href="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_ssl_https.png.0efc4bc3c9b24f64fa3e2221fb1a26a6.png" rel=""><img alt="002_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97233" data-unique="piyh7ma93" src="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_ssl_https.thumb.png.7363666895b8162383385893da287cf2.png" style="width: 650px; height: auto;"></a>
</p>

<ol start="2">
<li>
		اضغط على "تثبيت الآن" ثم "تفعيل".
	</li>
</ol>
<h4>
	ضبط خيارات ضمن الإضافة
</h4>

<p>
	كما ترى، فإن الموقع الذي يُعمل عليه هنا يملك <a href="https://academy.hsoub.com/devops/servers/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA-%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-ssl-%D9%85%D9%86-%D8%B3%D9%84%D8%B7%D8%A9-%D8%B4%D9%87%D8%A7%D8%AF%D8%A7%D8%AA-%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9-%D8%A7%D9%84%D8%AD%D8%B5%D9%88%D9%84-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D9%88%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-r148/?msclkid=76fdc8efc7a311eca0d66776835a003b" rel="">شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr></a>، لكن في حال كنت لا تملك شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، فعليك الانتباه للخطوات التالية:
</p>

<ul>
<li>
		تغيير http:// في ملفات CSS و js إلى https://.
	</li>
	<li>
		إزالة أي ملف شيفرة أو <a href="https://wiki.hsoub.com/?utm_source=academy.hsoub.com&amp;utm_medium=Links&amp;utm_campaign=HsoubFooter" rel="external">CSS</a> أو صور موجودة على النطاق بدون <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>.
	</li>
	<li>
		تسجيل الدخول مرة ثانية (لأنك عند تفعيلك للإضافة سوف يُخرجك ووردبريس من لوحة التحكم).
	</li>
</ul>
<p>
	عندما تُصبح جاهزًا اضغط على Activate <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> لإتمام عملية التثبيت لتغير هذه الإضافة الرابط الافتراضي إلى HTTPS.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97234" href="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_ssl_https.png.02888badea6f5fbec1db366b89502ee6.png" rel=""><img alt="003_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97234" data-unique="5bponex2d" src="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_ssl_https.thumb.png.65765bc9c49da2b9606109193fcd2956.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	أصبحت الآن <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> فعالةً، وسوف تعرض الإضافة الخطوات الإضافية الواجب اتخاذها لتأمين موقعك أكثر، إذ توفر Really Simple <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مقالات ومصادر لمساعدتك على تحسين إعدادات الأمن لتصل لأفضل سوية. وتستطيع المرور على هذه الاقتراحات واحدةً تلو الأخرى لتحسين الأمن.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97244" href="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_ssl_https.png.55658b2ae79f2cec0803d417b8031bc4.png" rel=""><img alt="004_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97244" data-unique="c8wyju7t8" src="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_ssl_https.thumb.png.7e195c987885ccad601385f7a127ae67.png" style="width: 650px; height: auto;"></a>
</p>

<h4>
	مراجعة إعدادات إضافة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>
</h4>

<p>
	أصبح الآن الوقت اللازم للتجول في صفحة "إضافات المنصبة" للتحقق من إعدادات إضافة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>، وذلك بالضغط على "الإعدادات" لتظهر لك نفس قائمة الاقتراحات السابقة بنفس المصادر. توجه إلى أسفل الصفحة لتجد أين تستطيع تفعيل خيارات إضافية.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97235" href="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_ssl_https.png.ad72b9aad6a29cf42de6eef738561d34.png" rel=""><img alt="005_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97235" data-unique="24s02ud69" src="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_ssl_https.thumb.png.8b388658e411c8012e3f049f4926e986.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97236" href="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_ssl_https.png.968d6797310c22ff614eb7b8a0057917.png" rel=""><img alt="006_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97236" data-unique="93mibtvfh" src="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_ssl_https.thumb.png.646983dc9c7ef026f0385a4781660c1c.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	احرص على قراءة أي توثيق مرتبط بأي من الخيارات قبل تغيير الإعدادات، وهذا كل شيء. وبهذا تكون ثبت <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> في ووردبريس باستخدام إضافة.
</p>

<h3>
	تثبيت يدوي
</h3>

<p>
	لنلق نظرةً على كيفية تثبيت <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> على ووردبريس يدويًا. سوف نبدأ بفتح تبويب متصفح جديد للتوجه إلى موقع <a href="https://www.sslforfree.com/" rel="external nofollow"><abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> For Free</a>.
</p>

<ol>
<li>
		أدخل رابط موقعك ضمن الصفحة الرئيسية، ثم اضغط على خيار "إنشاء شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مجانية Create Free <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> Certificate".
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97237" href="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_ssl_https.png.f663be3f1af6266d5eed0b0b86994e39.png" rel=""><img alt="007_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97237" data-unique="x71mrcb9g" src="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_ssl_https.thumb.png.9de0bb04faf409b8871e7f460d24022e.png" style="width: 650px; height: auto;"></a>
</p>

<ol start="2">
<li>
		سوف يُطلب منك إنشاء حساب، وفي حال انتهائك من ذلك، سوف يُعاد توجيهك إلى الصفحة الرئيسية، ومن هناك اضغط على "New Certificate".
	</li>
	<li>
		تستطيع ضمن الصفحة التالية إدخال النطاق الخاص بك، ثم اضغط على Next Step.
	</li>
</ol>
<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97238" href="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_ssl_https.png.5b51fd789179da3e199708920b6b028e.png" rel=""><img alt="008_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97238" data-unique="ff7gigrzx" src="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_ssl_https.thumb.png.ee01f361e577c940d04269fabf99681d.png" style="width: 650px; height: auto;"></a>
</p>

<ol start="4">
<li>
		تستطيع الاختيار بين إنشاء شهادة مجانية لـ 90 يومًا، أو شهادة مدفوعة لسنة واحدة. وفي حال اخترت الشهادة التي تدوم لـ 90 يومًا، فسوف تُضطر للعودة إلى هنا مرةً ثانيةً بعد 90 يوم لتوليد شهادة جديدة. اضغط الآن على Next Step.
	</li>
	<li>
		تستطيع أن تجعل البرنامج يوقع تلقائيًا شهادة CSR وهي اختصار لـ Certificate Signing Request، أو تستطيع ملء معلوماتك يدويًا، والهدف من هذا هو التحقق من هويتك وأنك تملك فعليًا النطق التي تولد شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> له. سوف يطلب منك بعدها اختيار باقة الاشتراك التي تريد.
	</li>
</ol>
<h4>
	التحقق من النطاق والتثبيت اليدوي لشهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> في ووردبريس
</h4>

<p>
	سوف يُطلب منك تأكيد امتلاكك للنطاق، وتستطيع عمل هذا بثلاث طرق:
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97239" href="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_ssl_https.png.9f8188dc4179901e00eeff9e232021d3.png" rel=""><img alt="009_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97239" data-unique="vgxmbcrll" src="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_ssl_https.thumb.png.5f4229ef1addc688ce0fb4ca2e4bf792.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	حال تفعيل نطاقك، سوف يولد الموقع شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> لك، والتي تستطيع تحميلها ثم الضغط على "الخطوة الموالية Next Step".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97240" href="https://academy.hsoub.com/uploads/monthly_2022_04/010_wordpress_ssl_https.png.4b49265d9b4e04dc773e838f52ab3f92.png" rel=""><img alt="010_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97240" data-unique="u839rsd9m" src="https://academy.hsoub.com/uploads/monthly_2022_04/010_wordpress_ssl_https.thumb.png.91e09e817e4190aac9d513d800e01970.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	يجب عليك الآن رفع شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> من خلال <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%84%D9%88%D8%AD%D8%A9-%D8%AA%D8%AD%D9%83%D9%85-cpanel-%D9%84%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-r365/?msclkid=1d084866c7a511ecb42c5f1a057e17af" rel="">لوحة التحكم cPanel</a>، ويمكن أن تبدو هذه العملية مختلفةً حسب الاستضافة التي تستخدمها، ولتحصل على تعليمات خطوةً بخطوة؛ ابحث عن استضافتك في هذه <a href="https://help.zerossl.com/hc/en-us/articles/360058295094-Before-Installation" rel="external nofollow">القائمة من ZeroSSL</a>؛ إذ تغطي هذه التعليمات إكمال عملية تثبيت شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> <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/?msclkid=32c376d6c7a511ec9c4c03aaa7dadf33" rel="">لتثبيت ووردبريس</a>.
</p>

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

<p>
	توجه أولًا إلى لوحة التحكم cPanel إلى قسم Security، ثم اضغط على <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>/<abbr title="Transport Layer Security | بروتوكول أمن طبقة النقل">TLS</abbr>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97241" href="https://academy.hsoub.com/uploads/monthly_2022_04/011_wordpress_ssl_https.png.8da2041216e75bd51ab96c498af79a1d.png" rel=""><img alt="011_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97241" data-unique="ipghx7n4z" src="https://academy.hsoub.com/uploads/monthly_2022_04/011_wordpress_ssl_https.thumb.png.d41d2d5a1fdb1a4ad639e38c5cd863bd.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	اضغط على الخيار "Generate, view, upload, or delete <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> certificates".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97242" href="https://academy.hsoub.com/uploads/monthly_2022_04/012_wordpress_ssl_https.png.d824a77b65f147ee365e2057b3ab760f.png" rel=""><img alt="012_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97242" data-unique="ok4aqnge6" src="https://academy.hsoub.com/uploads/monthly_2022_04/012_wordpress_ssl_https.thumb.png.bf5a89970fa091cb72426577c606cd2c.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	سوف تظهر لك الآن قائمة بالشهادات الموجودة ضمن خادمك، عندها توجه إلى القسم الذي يُدعى "حمّل شهادةً جديدة Upload New Certificate".
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="97243" href="https://academy.hsoub.com/uploads/monthly_2022_04/013_wordpress_ssl_https.png.438c0ae9264442999238c0773eb9b8f9.png" rel=""><img alt="013_wordpress_ssl_https.png" class="ipsImage ipsImage_thumbnailed" data-fileid="97243" data-unique="cgl1752vt" src="https://academy.hsoub.com/uploads/monthly_2022_04/013_wordpress_ssl_https.thumb.png.6d3bdf888e220fcaf7ff1fd7da852410.png" style="width: 650px; height: auto;"></a>
</p>

<p>
	يوجد لديك الآن خياران إما:
</p>

<ul>
<li>
		فك ضغط شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> التي نزلتها من موقع ZeroSSL، ثم ارفع ملف .crt.
	</li>
	<li>
		أو تستطيع فتح ملف .crt باستخدام محرر نصوص عادي، ونسخ محتواه الكامل، ثم العودة إلى لوحة التحكم cPanel ولصق النص ضمن الصندوق الذي يُدعى Upload a New Certificate. يتضمن هذا الترويسة والتذييل للنص الذي يُحدد بداية ونهاية الشهادة.
	</li>
</ul>
<p>
	اضغط على خيار "رفع الشهادة Upload Certificate". تحقق الآن أن عملية التثبيت ناجحة، وذلك من خلال لوحة تحكم ZeroSSL، أو من خلال التوجه إلى رابط موقعك واستخدام البادئة HTTPS:// لترى إن كانت تعمل.
</p>

<h2>
	الأسئلة المتكررة حول <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> و HTTPS
</h2>

<p>
	لنلق نظرةً الآن على بعض الأسئلة المتكررة التي تخص <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> و HTTPS في ووردبريس.
</p>

<h3>
	كيف أعلم إن كان موقعي يمتلك شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>؟
</h3>

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

<h3>
	هل سوف يجعل <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> و HTTPS موقعي أبطأ؟
</h3>

<p>
	يمكن أن يجعل <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> و HTTPS موقعك أبطأ قليلًا، لكن إن كانت شاشة الخطأ الخاصة بجوجل تمنع زوار موقعك من الوصول له عبر HTTP، فإن القليل من البطء ليس مشكلة موازنةً مع عدم القدرة للوصول للموقع، وبالتالي عليك إما التضحية بجزء بسيط من السرعة لأجل أمن موقعك وثقة مستخدميك، أو عليك التعامل مع معدل ارتداد مرتفع بسبب الموقع غير الآمن.
</p>

<h3>
	ثبت شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> لكن موقعي يظهر أنه غير آمن فماذا علي أن أفعل؟
</h3>

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

<p>
	إن كنت تعاني من أخطاء مستمرة لـ <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> ضمن موقعك، فربما عليك:
</p>

<ul>
<li>
		فرض عملية إعادة توجيه HTTP إلى HTTPS.
	</li>
	<li>
		إصلاح أخطاء المحتوى المختلط.
	</li>
	<li>
		فحص الإضافات والقوالب الموجودة بحثُا عن أخطاء.
	</li>
	<li>
		إصلاح مشكلة حلقة إعادة توجيه.
	</li>
	<li>
		في حال ظهور تحذير لشهادة غير صالحة فربما أنت بحاجة لتجديد الشهادة كون صلاحيتها انتهت.
	</li>
</ul>
<p>
	اضغط بالزر الأيمن على موقعك ثم اختر Inspect من القائمة وذلك لتفحص أخطاء <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> ضمن موقعك، حيث تُعرض الأخطاء باللون الأحمر، وتستطيع نقل هذه الأخطاء لمؤلف القالب أو الإضافة أو مزود الاستضافة أو فريق الدعم التقني الخاص بك، وذلك يعتمد على مكان وكيفية استضافة وإعداد موقعك.
</p>

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

<h3>
	كيف أستطيع إصلاح خطأ المحتوى المختلط؟
</h3>

<p>
	تظهر أخطاء المحتوى المختلط عند تثبيتك لشهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> لووردبريس، لكن مع ذلك ما زال موقعك يرى بضع المحتويات غير آمنة، ويمكن أن تلاحظ أن بعض الصور مفقودة مثلًا، ولإصلاح هذه المشكلة تستطيع ضبط موقع ووردبريس لعرض المحتوى المختلط.
</p>

<p>
	تستطيع إصلاح المحتوى المختلط من خلال تثبيت وتفعيل الإضافة <a href="https://wordpress.org/plugins/ssl-insecure-content-fixer/" rel="external nofollow"><abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> Insecure Content Fixer</a>. وفي حال استمرت أخطاء المحتوى المختلط بالظهور، فيمكن أن تكون هناك مشكلةً في قاعدة البيانات، وعليك اتباع عدة خطوات إضافية لإصلاح هذه المشكلة تتضمن تثبيت وتفعيل إضافة "بحث أفضل واستبدال Better Search and Replace".
</p>

<h3>
	كيف أستطيع فرض HTTPS؟
</h3>

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

<h3>
	كم هي تكلفة شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>؟
</h3>

<p>
	يتغير سعر شهادات <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> كثيرًا من الشهادات المجانية إلى شهادات تكلف حوالي 1000$ سنويا، إذ يعتمد السعر على الخدمة التي اخترتها ومستوى الدعم المطلوب.
</p>

<h3>
	هل يوجد فرق بين الشهادة المجانية والمدفوعة من <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>؟
</h3>

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

<h3>
	هل أحتاج لتجديد شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> الخاصة بي؟
</h3>

<p>
	يعتمد تجديد شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> على الاستضافة، لذا إن كنت تستخدم إضافةً تتضمن شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مثل جزء من باقة الاستضافة، فعندها يمكن ضبطها وتجديدها تلقائيًا. وإن استخدمت خيار شهادة 90 يوم أو شهادة العام من ZeroSSL، فسوف يتوجب عليك تجديد شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> كل فترة زمنية.
</p>

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

<p>
	أصبحت تعلم الآن كيفية تثبيت شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> وحل المشاكل التي يمكن أن تظهر معها، وبالتالي أصبح الوقت لتأمين موقع ووردبريس الخاص بك لأن HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> مهمة جدًا لووردبريس، ولنجاح موقعك وبناء الثقة مع مستخدميك وجوجل؛ لذا إن أردت جعل موقع قابل للوصول الآن وفي المستقبل، فعليك استخدام HTTPS و <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr>.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/https-and-ssl-for-wordpress-websites" rel="external nofollow">The Ultimate Guide to HTTPS and <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> for WordPress</a> لصاحبه Haley Walden.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/devops/security/ssh/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%A3%D9%85%D9%8A%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%B9%D8%A8%D8%B1-%D8%B7%D8%A8%D9%82%D8%A9-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A2%D9%85%D9%86%D8%A9-ssh-r591/?msclkid=f9358c22c7a511ec824882f93d30e6c3" rel="">كيفية تأمين موقع ووردبريس عبر طبقة اتصال آمنة <abbr title="Secure Shell | القشرة (أو الصَدَفة) الآمنة">SSH</abbr></a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AD%D8%AF-%D9%85%D9%86-%D8%B7%D9%84%D8%A8%D9%8A%D8%A7%D8%AA-https-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r352/?msclkid=f935b175c7a511ec894561b867b54fb7" rel="">كيف تحد من طلبيات HTTP/S في ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/devops/servers/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%aa%d8%ab%d8%a8%d9%8a%d8%aa-%d8%b4%d9%87%d8%a7%d8%af%d8%a9-ssl-%d9%85%d9%86-%d8%b3%d9%84%d8%b7%d8%a9-%d8%b4%d9%87%d8%a7%d8%af%d8%a7%d8%aa-%d8%aa%d8%ac%d8%a7%d8%b1%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-r146/?msclkid=a8fb15f3c7a511eca5cc55c11e4e5e26" rel="">كيفية تثبيت شهادة <abbr title="Secure Socket Layer | طبقة المنافذ الآمنة">SSL</abbr> من سلطة شهادات تجارية: المفاهيم الأساسية</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">685</guid><pubDate>Fri, 29 Apr 2022 10:27:10 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x633;&#x62A;&#x62E;&#x62F;&#x627;&#x645; CAPTCHA &#x644;&#x62A;&#x623;&#x645;&#x64A;&#x646; &#x645;&#x648;&#x642;&#x639; &#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-captcha-%D9%84%D8%AA%D8%A3%D9%85%D9%8A%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-r679/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/626271bb0962e_--CAPTCHA---.png.c5379f1eb4d4f15b478bd30f937814b7.png" /></p>

<p>
	من المؤكد أنك تعرف اختبارات كابتشا CAPTCHA وعلى الأغلب جميع إصداراتها، إلا إن كنت لم تستعمل الإنترنت من قبل، ففي حال اضطررت لكتابة نص غير واضح أو الضغط على الصور التي تتضمن صنبور الإطفاء (أو أي عنصر آخر) مثلًأ داخل شبكة من الصور، فهذا يعني أنك قد اجتزت هذا الاختبار لمرة على الأقل، وهو أحد أكثر الطرائق بساطةً وفعاليةً <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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/?msclkid=c883528fc21c11ec837e4747332328cd" rel="">لحماية موقع ووردبريس</a>. ومع توفر العديد من الإضافات الخاصة بحماية موقع ووردبريس، فإن <a href="https://academy.hsoub.com/apps/web/wordpress/%D8%A7%D8%AD%D8%B5%D9%84-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-defender-%D9%88%D8%AD%D8%B5%D9%86-%D9%85%D9%88%D9%82%D8%B9%D9%83-r340/" rel="">تأمين موقعك</a> أصبح أبسط مما تظن.
</p>

<h2>
	ما هو CAPTCHA؟
</h2>

<p>
	هو اختصار لعبارة Completely Automated Turing Test to Tell Computers and Humans Apart، والتي تعني أنه اختبار مؤتمت للتفريق بين الحواسيب والبشر، وتتميز اختبارات CAPTCHA بأنها بسيطة ويسهل على البشر تجاوزها، لكن من الصعب التعامل معها بالنسبة للبرمجيات، حيث تطلب اختبارات CAPTCHA التقليدية كتابة النص الذي تراه والذي يكون مشوهًا قليلًا عادةً.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96906" href="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_captcha.png.a5aa5cf5ae6e2c2fe17c0415749fbc4a.png" rel=""><img alt="001_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96906" data-unique="2cel3s3g5" src="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_captcha.png.a5aa5cf5ae6e2c2fe17c0415749fbc4a.png" style="width: 450px; height: auto;"></a>
</p>

<h2>
	هل يختلف CAPTCAH عن reCAPTCHA؟
</h2>

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

<p>
	يوجد اليوم ما يُدعى بـ No CAPTCHA reCAPTCHA، والذي يُشار له اختصارً بـ noCAPTCHA في بعض الأماكن، وهو إصدار من reCAPTCHA، حيث حسّن <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> ويمكن الوصول له بسهولة، وهي مشكلة تُعاني منها الخيارات الأخرى لـ CAPTCHA في ووردبريس. وبدلًا من أن تُضطر لكتابة نص، تستطيع الضغط على صندوق "أنا لست روبوت".
</p>

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

<h2>
	كيف يمكن ل CAPTCHA حماية موقعي؟
</h2>

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

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

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

<h2>
	كيفية تثبيت CAPTCHA في ووردبريس
</h2>

<p>
	إن الطريقة الأسهل والأسرع لتثبيت CAPTCHA ضمن موقع ووردبريس هي باستخدام إضافة، ويوجد العديد من الإضافات التي تستطيع الاختيار منها ضمن مستودع ووردبريس، مثل <a href="https://wordpress.org/plugins/google-captcha/" rel="external nofollow">reCAPTCHA by Best WebSoft</a> و <a href="https://wordpress.org/plugins/advanced-nocaptcha-recaptcha/" rel="external nofollow">Advanced noCAPTCHA and Invisible CAPTCHA</a>، والتي سوف نستخدمها في مقالنا. إليك ما يجب عليك البحث عنه عند اختيار إضافة CAPTCHA لووردبريس:
</p>

<ul>
<li>
		يُعد Google reCAPTCA هو الخيار الأكثر جودةً من ناحية <a href="https://academy.hsoub.com/design/user-experience/%d9%85%d8%af%d8%ae%d9%84-%d8%a5%d9%84%d9%89-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-user-experience-r149/?msclkid=680d40f2c21d11ec96eb0b5891eaa868" rel="">تجربة المستخدم</a>، لذا تأكد من توفير هذا النوع من CAPTCHA.
	</li>
	<li>
		إمكانية إضافة CAPTCHA لعدة اماكن ضمن موقع بالإضافة لصفحة تسجيل الدخول، فقد ترغب في إضافة عدة اختبارات CAPTCHA في نفس الصفحة.
	</li>
	<li>
		التكامل مع أدوات أخرى تستخدمها، مثل قسم تعليقات المدونة أو نماذج الاتصال.
	</li>
</ul>
<p>
	يجب عليك استخدام <a href="https://wordpress.org/plugins/advanced-nocaptcha-recaptcha/" rel="external nofollow">WPForms</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/?msclkid=a08ede52c21d11ec89eb53d261d49213" rel="">تثبيت ووردبريس</a>، ويوجد أيضًا خيار reCAPTCHA ضمنه هذا النموذج إن أردت إضافته للنماذج.
</p>

<h2>
	استخدام إضافة Advanced noCAPTCHA and Invisible CAPTCHA
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96907" href="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_captcha.png.af5d3efb6ff155a034c16ad160849c9c.png" rel=""><img alt="002_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96907" data-unique="rin68r7b1" src="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_captcha.png.af5d3efb6ff155a034c16ad160849c9c.png" style="width: 350px; height: auto;"></a>
</p>

<p>
	ابحث ضمن حقل البحث عن "CAPTCHA 4WP" لتظهر الإضافة ضمن الخيارات الأولى.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96908" href="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_captcha.png.56cd2ed9f2176fcb6da8931cb4c9a312.png" rel=""><img alt="003_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96908" data-unique="e1fs5gq1w" src="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_captcha.thumb.png.2d148d39009d10310513b446ce4d1a96.png" style="width: 750px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96909" href="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_captcha.png.0c7c9388c020320dac9ab15adb22207a.png" rel=""><img alt="004_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96909" data-unique="gpuqiiphn" src="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_captcha.thumb.png.c64f4fa2a84af15f1ef0d02bff454046.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	اضغط على رابط Google أسفل ترويسة Google keys، لينقلك هذا إلى <a href="https://www.google.com/recaptcha/admin/create" rel="external nofollow">هذه الصفحة</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96910" href="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_captcha.png.a9f63701db353b316f867d13f30dc1c6.png" rel=""><img alt="005_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96910" data-unique="cnl70926j" src="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_captcha.thumb.png.f1d69d05d09e85a71562605b27b5753b.png" style="width: 750px; height: auto;"></a>
</p>

<p>
	اختر من القائمة المنسدلة بجانب reCAPTCHA Type الخيار الثاني reCAPTCHA v2، ثم اختر "I’m not a robot"، بعدها عليك ملء حقل النطاق والتسمية والموافقة على شروط الخدمة ثم الضغط على Submit.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96911" href="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_captcha.png.cc10ab1912987219974e9d7ab6a8857e.png" rel=""><img alt="006_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96911" data-unique="nfsqpma4m" src="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_captcha.thumb.png.de0bb3656d9d37acc7d1e28f14815370.png" style="width: 500px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96912" href="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_captcha.png.587a65b1b66130e59989cceee555dea8.png" rel=""><img alt="007_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96912" data-unique="rdsztta11" src="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_captcha.png.587a65b1b66130e59989cceee555dea8.png" style="width: 650px; height: auto;"></a>
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96913" href="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_captcha.png.d15ce5e1cb8bb2ccdb562bb8daff9338.png" rel=""><img alt="008_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96913" data-unique="m710cutof" src="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_captcha.png.d15ce5e1cb8bb2ccdb562bb8daff9338.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96914" href="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_captcha.png.2f9b26e7dbca594ba0099dc53792f8a8.png" rel=""><img alt="009_wordpress_captcha.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96914" data-unique="kg9ylicmo" src="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_captcha.png.2f9b26e7dbca594ba0099dc53792f8a8.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96915" href="https://academy.hsoub.com/uploads/monthly_2022_04/Login.png.f978048e4ab3d6e86e255a92b7331161.png" rel=""><img alt="Login.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96915" data-unique="862rawic0" src="https://academy.hsoub.com/uploads/monthly_2022_04/Login.thumb.png.f98b125329e8763313f7f859b1597c24.png" style="width: 380px; height: auto;"></a>
</p>

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

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

<ul>
<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/30-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-%D8%A5%D8%B0%D8%A7-%D9%84%D9%85-%D8%AA%D9%83%D9%86-%D8%AB%D8%A8%D8%AA%D9%87%D8%A7-%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84-r354/" rel="">نماذج الاتصال</a>.
	</li>
	<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%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>.
	</li>
	<li>
		صفحات استعادة كلمات المرور.
	</li>
	<li>
		الاستبيانات.
	</li>
	<li>
		نماذج تسجيل المستخدمين الجدد.
	</li>
</ul>
<p>
	إن كان يستطيع مستخدم مصرح له الدخول لموقعك، أو إن كان الزائر يستطيع إرسال معلومات للموقع، فهذه هي نقاط الدخول للمخترقين.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/wordpress-captcha" rel="external nofollow">How to Use CAPTCHA to Secure Your WordPress Site</a> لصاحبه Lindsay Pietroluongo.
</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%D9%83%D8%A7%D9%85%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%85%D9%86-%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-r351/?msclkid=a04e6920c21e11ecbec3dfdc2459d681" rel="">الدليل الكامل إلى أمن مواقع ووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/devops/security/ssh/%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%AA%D8%A3%D9%85%D9%8A%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%B9%D8%A8%D8%B1-%D8%B7%D8%A8%D9%82%D8%A9-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A2%D9%85%D9%86%D8%A9-ssh-r591/?msclkid=a04e2559c21e11eca5086cc3e3a2d582" rel="">كيفية تأمين موقع ووردبريس عبر طبقة اتصال آمنة <abbr title="Secure Shell | القشرة (أو الصَدَفة) الآمنة">SSH</abbr></a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/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-r132/?msclkid=a04e8405c21e11ec82753ed9501355a8" rel="">إدارة ووردبريس وتسجيلات الدخول بأمان</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%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-%D8%A8%D8%A3%D9%85%D8%A7%D9%86-r2/?msclkid=a04ea8b9c21e11ec85f2a7a89175dcb0" rel="">تثبيت ووردبريس بأمان</a>
	</li>
	<li>
		النسخة العربية لكتاب <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>
	</li>
</ul>
]]></description><guid isPermaLink="false">679</guid><pubDate>Fri, 22 Apr 2022 09:34:43 +0000</pubDate></item><item><title>&#x62F;&#x644;&#x64A;&#x644; &#x628;&#x633;&#x64A;&#x637; &#x644;&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x627;&#x62E;&#x62A;&#x628;&#x627;&#x631; &#x642;&#x62F;&#x631;&#x629; &#x62A;&#x62D;&#x645;&#x644; &#x648;&#x648;&#x631;&#x62F;&#x628;&#x631;&#x64A;&#x633;</title><link>https://academy.hsoub.com/apps/web/wordpress/%D8%AF%D9%84%D9%8A%D9%84-%D8%A8%D8%B3%D9%8A%D8%B7-%D9%84%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D8%AE%D8%AA%D8%A8%D8%A7%D8%B1-%D9%82%D8%AF%D8%B1%D8%A9-%D8%AA%D8%AD%D9%85%D9%84-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r676/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/625fbcf74cc54_------.png.195f97142a408a6097a9a865914ae9f4.png" /></p>

<p>
	لا توفر جميع <a href="https://academy.hsoub.com/devops/general/%D9%85%D8%B1%D8%A7%D8%AC%D8%B9%D8%A9-%D8%BA%D9%8A%D8%B1-%D9%85%D8%AA%D8%AD%D9%8A%D9%91%D8%B2%D8%A9-%D9%84%D8%A3%D9%81%D8%B6%D9%84-10-%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D9%84%D8%A7%D8%B3%D8%AA%D8%B6%D8%A7%D9%81%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-r452/?msclkid=64269fc6c08011ec8c00f3fc8ecab6dc" rel="">خدمات الاستضافة</a> نفس مستوى الأداء، كما أن العديد منها توفر أزمنة تحميل جيدة عندما يكون عدد زوارك بسيطًا، لكن هذا أداء هذه الاستضافات نفسها قد ينخفض عندما يزداد الضغط عليها، وذلك بزيادة عدد الزوار، ولحسن الحظ أن <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/?msclkid=8ccddbefc08011ecb8b49e7c26d494ba" rel="">اختبار تحمل ووردبريس</a> يُساعدك على تحديد كمية الزيارات التي تستطيع استضافتك تحملها.
</p>

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

<h2>
	ما هو اختبار التحمل وماذا يقيس بالضبط؟
</h2>

<p>
	هناك عدة طرق لاختبار أداء موقع ووردبريس، وتتضمن طرائق الاختبار الأكثر استخدامًا خدمات مثل <a href="https://gtmetrix.com/" rel="external nofollow">GTMetrix</a> و <a href="https://pagespeed.web.dev/" rel="external nofollow">PgeSpeed Insights</a>. تسمح لك هذه المنصات إدخال رابط الموقع والاطلاع على الفترة الزمنية اللازمة لتحميل الموقع من جهة المنصة. وسوف تتمكن من الوصول لمجموعات مختلفة من الأدوات حسب المنصة التي سوف تستخدمها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96692" href="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_loading_test.png.e516249172bf1448bfbdccf8b4a7fb04.png" rel=""><img alt="001_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96692" data-unique="cnxwnxw0m" src="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_loading_test.thumb.png.11c8306fff797021e369d4a2b4eb6a44.png" style="width: 600px; height: auto;"></a>
</p>

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

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

<p>
	ببساطة، يسمح لك اختبار تحمل ووردبريس بمعرفة كيفية عمل <a href="https://academy.hsoub.com/devops/servers/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%AE%D8%A7%D8%AF%D9%85-%D8%A7%D9%84%D9%88%D9%8A%D8%A8-r574/?msclkid=3734d044c08311ec9ca4f9ae23fd9e84" rel="">خادمك</a> عندما يوضع تحت الضغط، وبالتالي فإن هناك اختبار تحمل سوف يُحاكي تصفح عدة وكلاء من مستخدمي موقعك، ومهما كانت الأداة التي تستخدمها سوف تقيس كيفية استجابة خادمك خلال هذه العملية.
</p>

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

<h2>
	ما الذي تحتاجه لاختبار تحمل ووردبريس
</h2>

<p>
	تحتاج فقط لموقع يعمل وأداة لاختبار الضغط لمعرفة <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%87%D9%84-%D8%A3%D9%86%D8%AA-%D8%AC%D8%AF%D9%8A%D8%AF-%D8%B9%D9%84%D9%89-%D8%B9%D8%A7%D9%84%D9%85-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3%D8%9F-%D8%A5%D9%84%D9%8A%D9%83-%D9%85%D8%A7-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D9%85%D8%B9%D8%B1%D9%81%D8%AA%D9%87-%D8%A3%D9%88%D9%91%D9%84%D9%8B%D8%A7-r202/" rel="">قدرة تحمل ووردبريس</a>، وهناك العديد من الخدمات الموجودة على الشبكة التي تستطيع محاكاة مستخدمين يزورون موقعك وتقيس النتائج أثناء ذلك، لكن العديد من هذه الأدوات مدفوع أو معقد كثيرًا بالنسبة للمبتدئين، وبعد معرفة ما سبق، فإن أحد الأدوات الجيدة لاختبار تحمل ووردبريس هي <a href="https://loader.io/" rel="external nofollow">Loader.io</a>، منصة توفر باقة اشتراك مجانية تسمح لك بتشغيل اختبارات تتضمن حتى 10000 مستخدم في نفس الوقت.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96693" href="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_loading_test.png.292f5d65baa0af3df102a100dea0d77c.png" rel=""><img alt="002_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96693" data-unique="hp83zd3yi" src="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_loading_test.thumb.png.4148526022f72f2d0851416768bfc956.png" style="width: 600px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96694" href="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_loading_test.png.998e8c63a65ff854beab576fcbb5b606.png" rel=""><img alt="003_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96694" data-unique="h57anmgej" src="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_loading_test.thumb.png.3ab55e6465bfa8e78d6488a014fc153f.png" style="width: 600px; height: auto;"></a>
</p>

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

<p>
	اطلع على الأرقام التالية لتكون فكرةً عن حركية الموقع الضخمة:
</p>

<ul>
<li>
		يستطيع ويكيبيديا التعامل مع <a href="http://www.datacenterknowledge.com/archives/2008/06/24/a-look-inside-wikipedias-infrastructure" rel="external nofollow">50000 طلب في الثانية</a> بوجود 300 خادم وقت الذروة.
	</li>
	<li>
		يُمكن لمقال منشور على Reddit منتشر جيدًا (أي يجلب الكثير من الزيارات) أن يُترجم <a href="https://www.tylermw.com/visualizing-a-reddit-hug-of-death-and-how-to-reddit-proof-your-website-for-pocket-change/" rel="external nofollow">لعشر مستخدمين بالثانية</a> أو 600 مستخدم بالدقيقة.
	</li>
</ul>
<p>
	إن 600 زيارة في الدقيقة خلال يوم كامل تساوي 864000 مستخدم يوميًا، وهذه الزيارات سوف تضع موقعك بين أكثر المواقع شعبيةً في العالم، أي أن هذا ليس نوع الحركية التي يستطيع خادم عادي تحملها، وإن كنت تُطبّق اختبار تحمّل على موقع عادي أو متجر على الإنترنت، فيجب أن يكون خادمك قادرًا على تحمل عدد جيد من المستخدمين خلال فترة زمنية قصيرة. ومن خلال تجربة فريق ووردكاندي WordCandy، فإن اختبار 15 مستخدم خلال دقيقة واحدة سوف يكشف الكثير عن أداء خادمك.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96695" href="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_loading_test.png.8b252bcd6c7f34a658080d364b6d6139.png" rel=""><img alt="004_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96695" data-unique="xlick3d7n" src="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_loading_test.thumb.png.4fab1483aaa0fad7d143793b3209d834.png" style="width: 500px; height: auto;"></a>
</p>

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

<h2>
	كيفية تفسير نتائج اختبار التحمل الخاص بك
</h2>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96696" href="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_loading_test.png.f8313f1b6bccd31767e8576b15f01e40.png" rel=""><img alt="005_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96696" data-unique="gr8s5jhok" src="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_loading_test.thumb.png.dd3bde2e1f17b8355d3a40a3b1c5df5a.png" style="width: 600px; height: auto;"></a>
</p>

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

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96697" href="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_loading_test.png.1188ee6052f96e867b717c01860db27a.png" rel=""><img alt="006_wordpress_loading_test.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96697" data-unique="6q8bm9jn9" src="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_loading_test.thumb.png.b54b553e05e37745095d2eabe1fbe4f8.png" style="width: 600px; height: auto;"></a>
</p>

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

<ul>
<li>
		استخدام إضافة تخزين مؤقت.
	</li>
	<li>
		عليك تحسين <a href="https://academy.hsoub.com/programming/php/wordpress/%d9%86%d8%b8%d8%b1%d8%a9-%d8%b4%d8%a7%d9%85%d9%84%d8%a9-%d8%b9%d9%84%d9%89-%d9%82%d8%a7%d8%b9%d8%af%d8%a9-%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-r69/?msclkid=708510fbc08211ecadcff1029b9198ac" rel="">قاعدة بيانات ووردبريس</a>.
	</li>
	<li>
		استخدم <a href="https://academy.hsoub.com/devops/cloud-computing/%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%D8%B3%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cdn-%D9%84%D8%AA%D8%B3%D8%B1%D9%8A%D8%B9-%D8%AA%D8%B3%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D8%A7%D9%84%D8%AB%D8%A7%D8%A8%D8%AA-r393/?msclkid=9fc9f722c08211ec91a870279731e9fe" rel="">شبكة تسليم محتوى</a>.
	</li>
	<li>
		<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/?msclkid=583cadcec08311ec80b4c51c4b261414" rel="">أزل الإضافات</a> والقوالب غير المستخدمة.
	</li>
	<li>
		استخدم تصغير ملفات ووردبريس.
	</li>
	<li>
		تفعيل ضغط GZIP.
	</li>
	<li>
		تحسين ملفات الصور ومقاطع الفيديو.
	</li>
</ul>
<p>
	إن كنت لا تزال تعاني من نتائج أداء ضعيفة بعد كل التحسينات السابقة، فهذا يعني أن باقة الاستضافة غير مناسبة لك، وفي هذه الحالة عليك ترقيتها لباقة تستطيع تحمل كمية الزيارات التي تتلقاها.
</p>

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

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

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

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/wordpress-load-testing" rel="external nofollow">A Simple Guide to WordPress Load Testing</a> لصاحبه Will Morris.
</p>

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

<ul>
<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/?msclkid=583c750cc08311ecba202d833e7d4b29" rel="">الخطوات الأولى للعمل مع ووردبريس</a>
	</li>
	<li>
		<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/?msclkid=583c3ec1c08311ecbf4cae85fb18ebb2" rel="">إدارة عملية الاختبار في الووردبريس</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/programming/php/wordpress/%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-r1448/?msclkid=583bd35dc08311eca53259b48d370f97" rel="">تحسين أداء مواقع ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">676</guid><pubDate>Sun, 17 Apr 2022 14:00:00 +0000</pubDate></item><item><title>&#x643;&#x64A;&#x641;&#x64A;&#x629; &#x625;&#x636;&#x627;&#x641;&#x629; &#x627;&#x644;&#x62A;&#x62D;&#x645;&#x64A;&#x644; &#x627;&#x644;&#x643;&#x633;&#x648;&#x644; Lazy Loading &#x644;&#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%B6%D8%A7%D9%81%D8%A9-%D8%A7%D9%84%D8%AA%D8%AD%D9%85%D9%8A%D9%84-%D8%A7%D9%84%D9%83%D8%B3%D9%88%D9%84-lazy-loading-%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r675/</link><description><![CDATA[
<p><img src="https://academy.hsoub.com/uploads/monthly_2022_04/625fb2dfc4f60_----.png.9f51c56743075f0aaa360469660ad49f.png" /></p>

<p>
	هناك العديد من الطرائق <a href="https://academy.hsoub.com/programming/php/wordpress/%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-r1448/?msclkid=b3ceb19cc07911ecbeff1be4cc39ab68" rel="">لتحسين أداء موقع ووردبريس</a>. وتُعَد الصور وملفات الوسائط الأخرى، أحد أكبر المساهمين في أزمنة التحميل الطويلة، وهذا يعني أن استعمال أي طريقة من طرائق <a href="https://academy.hsoub.com/apps/web/%D8%AF%D9%84%D9%8A%D9%84%D9%83-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%80%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9%D9%83-%E2%80%93-%D8%A7%D9%84%D8%AC%D8%B2%D8%A1-1-r88/" rel="">تحسين الصور</a> يمكن أن يؤثر إيجابًا على أداء الموقع وتقنية التحميل الكسول وغيرهما.
</p>

<p>
	سوف نتحدث في هذا المقال عن كيفية عمل تقنية التحميل الكسول وكيف يمكن لموقعك الاستفادة منها، ثم سنعرض بعض الطرائق الأكثر استخدامًا لإضافة التحميل الكسول لووردبريس لعدة أنواع من العناصر، وفي الختام سوف نتحدث عن بعض أكثر <a href="https://academy.hsoub.com/programming/general/%D8%AD%D9%84-%D8%A7%D9%84%D9%85%D8%B4%D9%83%D9%84%D8%A7%D8%AA-%D9%88%D8%A3%D9%87%D9%85%D9%8A%D8%AA%D9%87%D8%A7-%D9%81%D9%8A-%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-r760/?msclkid=dec626fec07911ecb4070bc897a36a84" rel="">المشاكل التقنية</a> التي تسببها هذه التقنية.
</p>

<h2>
	ما هي تقنية التحميل الكسول؟
</h2>

<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/?msclkid=f72ee126c07911ec8d00808c91e59122" rel="">الوسائط</a> والنصوص والروابط وأي عناصر أخرى ضمن الصفحة، وفي حال كانت الصفحة تتضمن الكثير من الوسائط مثل الصور، فسوف تُبطئ زمن تحميل الصفحة لدرجة ملحوظة.
</p>

<p>
	هناك العديد من الطرائق لتخفيض تأثير الصور على زمن تحميل الصفحة، إذ تستطيع <a href="https://academy.hsoub.com/apps/web/%D8%AF%D9%84%D9%8A%D9%84%D9%83-%D8%A7%D9%84%D8%B4%D8%A7%D9%85%D9%84-%D9%84%D9%80%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1-%D8%B9%D9%84%D9%89-%D9%85%D9%88%D9%82%D8%B9%D9%83-%E2%80%93-%D8%A7%D9%84%D8%AC%D8%B2%D8%A1-2-r89/" rel="">تحسين الصور</a> وتفعيل التخزين المؤقت واستخدام <a href="https://academy.hsoub.com/devops/cloud-computing/%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%D8%B3%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-cdn-%D9%84%D8%AA%D8%B3%D8%B1%D9%8A%D8%B9-%D8%AA%D8%B3%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D8%A7%D9%84%D8%AB%D8%A7%D8%A8%D8%AA-r393/" rel="">شبكة تسليم المحتوى</a> واستخدام نوع ملفات أصغر حجمًا. سوف تستخدم غالبًا العديد من هذه الطرائق لتحسين الصور قدر ما تستطيع بما أنه لا يوجد موقع سريع للغاية.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96682" href="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_lazy_loading.png.eeb1d4b0f746ea5fcf0dcb44aabb6592.png" rel=""><img alt="001_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96682" data-unique="tp6dh235o" src="https://academy.hsoub.com/uploads/monthly_2022_04/001_wordpress_lazy_loading.thumb.png.5e907227c139b395894c7e6ded1b02e5.png" style="width: 600px; height: auto;"></a>
</p>

<p>
	وسوف تجد مع الاستخدام أن تأخير التحميل لا يملك تأثيرًا ملحوظًا على كيفية <a href="https://academy.hsoub.com/entrepreneurship/ecommerce/%D9%83%D9%8A%D9%81-%D9%8A%D8%B3%D8%A7%D8%B9%D8%AF%D9%83-%D9%82%D9%8A%D8%A7%D8%B3-%D8%AA%D9%81%D8%A7%D8%B9%D9%84-%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%8A%D9%86-%D8%B9%D9%84%D9%89-%D8%AE%D9%81%D8%B6-%D9%85%D8%B9%D8%AF%D9%84%D8%A7%D8%AA-%D9%86%D9%81%D9%88%D8%B1%D9%87%D9%85-r852/?msclkid=3eaad781c07a11ecb80e6e33a395a3aa" rel="">تفاعل المستخدمين</a> مع الموقع إن كان الموقع مُتستجيبًا وتفاعليًا، وبالتالي لن يلاحظ معظم الزوار ظهور الصور أثناء تصفح الموقع. وبنفس الوقت، تستطيع الاستفادة من زمن تحميل بدائي أسرع، كون المستخدم ليس بحاجة لطلب وتحميل جميع الصور على التوازي.
</p>

<h2>
	ما هي فوائد استخدام التحميل الكسول في ووردبريس؟
</h2>

<p>
	يمكن أن يُساعد التحميل المؤجل على الوصول لزمن تحميل مبدئي أسرع، وهذا مهم جدًا عندما تعلم أن <a href="https://neilpatel.com/blog/loading-time/" rel="external nofollow">40% من المستخدمين</a> سوف يغادرون موقعك إن استغرق أكثر من 3 ثوان للتحميل، لذلك يمكن لهذا الخيار حث الزوار على البقاء ضمن موقعك وتصفح محتواه.
</p>

<p>
	أيضًا يمكن للتحميل المؤجل أن يُقلل من القيود الملقاة على الذاكرة وسعة التخزين، وبالتالي فإن استخدام هذه التقنية يمكن أن يوفر لك استخدام حزمة استضافة أقل تكلفةً، ومن المهم أن تنتبه أنه بدءًا من ووردبريس 5.5، أصبح <a href="https://academy.hsoub.com/apps/web/wordpress/%D9%85%D9%85%D9%8A%D8%B2%D8%A7%D8%AA-%D9%86%D8%B8%D8%A7%D9%85-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AD%D8%AA%D9%88%D9%89-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r431/?msclkid=613f9237c07a11eca18997cdea76a7be" rel="">نظام إدارة المحتوى</a> يُطبق التحميل الكسول على الصور افتراضيًا، لكن هناك بعض الخلافات حول أن هذه المقاربة الافتراضية يمكن أن تؤثر سلبًا على نتائج مؤشرات الويب المهمة.
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96683" href="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_lazy_loading.png.d6984abc0e1ad1bcad0bed395e44fde4.png" rel=""><img alt="002_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96683" data-unique="ijy8d6ux8" src="https://academy.hsoub.com/uploads/monthly_2022_04/002_wordpress_lazy_loading.thumb.png.c9b109503f2ee64f24a86912620ca467.png" style="width: 500px; height: auto;"></a>
</p>

<p>
	يستخدم ووردبريس سمة HTML وهي <code>loading=lazy</code> للصور ضمن موقعك، وهي الطريقة الأسهل لتضمين التحميل المؤجل، لكنها غير مدعومة من قِبل جميع المتصفحات، وفي حال أردت تعطيل التحميل المؤجل لصور معينة، فعليك تعديل هذه السمة يدويًا ضمن <a href="https://wiki.hsoub.com/HTML" rel="external">HTML</a>؛ أما البديل عن هذا، فهو استخدام <a href="https://academy.hsoub.com/apps/web/wordpress/30-%D8%A5%D8%B6%D8%A7%D9%81%D8%A9-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9-%D9%8A%D8%AC%D8%A8-%D8%B9%D9%84%D9%8A%D9%83-%D8%AA%D8%AB%D8%A8%D9%8A%D8%AA%D9%87%D8%A7-%D8%A5%D8%B0%D8%A7-%D9%84%D9%85-%D8%AA%D9%83%D9%86-%D8%AB%D8%A8%D8%AA%D9%87%D8%A7-%D8%A8%D8%A7%D9%84%D9%81%D8%B9%D9%84-r354/?msclkid=b9f17556c07a11ecb3c065202ea19beb" rel="">إضافة ووردبريس</a> التي تُطبّق التحميل الكسول باستخدام مقاربات مختلفة ليوفر لك هذا المزيد من التحكم.
</p>

<h2>
	هل يمكن لعناصر أخرى أن تملك التحميل الكسول؟
</h2>

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

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

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

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

<p>
	كما ذكرنا سابقًا، لقد أُضيف التحميل الكسول لجميع الصور من قبل ووردبريس، لكنك تملك القليل من التحكم على الصور التي سوف يؤجل تحميلها، لذا إن أردت اتباع مقاربة مختلفة فمن الأحسن استخدام إضافة <a href="https://wordpress.org/plugins/a3-lazy-load/" rel="external nofollow">a3 Lazy Load</a>.
</p>

<h3>
	الخطوة الأولى: تثبيت وتفعيل إضافة a3 Lazy Load
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96684" href="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_lazy_loading.png.7df8f6dd71755fc52358e59fb8ea3e78.png" rel=""><img alt="003_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96684" data-unique="99gjfuwbp" src="https://academy.hsoub.com/uploads/monthly_2022_04/003_wordpress_lazy_loading.thumb.png.9bda35e7567b53f1db322e4553154453.png" style="width: 600px; 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/?msclkid=05c2ff5ac07b11ecbee751cc5792c052" rel="">لوحة تحكم ووردبريس</a> لتتمكن من تخصيص إعدادات هذه الأداة.
</p>

<h3>
	الخطوة الثانية: ضبط إعدادات الصورة للإضافة
</h3>

<p>
	توجه الآن إلى "الإعدادات" حيث سوف تجد تبويب “a3 Lazy Load”، اضغط عليه، ثم ابحث عن Lazy Load Activation، إذ سوف تجد أنه مُفعل افتراضيًا بعد التثبيت. افتح تبويب Lazy Load Images لتختار الصور (1) التي تريد تأخير تحميلها ضمن موقعك مع تفعيل (2) العودة للحالة الافتراضية عند استخدام متصفحات تحجب <a href="https://academy.hsoub.com/programming/general/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D8%B9%D8%A8%D8%B1-%D9%84%D8%BA%D8%A9-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D9%8A%D8%A8%D8%AA-r651/?msclkid=1b9f0abfc07b11ecad5e90dd01eda971" rel="">جافاسكربت</a>، وتستطيع أيضًا (3) ضبط صنف <a href="https://academy.hsoub.com/programming/css/%D9%85%D8%AF%D8%AE%D9%84-%D8%A5%D9%84%D9%89-%D8%A3%D9%88%D8%B1%D8%A7%D9%82-%D8%A7%D9%84%D8%A3%D9%86%D9%85%D8%A7%D8%B7-%D8%A7%D9%84%D9%85%D8%AA%D8%AA%D8%A7%D9%84%D9%8A%D8%A9-css-r246/?msclkid=29848a6fc07b11ec8c4bf56e5f7f7d72" rel="">CSS</a> للصور التي لا تريد تأجيل تحميلها.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96685" href="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_lazy_loading.png.b415eb57a3d99802447e18286c90f96b.png" rel=""><img alt="004_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96685" data-unique="9jyovs81m" src="https://academy.hsoub.com/uploads/monthly_2022_04/004_wordpress_lazy_loading.thumb.png.95dda9ba03e502288a3cdd75daa4fcea.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	الخطوة الثالثة: ضبط إعدادات مقطع الفيديو للإضافة
</h3>

<p>
	توجه الآن إلى تبويب Lazy Load Videos and iframes. وكما هو الحال مع الصور، فإن إضافة a3 تسمح لك بتفعيل تأجيل التحميل لمقاطع معينة. تدعم هذه الإضافة مقاطع الفيديو (1) ضمن المحتوى والودجات، وتوفر (2) تراجعًا عن الميزة في المتصفحات التي تحجب <a href="https://academy.hsoub.com/programming/javascript/%D9%86%D9%85%D8%B7-%D9%83%D8%AA%D8%A7%D8%A8%D8%A9-%D8%B4%D9%8A%D9%81%D8%B1%D8%A9-%D8%AC%D8%A7%D9%81%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA-r785/?msclkid=3bf7a59fc07b11ec8ccb29096aba2ab4" rel="">شيفرة جافاسكربت</a>.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96686" href="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_lazy_loading.png.7f02dc4c1d581d1d2d2175164c2b232a.png" rel=""><img alt="005_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96686" data-unique="klik7ghd9" src="https://academy.hsoub.com/uploads/monthly_2022_04/005_wordpress_lazy_loading.png.7f02dc4c1d581d1d2d2175164c2b232a.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	الخطوة الرابعة - تعطيل خيار التحميل المؤجل (اختياري)
</h3>

<p>
	أخيرًا، إن أردت تعطيل التحميل المؤجل لأنواع معينة من الصفحات، تستطيع عمل هذا ضمن تبويب Exclude by URLs and Page Types، حيث تستطيع إدخال صفحات معينة أو انواع خاصة من المحتوى لا تريدها أن تتأثر بالتحميل الكسول.
</p>

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96687" href="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_lazy_loading.png.45aa2fdbb7262cfa27a7637b5cc34366.png" rel=""><img alt="006_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96687" data-unique="gve365vmn" src="https://academy.hsoub.com/uploads/monthly_2022_04/006_wordpress_lazy_loading.thumb.png.6defc4b9b72e8abd0bdf8738e8588a04.png" style="width: 650px; height: auto;"></a>
</p>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96688" href="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_lazy_loading.png.ce98180107948fddbc13b000c38661a3.png" rel=""><img alt="007_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96688" data-unique="z5tp47hfd" src="https://academy.hsoub.com/uploads/monthly_2022_04/007_wordpress_lazy_loading.thumb.png.44f093557be259ec23e30fb0d21e8446.png" style="width: 650px; height: auto;"></a>
</p>

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

<h2>
	حل مشاكل التحميل الكسول
</h2>

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

<h3>
	مشاكل مع الصور في بداية الصفحة
</h3>

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96689" href="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_lazy_loading.png.60c4f3c30213d2b49d444d9e5c1db1b6.png" rel=""><img alt="008_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96689" data-unique="ptq2ult9b" src="https://academy.hsoub.com/uploads/monthly_2022_04/008_wordpress_lazy_loading.thumb.png.fd2defb00f348632bd298750af0dda0d.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	انزياح المخطط بسبب التحميل الكسول
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96690" href="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_lazy_loading.png.80b4723a2c670b0d6aaf50b3c7f2fdbe.png" rel=""><img alt="009_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96690" data-unique="vfgw7qn72" src="https://academy.hsoub.com/uploads/monthly_2022_04/009_wordpress_lazy_loading.thumb.png.adebfb9f3180b493dcbd0ef878ada01c.png" style="width: 650px; height: auto;"></a>
</p>

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

<h3>
	مشاكل في التحميل الكسول وإضافات التخزين المؤقت
</h3>

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

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

<p style="text-align: center;">
	<a class="ipsAttachLink ipsAttachLink_image" data-fileid="96691" href="https://academy.hsoub.com/uploads/monthly_2022_04/010_wordpress_lazy_loading.png.919c9babd6d4f915a7e1e703c12c11a7.png" rel=""><img alt="010_wordpress_lazy_loading.png" class="ipsImage ipsImage_thumbnailed" data-fileid="96691" data-unique="169j96nd3" src="https://academy.hsoub.com/uploads/monthly_2022_04/010_wordpress_lazy_loading.png.919c9babd6d4f915a7e1e703c12c11a7.png" style="width: 650px; height: auto;"></a>
</p>

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

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

<p>
	على الرغم من أن التحميل الكسول هو جزء من ميزات ووردبريس الأساسية، إلا أنه هناك عدة طرق لتحسين آلية استخدامه مثل إضافة a3 Lazy Load التي توفر لك تحكمًا أوسع بالتحميل الكسول ضمن موقعك، وباستخدام الإضافة الصحيحة، تستطيع ضبط واستبعاد الملفات الخارجية من التحميل المؤجل.
</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/?msclkid=86672a9ec07b11ecad286c02c11fa704" rel="">تجربة المستخدم</a>.
</p>

<p>
	ترجمة -وبتصرّف- للمقال <a href="https://www.elegantthemes.com/blog/wordpress/lazy-loading" rel="external nofollow">How To Add Lazy Loading To WordPress</a> لصاحبه Will Morris.
</p>

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

<ul>
<li>
		<a href="https://academy.hsoub.com/programming/html/%D9%86%D9%82%D9%84%D8%A9-%D9%86%D9%88%D8%B9%D9%8A%D8%A9-%D9%81%D9%8A-%D8%A3%D8%AF%D8%A7%D8%A1-%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D9%85%D8%B9-%D8%AE%D8%A7%D8%B5%D9%8A%D8%A9-loading-r792/?msclkid=c1789ebbc07c11ec9016547cdadad382" rel="">نقلة نوعية في أداء المواقع مع خاصية loading</a>
	</li>
	<li>
		<a href="https://academy.hsoub.com/apps/web/wordpress/%D9%83%D9%8A%D9%81-%D8%AA%D8%AD%D8%AF-%D9%85%D9%86-%D8%B7%D9%84%D8%A8%D9%8A%D8%A7%D8%AA-https-%D9%81%D9%8A-%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3-r352/?msclkid=c17909dac07c11ec88cf4e748c0a0eda" rel="">كيف تحد من طلبيات HTTP/S في ووردبريس</a>
	</li>
</ul>
]]></description><guid isPermaLink="false">675</guid><pubDate>Thu, 14 Apr 2022 14:00:00 +0000</pubDate></item></channel></rss>
