it-swarm.asia

كيف تصنع سمة جديدة من الصفر؟

أنا جديد على وورد.

ما الخطوات التي يجب علي القيام بها ، لتنفيذ تصميمي الجديد كموضوع WordPress؟

5
googletorp

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

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

  1. أولاً ، صمم التصميم الخاص بك في كود ثابت: HTML و CSS. تأكد من أنه سهل التصفح عبر المستعرض ويتضمن جميع العناصر التي من شأن مدونة WordPress (مثل التعليقات وصفحات الأرشيف وما إلى ذلك). أيضًا ، ضع كل شفرة CSS في ملف واحد باسم "style.css" وتأكد من أن جميع مراجع الملفات الخارجية (بالنسبة إلى CSS ، الصور ، JS ، إلخ) تستخدم عناوين URL النسبية ، وليس عناوين URL المطلقة.

  2. احصل على WordPress يعمل على جهازك المحلي. سيتطلب ذلك تثبيت Apache و PHP و MySQL على سطح المكتب أو الكمبيوتر المحمول. إذا كنت تستخدم Windows ، فإن WampServer هو حل لطيف. إذا كنت تستخدم جهاز Mac ، MAMP يعمل جيدًا أيضًا. ثم تثبيت وورد.

  3. افتح ملفات السمة الافتراضية التي تأتي مع حزمة تثبيت WordPress. إنه موجود في المجلد/wp-content/themes/default/folder. ربما يحتوي هذا المظهر على ملفات أكثر مما ستحتاج إليه. كبديل ، يمكنك أيضًا البدء بالسمة الكلاسيكية بدلاً من ذلك ، والتي تحتوي على عدد أقل من ملفات السمة ، في/wp-content/theme/classic/بالطبع. راجع للشغل: يتم تحديد السمة الافتراضية افتراضيًا (duh) ، ولكن إذا كنت تريد أن تبدأ مع السمة الكلاسيكية ، فتأكد من تنشيط هذا السمة داخل المشرف WP، حتى تتمكن من رؤية كيف يبدو.

  4. في المستعرض الخاص بك ، احتفظ بقسم تطوير السمات من WordPress Codex مفتوحًا. ستحتاجها كثيرًا. في قائمة ملفات القوالب ، سترى كيف تقوم هذه القائمة بتعيين الخرائط للملفات التي تراها في السمة الافتراضية (أو الكلاسيكية). بعض ملفات السمات مطلوبة ، بعضها غير مطلوب.

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

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

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

وبعد ذلك ، ستتمكن من نقل أجزاء من الكود PHP (والتي هي WordPress ' علامات القوالب ) خارج السمة الافتراضية أو الكلاسيكية ، وفي HTML الخاص بك. وذلك عندما تتخرج إلى رجل رحلة.

(أنا أفكر في أحد كبار الرحالة شخصًا يمكنه كتابة عناصر واجهة المستخدم والإضافات والموضوعات الخاصة به بسهولة كبيرة. وماجستير ، حسنًا ، في هذه المرحلة ، تساهم في العودة إلى WordPress Core. أنا لست كذلك بالتأكيد).

آمل أن يساعد هذا.

11
Mike Lee

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

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

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

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

3
Grant Palin

يمكنك بدء نسختك الخاصة من نقطة الصفر أو يمكنك استخدام أطر السمات الحالية مثل Thematic ( http://themeshaper.com/thematic/ ) وتطوير موضوع من حولهم. إذا كنت ترغب في تطوير السمة بأكملها من البداية http://codex.wordpress.org/Theme_Development وموارد أخرى مثل وورد الدستور قد تكون مفيد جدا. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ هو أيضا كبير جدا وورد موضوع إنشاء تعليمي للمبتدئين.

0
User

أبدأ دائمًا بـ WPBasis كموضوع بداية وكتابة المكونات الإضافية والموضوع لمتطلبات العميل - هذا كل شيء

0
bueltge