محمد سيد أحمد4

مرحبا مجتمع حسوب،

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

بتاريخ 3 ساعات قال بلال زيادة:

لم أجد أنك أضفته ، هل يمكنك إرفاق كيف قمت بتضمينه في ملف functions.php

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {

wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );

}
function child_theme_slug_setup() {
    load_child_theme_textdomain( 'parent-theme-slug', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'child_theme_slug_setup' );

?>

هذا الكود الكامل لملف functions.php في القالب الإبن

بتاريخ 2 ساعات قال بلال زيادة:

يجب عليك إضافة الكود التالي في ملف functions.php في القالب الأبن 

function child_theme_slug_setup() {
    load_child_theme_textdomain( 'parent-theme-slug', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'child_theme_slug_setup' );

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

جربت هذا الكود من قبل ولم يعمل معي ، وجربته مرة ثانية نفس النتيجة 

بتاريخ 1 دقيقة مضت قال بلال زيادة:

هل يمكنك ارفاق ملفات القالب ؟ 

child.zip

enjoytube.zip

بتاريخ 8 ساعات قال بلال زيادة:

هل تأكدت من خلو ملف التعريب من الأخطاء ، أيضا حاول استخدام دالة 

esc_html_e()

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

الملف خالي من الأخطاء يعمل عندما أنقله بنفسي في مدير ملفات ووردبريس إلى مجلد languages ثم themes وهنا يوجد جميع ملفات اللغة الخاصة بالقوالب ،

ولكن لا أريد هذه العملية بالطبع ،

عفوا لم أفهم الكود ، هل يمكنك كتابة الكود كامل ؟ وأين أضعه 

السلام عليكم :

لدي قالب أضفت له تعريب لقالب ابن ، المشكلة لا تظهر التعريب بشكل تلقائي ، 

في ملف القالب الأب أنشأت ملف بإسم languages ووضعت بداخلة ملفين الترجمة ar.po , ar.mo وفي ملف functions.php أضفت الدالة :

load_child_theme_textdomain( 'إسم القالب', get_stylesheet_directory() . '/languages' );

مع تغيير اسم القالب ، هل هذه الطريقة صحيحة؟

بتاريخ 10 ساعات قال Hassan Hedr:

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

• مجلد القالب الابن يجب وضعه ضمن مجلد wp-content/themes 
• اسم القالب الأب يطابق "enjoytube"
• تفعيل القالب الابن ضمن الموقع بعد اتمام الخطوات السابقة

شكرأ لك ظهر عندي ، ولكن لدي مشكلة أخرى القالب الابن لا يستدعي خصائص القالب الأب ،

ما السبب في ذلك ؟

السلام عليكم

لدي قالب ووردبرس أعمل على إنشاء قالب ابن له ولكن لا يظهر في قائمة القوالب 

أولاً أضفت المجلد child الى ملفات القالب ثم أنشأت ملفين style.css & functions.php

في ملف style.css أضفت الكود التالي

/*
 Theme Name:    Child
 Theme URI:    http://example.com
 Description:  هذا هو قالب ابن من القالب الأب الأساسي
 Author:      WPEnjoy
 Author URI:    https://wpenjoy.com
 Template:     enjoytube
 Version:      1.0.2

*/

وفي ملف functions.php أضفت الكود التالي : 

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'child-style', get_stylesheet_uri(),
        array( 'parenthandle' ), 
        wp_get_theme()->get('Version') // this only works if you have Version in the style header
    );
}

فما المشكلة في القالب  ؟

بتاريخ 6 ساعات قال بلال زيادة:

هل يمكنك التفصيل أكثر أنك لا تستطيع تعريب القالب الا بالاشتراك بالباقة ؟ اي باقة تقصد؟ 

اقصد لا يمكن رفع قالب او تثبيت اضافة على الووردبريس الا بالاشتراك بباقة الاعمال في الموقع ، فهل يوجد طرق مجانية ؟ حتى يمكنني تجريب القالب , 

او هل يمكن تشغيل القالب ومتابعة التعديلات بشكل مباشر مثل التحزيم في webpack ? 

السلام عليكم

اعمل على مشروع تعريب قالب ووردبريس 

ولكن لايمكنني تجريب القالب الا بالاشتراك بالباقة

فهل يوجد طريقة اخرى اجرب بها القالب؟

هل أستخدم جميع المحملات التي ذكرتهم ؟

asset/resource هي بديل لـ file-loader

asset/inline بديل لـ url-loader

asset/source بديل لـ raw-loader

لترتيب الملفات المصدرية ؟ 

جربت استخدام asset/resource ولم يعطي تنيجة

مرحباًُ

أعمل على مشروع تطوير واجهات المستخدم ، و أريد ترتيب الملفات المخرجة من برنامج webpack كالتي موجودة في الملفات المصدرية ، 

فا عند عمل بناء للملفات لا تظهر كما هي في الملفات المصدرية ، نسخة webpack 5 ، كان يوجد شيئ اسمه file-loader في webpack 4 ولم يعد موجود في الإصدار الحديث ، فهل يوجد بديل له؟

بتاريخ 3 ساعات قال أسامة زيادة:

يبدو أنك قمت بإنشاء carousel  بشكل خاطئ ، الطريقة الصحيحة لإنشاء carousel  كالتالي 

أولا في html نقوم بإضافة أكواد carousel 

<div id="gallery1">
            <div id="#carousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#carousel" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel" data-slide-to="1"></li>
                  <li data-target="#carousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img class="d-block w-75" src="./images/first round/fr-1.jpg" alt="First slide">
                  </div>
                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/first round/fr-2.jpg" alt="Second slide">
                  </div>
                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/first round/fr-3.jpg" alt="Third slide">
                  </div>
                </div>
                <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
        </div>

ثانياً بعد إضافة الأكواد يجب التأكد من تضمين مكتبة bootstrap , jquery بهذا الشكل 

css

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

js ، ملاحظة تضمين jquery يجب أن يكون قبل تضمين bootstrap

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

ثالثاً في ملف Javascript تقوم بإضافة الأكواد التالية ،و يجب الانتباه بدون تضمين jquery لن تعمل أكود Javascript

$(document).ready(function () {
    $('.carousel').carousel({
        interval: 2000
    });
});

 

أنا حملت jquery عن طريق npm ,وضمنتها في ملف index.js

import 'jquery/dist/jquery.min.js';

import 'bootstrap/dist/css/Bootstrap.min.css';

import 'bootstrap/dist/js/bootstrap.min.js';

import "./css/style.css";

import './scss/style.scss';

ثم في ملف index.html وضعت رابط التضمين :

   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

لم تعمل الأزرار ، هل jquery هي المسؤولة عن الأزرار أم يكفي كود bootstrap ?

السلام عليكم

أريد إنشاء معرض صور يتنقل عبر الصور من خلال الأزرار ووضعت الكود من موقع bootstrap ولكن عند الضغط على الأزرار لا يمكن التنقل بين الصور 

<div id="gallery1">
            <div id="#carousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#carousel" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel" data-slide-to="1"></li>
                  <li data-target="#carousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img class="d-block w-75" src="./images/first round/fr-1.jpg" alt="First slide">
                  </div>
                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/first round/fr-2.jpg" alt="Second slide">
                  </div>
                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/first round/fr-3.jpg" alt="Third slide">
                  </div>
                </div>
                <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
        </div>

ولقد أضفت كود في ملف الجافا سكربت 

$(document).ready(function () {
    $('.carousel').carousel({
        interval: 2000
    });
});

هل هذا الكود صحيح؟ علما أن الصور تتنقل تلقائيا ولكن أزرار التنقل لا تعمل ، نسخة "bootstrap": "^5.1.3", 

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

ولكن المشكلة أنه يعمل تحزيم وكله تمام ولكن لا يحدث الصفحة بشكل تلقائي هذا الكود في ملف webpack.config.js

  devServer: {
        static: './dist',
      },

وفي ملف package.json :

 "scripts": {
    "watch": "webpack --watch",
    "start": "webpack serve --open",
    "build": "webpack"
  },

أعطيه الأمر npm start 

فايبدأ بالتحزيم ويفتح لي صفحة على بورت معين

ولكن عند العمل على المشروع لا يحدث الصفحة بشكل تلقائي ، ماهي المشكلة ؟

السلام عليكم أخواني

معي رصيد حوالي 20 أ و30 $ على الإنترنت كيف ممكن أستثمره على الإنترنت مثل إنشاء مدونة وإشهارها أو ممكن حدا عندو فكرة تانية لا تحتاج خبرة 

ياريت من أصحاب الخبرة يفيدونا واللي مجرب هيك قصص

وشكراً