كيفية إنشاء السمة الخاصة بك. كيفية إنشاء المظهر الخاص بك لـ Telegram Desktop

كيف تصنع السمة الخاصة بك في Odnoklassniki: كيف تضع صورة خلفية في مجموعة

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

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

هذه المتعة ليست متاحة للجميع ، يمكن فقط للمجموعات والمجتمعات الرسمية التي تضم أكثر من 10000 (10 آلاف) عضو تزيين صفحة المجموعة الخاصة بهم في Odnoklassniki بمساعدة سمة التصميم.

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

كيفية إنشاء السمة الخاصة بك في Odnoklassniki

هناك عدد من القواعد التي يجب اتباعها:

بادئ ذي بدء ، قبل البدء في العمل وإنشاء السمة الأولى الخاصة بك في Odnoklassniki ، تحتاج إلى العثور على المادة المصدر - صورة (صورة ، نسيج ، إلخ).

هناك عدد كبير من مستودعات الصور المختلفة. لكن من الأفضل البحث في محركات البحث:

بالطبع ، الصورة التي أعجبتك (هل وجدتها بالفعل؟) لن تعمل. لن يكون الحجم الصحيح. وسوف يساعد الرسم في إصلاحه. محرر على الإنترنت. على سبيل المثال ، هذا:

هذا المحرر مشابه جدًا في وظائفه لبرنامج Photoshop. لذلك يجب ألا يواجه أولئك الذين عملوا مع Photoshop أي مشاكل. ومن لم يعمل - ضربة لمشاهدة دروس الفيديو على موقع يوتيوب:

كيفية تثبيت السمة الخاصة بك في Odnoklassniki

حسنًا ، هل وجدت الصورة؟ في المحرر إلى الذهن؟ حان الوقت لوضع الموضوع المصنوع في مجموعة في Odnoklassniki.

كيف افعلها:

  1. في المجتمع ، انقر على الرابط "تزيين صفحة المجموعة" ؛
  2. انقر فوق: "تحميل موضوع للمجموعة" ؛
  3. تعرف على النصائح ؛
  4. بمجرد تحميل الموضوع ، سيتم إرساله إلى الوسطاء للنظر فيه. قد يستغرق هذا ما يصل إلى 3 أيام.
  5. بمجرد اجتياز التحقق ، ستتلقى إشعارًا ويمكنك تعيينه في "السمات".

كيفية تعيين سمة المجموعة الافتراضية في Odnoklassniki

تبقى المرحلة النهائية - تحتاج إلى وضع الموضوع الذي تم إنشاؤه. لتغيير صورة الخلفية للمجموعة التي تحتاجها.

يسعد الكثير ممن قاموا بتثبيت windows 7 لأنفسهم بواجهة Aero. كيف تصنع السمة الخاصة بك في Windows 7؟

كل شيء بسيط للغاية - حتى أنني سأقول أنه بديهي ، لأنني صنعته بنفسي بعد 3 دقائق من طلب تصميم موضوعي الخاص.

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

1. انقر فوق انقر على اليمينالماوس على سطح المكتب - حدد تخصيص.

3. ستفتح نافذة لاختيار الخلفيات. قم بإلغاء تحديد الصور غير المرغوب فيها. وإذا لزم الأمر ، من خلال الزر "استعراض" (مراجعة) - حدد المجلد الذي يحتوي على الصور التي تريد إدخالها في الموضوع. من الأفضل أن تكون الصور بدقة لا تقل عن 1024 × 768. تنسيق jpeg. صور من 5-8. هذا إذا كنت ستضع الموضوع على الإنترنت. لو سمة Windows 7 أنت تفعل لنفسك ، ثم افعل ما يحلو لك. في الجزء السفلي ، لا تنسَ مربع الاختيار - خيارات العرض: بشكل عشوائي أو متسلسل. يمكنك أيضًا اختيار موقع صورة الخلفية - عادةً ما تكون القيمة الافتراضية هي القيمة المثلى (تمديد الصورة).

4. بعد ذلك ، احفظ التغييرات (حفظ التغييرات). سيكون لديك مرة أخرى نافذة من النقطة 2. اختر لون Windows - هذا هو لون السمة بشكل أساسي. يمكنك اختيار لون من اللون المقترح أو صنع الظل الخاص بك. بالإضافة إلى اختيار الشفافية الخاصة بك.

5. بعد ذلك ، احفظ التغييرات (Save Changes). سترى النافذة مرة أخرى من النقطة 2. حدد الأصوات. لن أخوض في التفاصيل حول كيفية صنع مخطط الصوت الخاص بك. يمكنك الاختيار من القائمة المنسدلة المتوفرة.

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

7. بعد ذلك ، سنرى أن السمة موجودة بالفعل في قسم My Themes وتقول أنه لم يتم حفظها (السمة غير المحفوظة). نضغط عليه بزر الماوس الأيمن ونختار في القائمة المنسدلة: العنصر الأول حفظ السمة (حفظ السمة) ، إذا كنا نريد فقط حفظه على جهاز الكمبيوتر الخاص بنا (فقط أدخل اسمًا). أو اختر: العنصر الثاني Save Theme for Sharing لحفظ السمة في ملف.

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

لماذا تحتاج حتى إلى إنشاء الخاصة بك قالب ووردمتى يمكنني استخدام الفراغات المتوفرة في قاعدة البيانات؟ فيما يلي بعض الأسباب التي قد تؤدي إلى ذلك:

  • يمكنك الحصول على موقع ويب فريد أو صفحة مقصودة مختلفة عن المنافسين. مع وجود ملايين المدونات التي تم إنشاؤها على نظام إدارة المحتوى هذا ، يتم استخدام كل تصميم عام مائة مرة على الأقل.
  • الحرية الكاملة في العمل في مرحلة التطوير. يمكنك إضافة وظائفك الخاصة مع عناصر العمل التي تحتاجها.
  • يمكنك تطبيق تصميمات مختلفة لأقسام مختلفة من الموقع ، وهو أمر غير ممكن عند استخدام قالب جاهز.
  • يمكنك عمل عدة طرق عرض وتزويد الزائرين بالقدرة على التبديل بين الموضوعات المختلفة ، مما سيزيد من الاهتمام والولاء لمورد الويب.
  • إن بساطة العمل على WordPress تجعله في متناول الكثيرين (ستكون هناك دروس فيديو على الإنترنت للمساعدة). هذا يعني أن التطوير المكتوب بخط اليد للموضوع الرئيسي أو إنشاء موضوع فرعي سيوفر المال على جذب المصممين والمبرمجين الخارجيين.
  • يمكنك الاستفادة من إمكانية السمات الفرعية - عند إجراء تعديلات على التكرارات style.css ، بينما يظل الملف الرئيسي كما هو. يتيح لك هذا التراجع عن التغييرات بسرعة إذا لم تنجح ، وكذلك عدم فقدان الخبرة عند تحديث السمة الرئيسية.

تعليمات موجزة

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

الخطوة الأولى: العمل التحضيري

قبل البدء في العمل ، يجب أن تتأكد من أنك قمت بذلك محرر النص(أبسطها هو Notepad أو Nodepad ++ ، خاصة أنه يمكنك تنزيلها مجانًا). الخطوة التالية هي تثبيت محرك WordPress ومجموعة أدوات Denwer على الكمبيوتر المحلي. دنفر هي حزمة من الأدوات الأساسية للمبرمجين. بمساعدتهم ، يتم تسهيل وتسريع عملية التطوير وإجراء التغييرات على المواقع بشكل كبير. كيفية تثبيته ، سيخبرك هذا الفيديو:

الخطوة الثانية: إنشاء مجلد موضوع جديد

ننتقل إلى الدليل الضروري. غالبًا ما يأخذ المسار التالي: . يتم تخزين جميع السمات هنا - سواء القياسية أو التعسفية. نذهب فيه ونخلق ملف جديد. نطلق عليه ، على سبيل المثال ، "MyFirstTheme".

انتقل الآن إلى مجلد جديد وتأكد من إضافة ملفين تم إنشاؤهما من خلال Nodepad ++ أو محرر آخر. هذه هي index.php و style.css. في الوقت الحالي ، اترك هذه المستندات فارغة ، وسنواصل ملئها. أضف أيضًا مجلد الصور إلى "MyFirstTheme" هنا. حيث يمكنك إضافة صور لتصميم القالب.

بعد ذلك ، في "MyFirstTheme" يمكنك إضافة قوالب لأجزاء فردية من الموقع: الشريط الجانبي (sidebar.php) ، الموقع (header.php) ، إدخالات الصفحة (single.php) ، التعليقات (comments.php) ، إلخ. ملفات إضافيةيعتمد على الهيكل الذي تخطط له لمورد الويب الخاص بك.

الخطوة الثالثة: ملء index.php

أول شيء يجب القيام به هو ملء ملف الفهرس(index.php). فيما يلي مثال على أبسط رمز ، والذي وفقًا له سيكون للموقع أربع مناطق: الرأس ، والرئيسي ، والشريط الجانبي ، والتذييل.














في الملف ، يمكنك تسجيل أي عناصر تريد رؤيتها على موقعك. لمزيد من المعلومات حول كتابة كود index.php لإنشاء سمات WordPress ، شاهد الفيديو:

الخطوة الرابعة: املأ Style.css

أنت الآن بحاجة إلى فتح style.css وإضافة الحقول التالية وتعبئتها (بدلاً من *** أدخل معلوماتك الخاصة حول الموقع والمالك). سيتم عرض البيانات المدخلة في لوحة الإدارة.

/ * اسم الموضوع: ***

عنوان URI للموضوع: http: // ***

عنوان URI للمؤلف: http: // ***

وصف: ***

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

(المعلومات الواردة في / ** / هي تعليقات وليست أجزاء من الكود)

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

الخطوة الخامسة: تقسيم الملفات

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

على سبيل المثال ، نقوم بإنشاء ملف header.php ، افتح index.php. ابحث عن القسم المقابل من الكود والصقه فيه ملف جديد. سيكون ذلك:






عنوان الموقع



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






فيما يلي قائمة بملفات النماذج القياسية التي يستخدمها WordPress. لا يمكنك استخدامها أو إضافة الأقسام الخاصة بك:

  • Header - نمط رأس موقعك.
  • التعليقات - نموذج لإنشاء التعليقات.
  • الصفحة الرئيسية - موضوع لـ الصفحة الرئيسية.
  • الصفحة - تحدد الموضوع إذا قمت بإنشاء صفحات منفصلة على الموقع
  • فئة - قالب للتصنيف
  • التاريخ - يحدد نمط إخراج التاريخ والوقت.
  • أرشيف - نموذج لقسم أرشيف بمواد قديمة.
  • بحث - ملف يحدد معلمات البحث في الموقع.
  • 404 هو قالب لصفحة تُبلغ عن خطأ 404 غير موجود.
  • التذييل - يحدد نمط تذييل موقعك.

عندما تقوم بتحسين كل عنصر في وقت لاحق ، سوف تحتاج إلى فيديو تعليمي مرئي. إليك بعض الاختيارات التي قد تساعدك:

الرأس في header.php:

إضافة المحتوى:

تعليقات التصميم:

موقع القبو:

كيفية إجراء التغييرات دون خوف

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

لمنع حدوث ذلك ، يمكنك إنشاء سمة فرعية لـ WordPress (سمة فرعية) - هذا ملف style.css مكرر لا يؤثر على الملف الرئيسي (التغييرات في أحدهما لا تلغي التحديثات في الآخر).

خلق طفل موضوعات WordPressلن يكون صعبا. تحتاج إلى إنشاء مجلد جديد في الدليل الرئيسي C: \ WebServers \ home \ localhost \ www \ INSTALLATION_NAME \ wp-content \ theme. في المجلد الجديد ، نصنع ملف style.css الخاص بنا بالمحتوى التالي:

اسم الموضوع: اسم الموضوع

النموذج: اسم المجلد في موضوع الطفل

عنوان URI للموضوع: FILL

الوصف: FILL

عنوان URI للمؤلف: FILL

/ * استيراد أنماط النسق الأصل * /

@ عنوان url الاستيراد ("../ TITLE / style.css") ؛

/ * أنماط إضافية مخصصة * /

فو (اللون: أحمر ؛)

يمكنك الآن الانتقال إلى "المظهر> السمات" في لوحة الإدارة وتنشيط القالب الفرعي. في المستقبل ، يمكنك العمل في ملف جديد. بالإضافة إلى عرض فيديو صغير حول موضوع القوالب الفرعية:

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

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

إذا قررت إنشاء سمة تصميم فريدة خاصة بك ، فقبل إنشاء السمة ، عليك التفكير في التصميم وإنشاء قالب موقع HTML أو طلبه من المستقلين ، الأمر متروك لك. بشكل عام ، يجب أن تحصل على قالب مكون ، على سبيل المثال ، بالمحتوى التالي: ملفات index.html و style.css ، ومجلد الصور ومجلد js مع البرامج النصية. من هذا القالب سنقوم بعمل سمة تصميم.

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



لإنشاء سمة ، تحتاج إلى معرفة الوظائف أو ، كما يطلق عليها أيضًا ، علامات WordPress. سنقوم بتحليل الوظائف الرئيسية للموضوع ، يمكنك العثور على جميع العلامات على الموقع الرسمي codex.wordpress.org.

هيكل موضوع ووردبريس

في مجلد السمات ، قم بإنشاء مجلد وقم بتسميته ، على سبيل المثال ، mytheme. ثم ننقل الملف style.css الخاص بنا إليه وننشئ الملفات الضرورية.

قم بإنشاء قوالب الحظر التي يتم عرضها في جميع الصفحات:

  • header.php - رأس موقعك ؛
  • sidebar.php - شريط جانبي به أدوات مختلفة ؛
  • footer.php - تذييل الموقع.

قوالب المحتوى:

  • Index.php - قالب الصفحة الرئيسية ، يتم عرض إعلانات قصيرة للمقالات ؛
  • single.php - قالب آخر (مقالات) ؛
  • page.php - قالب صفحة ثابت ؛
  • category.php - قالب الفئة ؛
  • search.php - نموذج لإصدار نتائج البحث ؛
  • 404.php - قالب لرسالة حول صفحة غير موجودة ؛
  • comments.php - قالب التعليقات.

ملفات إضافية:

  • jobs.php - ملف للوظائف الإضافية والتغييرات على الوظائف القياسية لمحرك WordPress ؛
  • searchform.php - كود نموذج البحث ؛
  • screenshot.png - صورة 880 × 660 ، يتم عرض المعاينة في لوحة الإدارة في علامة التبويب "السمات".

قوالب اختيارية (في رأيي):

  • author.php - قالب صفحة المؤلف ؛
  • archive.php - قالب الأرشيف ؛
  • date.php - نموذج لعرض التواريخ ؛
  • tag.php - قالب العلامة ؛
  • attachment.php - قالب صفحة المرفق.

أنا شخصياً ، نادراً ما أستخدم النماذج الخمسة الأخيرة ، وأعيد التوجيه في الغالب إلى الخطأ "الرئيسي" أو "الخطأ 404" عند طلب هذه القوالب. يمكن ترتيب معلومات المؤلف بناءً على page.php ، والأربعة الأخرى تنتج محتوى مكررًا فقط على موقعك ، ويمكن تنفيذ تنظيم المحفوظات بشكل أكثر إنتاجية.

نبدأ بملف style.css ، ونضع مسافة بادئة له ونلصق النص المعلق عليه اسم الموضوع ووصفه في الأعلى.

/ * اسم الموضوع: اسم الموضوع عنوان URI للموضوع: عنوان URL ، إذا كان هناك موقع منفصل حول السمة الوصف: وصف السمة الإصدار: الإصدار ، على سبيل المثال (1.0) المؤلف: اسمك المؤلف URI: عنوان URL لمؤلف السمة * /

يجب تحرير ملف النمط عند توصيل وظيفة WordPress التي تضيف مقتطفات تعليمات برمجية إضافية.

header.php النموذج

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

كان الرمز هكذا.

مدونتي

بعد النقل والتحرير أصبح هكذا.

" /> <?php echo wp_get_document_title(); ?> "rel =" stylesheet "type =" text / css "/>

تحميل...
قمة