طريقة تعديل قالب ميرال موقع من صفحة واحدة للشركات والخدمات

معاينة قالب ميرال

شراء القالب:

من متجر خمسات | إتصل بنا للشراء

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

طريقة تعديل ميرال قالب موقع من صفحة واحدة للشركات والخدمات:

أكواد الميتا تاج و تغيير إسم الموقع
تغيير نصوص القائمة
تغيير صورة الهيدر ونصوص الهيدر
تغيير نصوص خدماتنا و الأيكونات
تغيير مشاريع وصور أعمالنا
تغيير نصوص معلومات عنا
تغيير نصوص وصور فريقنا وروابط مواقع التواصل الإجتماعي
تغيير نصوص ماذا قالوا عنا والخلفية (الصورة)
تغيير نصوص إتصل بنا
تغيير الإيميل الذي سوف يستقبل الرسائل في (إتصل بنا)
تغيير مواقع التواصل الإجتماعي في الفوتر
تغيير ألوان القالب

(أولاً)

أكواد الميتا تاج والأيكونات:

إفتح ملف القالب ثم ملف index كما في الصورة التالية يفضل محرر أكواد مثل notepad ++

ثم إبحث عن meta tag:

ستجد الأكواد الأتية: غيرها حسب ما تريد:

تنبيه: غير إسم (ميرال) بإسم موقعك.

<!--=================================meta tag Start===================================-->
<!--website title-->
<html itemscope itemtype="http://schema.org/Article">

<title>ميرال</title> 
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name, i.e. Moz" />
<meta property="article:published_time" content="2013-09-17T05:59:00+01:00" />
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />
<!--======================================meta tag END============================-->

تغيير نصوص القائمة:

إفتح ملف القالب ثم ملف index ثم غير أسماء القائمة مثل ماتريد كما في الصورة التالية:

تغيير صورة الهيدر:

إذهب للمسار التالي: meral-Template\meral\img

ثم إستبدل صورة header-bg بالصورة التي تريدها مع تغيير إسم الصورة الجديدة بـ header-bg

نصوص الهيدر:

إذهب لمجلد القالب ثم إفتح الملف index بأي محرر بأكواد يفضل Note++ غير النصوص التالية فقط باللغة العربية مثل الصورة التالية:

تغيير نصوص خدماتنا والأيكونات:

إذهب لمجلد القالب ثم إفتح الملف index ثم غير النصوص العربية بما تريد مثل الصورة التالية:

ثانياً: الأيكونات:

إذهب لموقع FontAwesome ثم اكتب في خانة البحث الأيكونة الذي تريدها (باللغة الإنجليزية) مثل facebook

سوف لك عدة أشكال اختر ما تريد كما في الصورتين التاليتن: إتبع اللون البنفسجي و الأحمر

طريقة تركيب وتعديل قالب ريتال | معمل قوالب بلوجر

الصورة الأولي

الصورة الثانية

ثم إنسخ هذا الكود كما في الصورة التالية:

الصورة الثالثة

وضعه بدل المؤشر عليه باللون الأحمر:

أعمالنا:

غير النصوص العربية بما تريد مثل الصورة التالية:

تغيير مشاريع وصور أعمالنا:

أولاً: عناوين المشاريع

من بداية:

مثل الصورة التالية غير النصوص بالعناوين الذي تريدها:

إلي نهاية:

ثانياً:

المحتوي:

من بداية مثل الصورة التالية:

تنبيه: يوجد 8 مشاريع.

من portfolio mode 1 إلي portfolio mode 8

ثالثاً الصور:

إذهب مجلد القالب ثم meral\img\portfolio

الصورة التي إسمها 01 حجمها: 400x400 هي الصورة المصغرة و 01-preview هي الصورة التي بداخل المشروع وحجمها: 580x580

تغيير الصورة الجديدة بالقديمة مع تبديل الإسم الجديد مثلاً: الصورة المصغرة 01 والكبيرة 01-preview

تغيير نصوص معلومات عنا:

إذهب لمجلد القالب ثم إفتح الملف index ثم غير النصوص العربية بما تريد مثل الصورة التالية:

تغيير نصوص وصور فريقنا وروابط مواقع التواصل الإجتماعي:

أولاً: الصور

إذهب لمجلد القالب ثم إفتح: meral\img\team

وغير الصور مع تبديل الإسم

ثانياً: النصوص وروابط مواقع التواصل الإجتماعي:

إذهب لمجلد القالب ثم إفتح الملف index ثم غير النصوص العربية بما تريد مثل الصورة التالية:

وروابط مواقع التواصل الإجتماعي تحت المؤشر الأحمر مكان رمز (#) رابط الموقع

من بداية:

إلي نهاية:

تغيير نصوص ماذا قالوا عنا والخلفية (الصورة):

أولاً: الصورة

إذهب لمجلد القالب ثم: meral\img

ثم غير صورة: testimonials-bg بالصورة التي تريدها مع تغيير الإسم:

ثانياً: تغيير نصوص ماذا قالوا عنا

إذهب لمجلد القالب ثم إفتح الملف index ثم غير النصوص العربية بما تريد مثل الصورة التالية:

تغيير نصوص إتصل بنا

لإذهب مجلد القالب ثم إفتح الملف index ثم غير النصوص باللون الأبيض بما تريد مثل الصورة التالية:

تغيير الإيميل الذي سوف يستقبل الرسائل في (إتصل بنا):

إذهب لمجلد القالب ثم إفتح meral\mail ثم إفتح الملف التالي وغير المؤشر عليه باللون الأحمر فقط وهو الإيميل

كما في الصور التالية:

تغيير مواقع التواصل الإجتماعي في الفوتر:

إذهب لمجلد القالب ثم إفتح الملف index ثم رمز (#) برابط موقعك مثل الصورة التالية:

النصوص البللون الأصفر هي أسماء المواقع مثل fa fa-facebook

تغيير إسم ميرال في الفوتر:

إذهب لمجلد القالب ثم إفتح الملف index

غير إسم ميرال فقط بإسم موقعك مثل الصورة التالية:

تغيير ألوان القالب:

إذهب لمجلد القالب meral-Template\color2

ثم إنسخ ملف style إلي مجلد css مع الموافقة علي إستبدال القديم بالجديد وأيضاً عليك نسخ preloader إلي مجلد img

إن أحببت أن ترجع للون القديم كرر نفس الخطوة لاكن مجلد main color

color2 هو اللون الذيتي

main color هو اللون اللبني

مثل الصور التالية:

تم بحمد الله

طريقة تعديل قالب ميرال موقع من صفحة واحدة للشركات والخدمات

My Services

طريقة تعديل قالب ميرال موقع من صفحة واحدة للشركات والخدمات

طريقة تعديل ميرال قالب موقع من صفحة واحدة للشركات والخدمات:

Contact Me