Need help? Chat now!

Hostwinds مدونة

نتائج البحث عن:


كيفية عمل Hostwinds: كيفية صنع قالب WordPress فرعي صورة مميزة

كيفية عمل Hostwinds: كيفية صنع قالب WordPress فرعي

بواسطة: Hostwinds Team  /  يوليو 12, 2019


قال مايا أنجيلو ذات مرة: "لقد حان الوقت للآباء والأمهات لتعليم الشباب أنه في التنوع هناك جمال وهناك قوة".الآن، قد تسأل نفسك، "كيف تتعلق هذا بمركز بلوق WordPress؟"

سؤال عظيم.الجواب هو القليل من التمدد، ولكن هنا يذهب: سمات وورد وورد وورد تشجيع مواضيع الطفل وورد أن تكون متنوعة مثل العقل يمكن أن يتخيل.في الواقع، يحتاج كل موضوع طفل إلى موضوع أصل، وتتيح الأخير السابق أن يوفر موقعك بمزيد من التنوع والجمال والقوة.وبالتالي، فإن موضوعات الوالدين تتبع نصيحة مايا العظيمة أنجيلو.ما هذا؟كان ذلك أكثر من مجرد "قليلا" من التمدد، ومن الأفضل أن تبدأ هذا المنشور المدونات، مما أدى إلى وجود هذه الفقرات لم تكن موجودة أبدا؟تبدو فكرة جيدة.في هذه الحالة…

مرحبا، الناس!مرحبا بك مرة أخرى إلى سلسلة مدونة الطفل WordPress!في الجزء 1، ذهبنا إلى بعض حقائق WordPress والتفاصيل، ويحدد مواضيع الطفل WordPress، وتوصيل HOSTWINDS ONDWIND UNBASHASHEDS.ما هذا؟تريد كميات وفيرة من المعلومات حول هذا ما يسمى "HostWinds WordPress يستضيف" لأنه يبدو وكأنه خدمة رائعة ومفيدة؟

إجابتي ذات شقين:

1. أنت محق تمامًا - Hostwinds WordPress Hosting يكون خدمة رائعة ومفيدة!

2. سأكون سعيدا لتزويدك بذلك.

استضافة WordPress هو استضافة المواقع التي هي متوافقة تماما مع مواقع الويب التي بنيت باستخدام WordPress.يجعل إنشاء وصيانة موقع WordPress أسهل لأسباب مختلفة، والتي ناقشناها في الجزء 1 من سلسلة المدونة هذه.ما هذا؟كنت ترغب في معرفة أين تذهب إلى طلب HostWinds WordPress استضافة هذا الثاني؟

أي شيء لك أيها الجمهور المدروس! سينقلك هذا الرابط إلى المكان الصحيح:

https://www.hostwinds.com/hosting/wordpress

ما هذا؟كنت ترغب أيضا في معرفة أين تذهب للعثور على الجزء 1 من سلسلة مدونة WordPress Hille Theme؟

إجابتي ذات شقين:

1. أنت ثرثار اليوم أيها الجمهور وأنا أستمتع بذلك!

2. انقر فوق الارتباط أدناه للتحقق من الجزء الأول.

ثيمات WordPress الطفل ولماذا يتم استخدامها

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

فقط لإطلاعك على ما سنفعله في مثالنا الافتراضي، سيتم إجراء التغييرات التالية على التصميم CSS موقع WordPress الخاص بنا:

1. تأثير الاهتزاز عندما يحوم الزوار فوق عناوين معينة على صفحات الويب الخاصة بنا.

2. انقلاب ألوان صورة واحدة عندما يحوم الزوار فوقها.

الطفرة، بسيطة مثل ذلك.لنبدأ في إنشاء فريق.

الخطوات السابقة لإنشاء موضوع فرعي

قبل أن نضغط على أنفسنا وتغوص في عالم الطفل الموضوعات، دعونا تثبيت WordPress.

إليك كيفية تثبيت WordPress باستخدام Softaculous App Installer (يأتي Softaculous مجانًا مع خطط Hostwinds Shared و Business Web Hosting ، ويجعل تثبيت WordPress قطعة من الكعكة):

الخطوة رقم 1: سجّل الدخول إلى منطقة العميل الخاصة بك: https://clients.hostwinds.com/clientarea.php

الخطوة رقم 2: انقر فوق خدمة Hostwinds الخاصة بك

الخطوه 3.انقر فوق "تسجيل الدخول إلى CPanel" في قائمة "الإجراءات" إلى اليسار

الخطوة رقم 4.تسجيل الدخول إلى cpanel >> انقر فوق "التبريد التطبيق" في قائمة "البرامج"

الخطوة رقم 5.مرة واحدة في بيطري، انقر فوق "مدونات" في القائمة على الجانب الأيسر من الصفحة >> انقر فوق "WordPress"

أولاً ، انقر فوق المدونات

ثانيًا ، انقر فوق WordPress

الخطوة رقم 6.انقر فوق "تثبيت"

الخطوة رقم 7. املأ معلومات مثل اسم المجال واسم مستخدم المسؤول وكلمة مرور المسؤول

أنت فعلت ذلك! كله تمام!

بمجرد إعداد WordPress بالكامل

حان الوقت الآن لتفعيل موضوع الوالدين ، وإليك كيفية القيام بذلك:

الخطوة 1.تسجيل الدخول إلى WordPress باستخدام بيانات الاعتماد التي قمت بإنشائها للتو أثناء تثبيت WordPress >> انقر فوق "مظهر" في القائمة إلى يسار الصفحة >> انقر فوق "السمات"

الخطوة 2.حدد سمة المفضلة لديك وانقر فوق "تنشيط"

أولاً ، انقر فوق المظاهر

ثانيًا ، انقر فوق السمات

انقر فوق زر التنشيط

تم تفعيل موضوع الوالدين بشكل فعال! في اليوم التالي!

والآن ، خطوات إنشاء موضوع الطفل

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

الخطوة 1.Cruise مرة أخرى إلى حساب CPanel الخاص بك >> انقر فوق "File Manager" داخل قائمة "الملفات" >> انتقل إلى مجلد "Public_html" الخاص بك >> انتقل إلى مجلد "WP" الخاص بك >> انتقل إلى مجلد "محتوى WP" الخاص بك>> انتقل إلى مجلد "الموضوعات" الخاص بك

أولاً ، انقر فوق public_html

ثانيًا ، انقر فوق wp / Third ، انقر فوق wp-content

الخطوة 2. اصنع ملف ملف جديد ضمن مجلد WP-Content / Themes الخاص بك بعنوان "[اسم موضوع الأصل الخاص بك يذهب هنا] -Clild."يمكنك أيضا تسميته بشيء مثل "[اسم موضوع الأصل الخاص بك هنا] _Child."من أجل تحقيق ذلك، انقر فوق "+ مجلد" في الركن الأيمن العلوي من الصفحة.

الخطوه 3. انتقل إلى مجلدك الجديد وقم بعمل ملف ملف جديدوبعدانقر على المجلد الجديد الخاص بك >> انقر فوق "+ ملف" في أعلى الركن الأيسر من الصفحة >> اسم الملف الجديد "Style.css".

نحن نقوم بإنشاء ملف Style.css أولا لأنه هو الشيء الأساسي الذي يمكن للمرء القيام به لجعل موضوع طفل.انتظر، وهذا يبدو مألوفا.أوه نعم، إنه يذكرنا بالاقتباس من الجزء 1 من سلسلة مدونة الطفل WordPress هذه: "إن أبسط مواضيع الأطفال تشمل ملف أسلوب واحد.

الانتقال إلى الخطوة 4!

الخطوة رقم 4.افتح ملف النمط .css عن طريق النقر بزر الماوس الأيمن فوقه وتحديد "تحرير" >> نسخ ولصق التعليمات البرمجية التالية في مستند Style.css وانقر فوق "حفظ التغييرات"

12345678910 / * اسم الموضوع: عنوان URI للموضوع: الوصف: المؤلف: عنوان URI للمؤلف: القالب: الإصدار: الترخيص: * /

الآن ، قبل أن نملأ بقية هذا الرمز ، اسمح لي أن أشرح بالضبط ما يعنيه كل من هذه الحقول.

اسم الموضوع هو اسم الموضوع الرئيسي الذي قمت بتنشيطه للتو

عنوان URI للموضوع سيكون بشكل عام حيث يمكنك وضع عنوان URL الخاص بك في صفح الموضوع الخاص بك، كما هو عنوان URL لصفحة ويب حيث يمكن العثور على البيانات المتعلقة بموضوعك.

وصف عبارة عن جملة قصيرة تلخص موضوع طفلك.

مؤلف هو أنت ، لذا يظهر اسمك أو اسم مستخدم WordPress هنا.

المؤلف URI هو عنوان URL لصفحتك الرئيسية.

قالب هو اسم مجلد موضوع الأصل.

الإصدار هو رقم إصدار المظهر الفرعي الخاص بك. سنستخدم 1.0.0.

رخصة هو بيان الترخيص الخاص بك لموضوع طفلك.

يمكنك أيضا إضافة حقول مثل "مجال النص" و "العلامات"، ومع ذلك، فإن تلك غير مطلوبة.

هذا هو الكود الذي ملأته لتحقيق النتائج المرجوة:

12345678910 / * اسم السمة: twentyseventeen-childTheme URI: http://mydomain.com/wp/twentyseventeen-child/ الوصف: Child Theme for Twenty Seventeen ThemeAuthor: ErinCAuthor URI: http: //mydomain.comTemplate: twentyseventeenVersion: 1.0.0 الترخيص : رخصة جنو العمومية الإصدار 2 أو أحدث * /

إذا كنت بحاجة إلى مزيد من التوضيح فيما يتعلق بما يجب إدراجه في معلومات الموضوع / الموضوع الفرعي الخاص بك ، فراجع ما يلي:

12345678910 / * اسم الموضوع: [اسم موضوع والدك هنا] -childTheme URI: http: // [اسم الصفحة الرئيسية الخاصة بك هنا] .com / [اسم موضوع والدتك هنا] - وصف الطفل: سمة فرعية لـ [موضوع والدك الاسم موجود هنا] themeAuthor: [اسمك يذهب هنا] المؤلف URI: http: // [اسم صفحتك الرئيسية هنا] .comTemplate: [اسم موضوع والديك هنا] الإصدار: 1.0.0 الترخيص: GNU General Public License v2 أو أحدث * /

بعد كتابة هذا الجزء من التعليمات البرمجية، يمكنك ملء بقية المستند أثناء ملء مستند CSS عموما.بالمناسبة، إذا لم يكن لديك أي خبرة مع CSS أو تحتاج إلى تنظيف فرشاة على معرفتك CSS، فسنحدث منشور مدونة شرح أساسيات CSS.

سيقوم الرابط التالي بتوجيهك إلى قطعة بلوق "HostWinds CSS Chat":

Hostwinds CSS دردشة

حان الوقت لتفعيل موضوع الطفل الخاص بنا! اتبع هذه الخطوات للقيام بذلك:

  1. انتقل إلى لوحة معلومات WordPress الخاصة بك، ثم انقر فوق "مظاهر" في القائمة على طول الطريق إلى يسار الصفحة
  2. انقر فوق "السمات" >> انقر فوق "تنشيط" تحت اسم موضوع طفلك

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

الخطوة 1.العودة إلى مجلد موضوع طفلك في مدير ملفات CPanel (نفس المجلد الذي يحتوي على ملف نمطك .css)

الخطوة رقم 2. قم بإنشاء ملف جديد واسمه "وظائف .PHP"

الخطوة رقم 3. انقر بزر الماوس الأيمن فوق الملف >> انقر فوق "تحرير"

الخطوة رقم 4. نسخ ولصق هذا الرمز الدقيق في المستند وانقر فوق الزر "حفظ التغييرات" الأزرق على الركن العلوي الأيمن من الصفحة:

PHP 1234567.

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

اسمحوا لي أن أشرح سبب أهمية الخطوات السابقة. تتيح الشفرة التي نسختها ولصقها للتو جميع سمات WordPress الرئيسية لقراءة CSS القياسي الذي يأتي مع WordPress.

والآن ، خطوات إضافة كود CSS الخاص بك

من أجل إجراء تغييرات فعالة في رمز CSS الخاص بك، لديك لتحديد أسماء الطبقة المناسبة في موضوع وورد الخاص بك.إليك كيفية القيام بذلك: انقر بزر الماوس الأيمن فوق الصفحة الرئيسية في موقعك >> انقر فوق "فحص"

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

علاوة على ذلك، يمكنك النقر المزدوج على أي سطر التعليمات البرمجية، ثم قم بتحريره، ثم اضغط على Enter، واختبار كيفية البحث عن صفحة الويب إذا قمت بإجراء هذا التغيير.ما هذا؟أداة فحص هي رائع! واو ، لقد قرأت رأيي. سنستخدم Google Chrome Developer Tools لتحديد محددات CSS التي نحتاج إلى الرجوع إليها في مستند style.css الخاص بنا من أجل إجراء التغييرات.

ملاحظة.على الرغم من أننا نستخدم أدوات مطور جوجل كروم، إلا أن كلا من Firefox و Internet Explorer لديه أدوات مماثلة للغاية.

P. لأغراض هذا البرنامج التعليمي ، سنحتفظ بموقع WordPress الخاص بنا في نفس الظروف التي كان عليها عندما قمنا بتنشيطه لأول مرة ، وسنقوم فقط بإجراء التعديلين المذكورين في مقدمة منشور المدونة هذا.

P.P.P.شيء آخر نود أن نتعامل مع وثائق CSS: هل تعلم أن المتصفحات قراءة مستندات CSS من أعلى إلى أسفل؟وبالمثل، اقرأ المتصفحات CSS الواردة في المستندات .CSS من مواضيع الأطفال كما لو كانت التعليمات البرمجية أقل من رمز CSS الوارد في مستند Style.css للموضوع الأصل.بمعنى آخر، فإن التعليمات البرمجية التي لديك في وثيقة أسلوبك .css موضوع طفلك تتجاوز دائما وثيقة Style.css Style.css.

توقف ، يا لها من P.P.P.S. اوه حسنا! كما ذكرنا سابقًا ، سنقوم بتغيير شيئين لموقعنا. هنا رقم 1:

1. دعنا نقول، على سبيل المثال، تجد أنه من الضروري أن يكون لديك جميع عناوينك يهز عندما يحوم مستخدمي موقع الويب الخاص بك.

الصق الكود التالي في مستند style.css لتحقيق ذلك:

123456789101112131415161718192021222324 h2: hover {المنظور: 900px؛ الرؤية الخلفية: مخفي ؛ التحويل: translate3d (0، 0، 0) ؛ الرسوم المتحركة: اهتز 0.70 ثانية مكعب بيزير (.25 ، .10 ، .17 ، .88) كلاهما ؛} @ keyframes shake {12٪، 88٪ {transform: translate3d (-2px، 0، 0)؛ } 19٪، 82٪ {transform: translate3d (3px، 0، 0)؛ } 32٪، 53٪، 68٪ {transform: translate3d (-3px، 0، 0)؛ } 42٪، 58٪ {transform: translate3d (3px، 0، 0)؛ }}

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

2. الشيء الثاني الذي سنفعله هو: سنرقل ألوان صورة صفحتنا الرئيسية عندما يحوم المستخدمون فوقها عن طريق إضافة الأسطر التالية من التعليمات البرمجية إلى مستند النمط الذي تم إنشاؤه حديثا.دفع "حفظ التغييرات" عندما تقوم جميعا بالنسخ والصق.

123 img: مرر {filter: invert (100٪)؛}

وهذه هي الطريقة التي تجعل موضوع طفل مجيد وفعال!أنت كل مجموعة، ويتضمن موقعك بعض اللمسات المخصصة التي لن يتم مسحها عند تثبيت أي تحديث WordPress للمضي قدما.قم بتحديث صفحتك بمجرد اتخاذك هذه الخطوات ولاحظ كم يبرد بشكل لا يصدق عندما تحوم فوق عنوان، ويهز.لاحظ كيف تبدو السحرية بشكل لا يصدق عند التحليق عبر الصورة على صفحتك الرئيسية وعكس الألوان.هذا الموقع المحدث هو الآن، كما يقول الأطفال هذه الأيام، "مضاءة"

(كلمة) الضغط على

لا تحب التورية العظيمة في رأس المدونة؟ما هذا؟التورية هي جبني بشكل لا يصدق، ولكن مذهلة؟كما يقول الأطفال هذه الأيام، "DAT TRUE ... إخوانه".

في ملاحظة مختلفة تمامًا ، إليك اقتباس من صفحة استضافة WordPress على موقعنا:

"مصممة لاستضافة ويب WordPress إلى أولئك الذين يرغبون في الحصول على موقع WordPress يعمل بسرعة حتى يتمكنوا من البدء في بناء أو تصميم أو تحديثه. باستخدام مثبت التطبيقات الزفيرة من حساب CPanel الخاص بك، يمكنك تثبيت WordPress على حساب الاستضافة الخاص بك وتبدأباستخدام هذا البرنامج المجاني على خادم تم تحسينه للاتصال الجهوزتر ومراقبته بواسطة HostWinds 24/7/365. "

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

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

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

كتب بواسطة Hostwinds Team  /  يوليو 12, 2019