إعدادات قالب Arabs News Theme

Bot X
Bot X
إعدادات قالب Arabs News Theme
إعدادات قالب Arabs News Theme

ربما يكون هناك بعض الأشخاص الذين ما زالوا يشعرون بالحيرة حول كيفية تهيئة قالب Arabs News Theme، ولذلك، سنقدم هنا توجيهات شاملة ومفصلة تتناول المظهر والتخطيط وتحسين محركات البحث، بهدف ضمان تحقيق أداء مثالي لموقعك على الويب. إذا كنت لم تقم بتثبيت القالب بعد، يرجى النقر هنا للحصول على تعليمات التثبيت. نوصي باستخدام ملف XML بالاسم "Arabs News Theme.xml" لتطبيق الكود المُحسن، ولكن في حال رغبتك في إجراء تعديلات أكثر عمقًا، يمكنك الاستعانة بملف "ArabsNewsTheme.xml" لذلك.


إعدادات الشعار والأيقونة المفضلة

في قسم التخطيط، تتوفر لديك مجموعة واسعة من الخيارات لتخصيص شعار مدونتك، بما في ذلك إمكانية إدراج اسم المدونة، وتحديد عناوين URL، وتعيين بيانات مختلفة مثل الصورة أو SVG.

أما بالنسبة للأيقونة المفضلة، يمكنك تحميلها بكل سهولة من خلال الانتقال إلى قسم الإعدادات، ثم اختيار "الأيقونة المفضلة" وتحميل الأيقونة التي تناسب ذوقك وتمثل مدونتك بشكل أفضل.


إعدادات قائمة التنقل

في إعدادات القائمة، يمكنك تكوين القائمة المنسدلة عن طريق إدخال القوائم بين الروابط "#sub-start" و"#sub-end". يمكنك بسهولة إضافة العناصر التي ترغب في تضمينها في القائمة الفرعية، وهذا يساهم في تنظيم المحتوى بشكل أفضل وتعزيز تجربة المستخدم على الموقع.


إعدادات صفحة خريطة الموقع

تم إنشاء الصفحة الجديدة، وإليك عنوانًا نموذجيًا لجدول المحتويات/خريطة الموقع:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>جدول المحتويات/خريطة الموقع</title>
</head>
<body>
    <div class="custom-posts sitemap-posts" data-label="false" data-func="sitemap_temp" data-callback="sitemap_cb" data-items="1">
        <div class='text-center'>
            <div class='spinner-grow text-light' role='status'>
                <span class='visually-hidden'>Loading...</span>
            </div>
        </div>
    </div>
</body>
</html>


قم بنسخ الكود أعلاه ولصقه في صفحة HTML الجديدة التي أنشأتها، ويمكنك تعديله حسب الحاجة قبل نشره.

نموذج اتصل بنا 

قم بإنشاء صفحة جديدة، و اكتب العنوان contact us:

<form action="https://formsubmit.co/#######@gmail.com" method="POST">
  <div class="contact-form-wrap row">
    <div class="col-md-6 mb-3">
      <label class="form-label fs-7 fw-bold">اسمك</label>
      <input class="form-control bg-transparent Ar-border-light text-reset" id="field-name" name="name" placeholder="" required="" type="text" />
    </div>
    <div class="col-md-6 mb-3">
      <label class="form-label fs-7 fw-bold">عنوان البريد الإلكتروني</label>
      <input class="form-control bg-transparent Ar-border-light text-reset" id="field-email" name="email" placeholder="" required="" type="email" />
    </div>
    <div class="col-12 mb-3">
      <label class="form-label fs-7 fw-bold">رسالة</label>
      <textarea class="form-control bg-transparent Ar-border-light text-reset" id="field-message" name="message" placeholder="" required="" rows="3"></textarea>
    </div>
    <div class="col-12 mb-3">
      <button class="btn btn-sm fw-bold py-2 px-5 Ar-btn-primary" type="submit">يرسل</button>
    </div>
  </div>
  <div class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7" data-error="فشل إرسال الرسالة. يرجى المحاولة مرة أخرى بعد ساعة." data-success="شكرا لك تم إرسال الرسالة بنجاح.">
  </div>
</form>

قم بنسخ الكود أعلاه ولصقه في صفحة HTML الجديدة التي أنشأتها، ثم قم بإضافة نموذج الاتصال أو محتوى الصفحة حسب الحاجة قبل نشرها. لاتنسى تغيير ##### بالبريد الالكتروني الذي تريد ان يتواصل معك عبره المتابعون.


الإعدادات في موضوع HTML

نظرًا لأن إعدادات قالب "Arabs News Theme V.1" في HTML لم تعد مطلوبة، يمكنك ببساطة تثبيت تكوين المدونة واستخدامه، وسيتم تشغيل القالب بشكل جيد.

ومع ذلك، قمنا بتعديلها لتكون أكثر سهولة في الوصول إليها حتى لو لم تكن تفهم الكود. وفيما يلي شرح لكيفية استخدامها:

عند فتح تحرير HTML، ستجد نصًا يشبه النص أدناه.

-------------------------

# إعدادات قالب Arabs News Theme v.1.0 #

-------------------------

هنا ستجد ميزات إعدادات قالب "Arabs News Theme". يجب عليك فقط الانتباه إلى الوصف بعناية لتجنب الأخطاء، وملء القسم Value="" وفقًا للميزة المحددة. فيما يلي شرح لبعض هذه الميزات:

  1. الوصف: يمكنك إدخال وصف دقيق لكل ميزة لتفادي الأخطاء وضمان فهم صحيح لوظيفة كل ميزة.
  2. Value=" ": في هذا الجزء، يجب عليك ملء القيمة بما يناسب كل ميزة، مما يسهل عملية استخدام القالب ويحسن تجربة المستخدم.

تأكد من فهم واستخدام كل ميزة بشكل صحيح للحصول على أفضل أداء وتجربة مستخدم محسنة.


1. عنوان سطر الوصف على الصفحة الرئيسية

<Variable name="tagline" description="Tagline" type="string" value=""/>

يرجى ملء القيمة (Value) باستخدام شعار عنوانك، حيث يساهم ذلك في تحسين محركات البحث. على سبيل المثال، إذا كان عنوان الصفحة الرئيسية هو "Arabs News Theme – قالب المدون رقم 1"، فيمكنك ملء القيمة بـ "قالب المدون رقم 1". هذا التوجيه يسهم في توفير وصف موجز ودقيق يتناسب مع محتوى صفحتك، مما يزيد من فعالية استراتيجية التسويق عبر محركات البحث ويحسن من تجربة المستخدم.

<Variable name="tagline" description="Tagline" type="string" value="قالب المدون رقم.1"/>

2. فاصل العنوان

<Variable name="separator" description="Separator" type="string" value=" - "/>

في عنوان المثال، "Arabs News Theme - قالب بلوجر رقم 1"، يعمل المحدد كعنصر تفصيلي لتحديد نوع القالب المستخدم، وهو "Arabs News Theme"، بالإضافة إلى تحديد رقم القالب في سلسلة القوالب التي قد تكون متاحة، والذي هو "رقم 1" في هذا الحال. يمكنك تغيير هذا المحدد بمحدد آخر إذا كنت تفضل، مع الحرص على وجود مسافة في البداية والنهاية للحفاظ على التنسيق السليم وسهولة القراءة.


3. الصفحة الرئيسية للوصف

<Variable name="description" description="Description" type="string" value=""/>

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


4. الصورة/الغلاف على الصفحة الرئيسية

<Variable name="cover" description="Cover" type="string" value=""/>

هذا الموقع يتطلب وجود عنوان URL للصورة لضمان عمله بشكل صحيح. يمكن استخدام العنوان URL عند مشاركة مدونتك على وسائل التواصل الاجتماعي، أو كغلاف للصفحة الرئيسية في حال عدم توفر صورة للصفحات الأخرى. للحصول على عنوان URL لصورتك أو شعارك، يرجى تحميل الصورة والتأكد من أن أبعادها تتناسب مع المتطلبات المذكورة (تقريبًا 1600 × 700 بكسل)، ثم قم بنسخ الرابط الذي يُعطيك إمكانية الوصول إلى الصورة على الإنترنت.

<Variable name="cover" description="Cover" type="string" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQez6mCBc6qDw-3iH6l0UDgejubelpU47KFiqR7OIcjEBSQd-QZvR_HEvTDELIkXWl67LXNtxYtkrCU-2WNXRyscpBTFhypBGSfNCaEmdleacpQMl_FBCvy2R3DMsTuk-Z3BsECGSxiUY/s1600/Arabs News Theme-cover.png"/>


5. صورة الشعار على مخطط SEO

<Variable name="logo" description="Logo" type="string" value=""/>

يرجى إدخال عنوان URL لصورة شعار مدونتك. يُفضل أن يتبع التنسيق نفس الطريقة المستخدمة للغلاف أعلاه، حيث يكون الشعار بأبعاد ملائمة لتحسين محركات البحث (SEO) وتعزيز رؤية مدونتك على الإنترنت. تأكد من أن الصورة توفر بيانات ملموسة وجذابة لمحركات البحث، مما يساعد في جذب المزيد من الزوار وزيادة مستوى الانتباه لمدونتك.


6. الأيقونة المفضلة عالية الدقة

<Variable name="favicon" description="Favicon" type="string" value=""/>

يرجى إدخال عنوان URL لصورة الأيقونة المُفضلة لموقعك الإلكتروني. يمكنك اتباع نفس التنسيق المُستخدم للشعار والغلاف أعلاه، مع التأكيد على أن الصورة تكون بأبعاد كبيرة تبلغ 200 × 200 بكسل. تتمثل وظيفتها الأساسية في عرض الرمز المُفضل لدى زوار موقعك بوضوح وجاذبية، وتجنب تعتيمه أو فقدان تفاصيله في أي ظروف. يعتبر اختيار الأيقونة المناسبة لموقعك خطوة مهمة لجعلها تتماشى مع الهوية البصرية وتعزيز تجربة المستخدم بشكل عام.


7. تحليلات جوجل الجديدة

<Variable name="analyticId" description="Analytic ID" type="string" value=""/>

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

<Variable name="analyticId" description="Analytic ID" type="string" value="G-AXXXXXXXXX"/>


8. جوجل ادسنس

<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value=""/>

إذا كنت قد قمت بتنشيط AdSense على مدونتك، يمكنك تجاهل هذه الخطوة. ومع ذلك، إذا كنت تفضل استخدام بديل لـ AdSense الذي يتضمن بريدًا إلكترونيًا مختلفًا عن مدونتك، يمكنك ملؤه باستخدام معرف caPubAdsense الذي يمكنك الحصول عليه من نص AdSense الخاص بك.

للقيام بذلك، اتبع الخطوات التالية:

  1. انتقل إلى الجانب الأيسر من قائمة صفحة AdSense.
  2. انقر على "الإعلانات"، ثم حدد "نظرة عامة".
  3.  بعد الدخول إلى صفحة "النظرة العامة"، انقر على "الحصول على الرمز".
  4.  ستحصل على رمز مماثل للذي يُعرض أدناه، يمكنك استخدامه كبديل لـ AdSense.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub- 1234567890XXXXXX
     crossorigin="anonymous"></script>

انسخ معرف/رقم العينة الملون وأدخله كما هو موضح أدناه. الارقام فقط.

<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value="1234567890XXXXXX"/>


تذكير: هذه الميزة متاحة فقط للمستخدمين الذين تم قبولهم في AdSense. إذا كنت تنتظر مراجعة طلبك في AdSense، يمكنك ببساطة وضع رمز AdSense تحت عنوان <head> وفقًا لتوجيهات Google لتسريع عملية القبول.

بالنسبة لمستخدمي AdSense الحاليين، لضمان أن أداء مدونتك يبقى مرتفعًا ويظل فوق 90، يُوضح LazyAdSense كيفية الاستفادة القصوى من AdSense دون تأثير سلبي على سرعة التحميل. يرجى النقر هنا للمزيد من المعلومات.

شارك المقال مع اصدقائك

المقال السابق
لا يوجد تعليقات
اضافة تعليق
رابط التعليق