المحتوى عن 'جوال'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML5
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. من المؤكد أنك قمت بتصفح الإنترنت من هاتف محمول، ستلاحظ في كثير من المواقع زر فتح قائمة التنقل الموجود في أعلى الموقع الذي بمجرد أن تضغط عليه يقوم بفتح قائمة تنقل الموقع. إضافة هذا الزر إلى موقع ووردبريس الخاص بك سوف تحسن تجربة المستخدم بشكل كبير للمستخدمين الذين يزورون الموقع من أجهزة الهاتف المحمول أو الأجهزة اللوحية. صحيح بأنه يمكنك استعمال إضافة ووردبريس جاهزة للقيام بهذه المهمة أو تنصيب قالب يحوي هذه الميزة ولكن ماذا لو كنت تستعمل قالب خاص بك وتريد إضافة هذه الميزة بنفسك؟ في هذه المقالة سوف أريك كيف تقوم بعمل هذا بمساعدة ووردبريس وبعض تعليمات css وjavascript وتحويل القائمة إلى الشكل المطلوب. ماذا ستحتاج لتتابع مع هذا المقال، ستحتاج إلى: موقع ووردبريس على حاسوبك الذي يحتوي قائمة. قالب ابن للقالب الذي تعمل عليه من أجل أن تبقى تعديلاتك في مكانها عندما يتم تحديث هذا القالب من الإنترنت. سأقوم بتنفيذ هذه التعليمات على موقعي الخاص، الذي يستهدف قائمة التنقل الرئيسية والتي في موقعي الخاص تملك اسم صنف css وهو menu.main ، إذا كان اسم هذا الصنف مختلفًا في موقعك فسوف تقوم بتطبيق التعليمات على اسم الصنف الخاص بقائمتك. القائمة الحالية قائمتي تبدو على أجهزة الحاسب بهذا الشكل: لكن على شاشة الهاتف ليست جميلة: يمكنني تحسين ذلك بجعل محاذاة القائمة إلى المنتصف لكن ذلك سيأخذ الكثير من مساحة الشاشة لذلك سنقوم بعمل زر القائمة الذي بمجرد الضغط عليه سوف تظهر القائمة التي سنقوم بإخفائها في أجهزة الهاتف المحمول. إضافة زر القائمة الخطوة الأولى هي إضافة أيقونة زر القائمة. سوف نقوم بذلك في ملف header.php في قالبك أضف رابط تحت قائمة التنقل الرئيسية ها هو الخاص بي: <?php wp_nav_menu( array( 'container_class' => 'main-nav', 'theme_location' => 'primary' ) ); ?> <a class="toggle-nav" href="#">☰</a> هذا الرابط سيقوم بعمل زر الذي يقوم بفتح وإغلاق زر القائمة وله اسم الصنف togglenav وبداخله الأيقونة وهي في هذه الحالة رمز html. هذا كل ما يتطلب إضافته إلى ملف header.php إذا قمت بإعادة تحميل صفحتك سترى بأن زر القائمة قد ظهر على الشاشة: إخفاء زر القائمة على الشاشات الكبيرة لنبدأ مع شاشات الحاسب ونضيف هذه التعليمات، لكن لا تنسى وضع هذه التعليمات ضمن media query المناسبة لعرض الشاشة: .toggle-nav { display: none !important; } هذا يجعل الرابط الذي يحوي الأيقونة بداخله يختفي. لقد أضفت كلمة important! حتى تبقى هذه التعليمة هي الأقوى و لا يتم الكتابة عليها من قبل التعليمات الآخرى. لقد اختفى. سوف نقوم بإخفائه أيضًا في الشاشات الأصغر من ذلك و لكن سنأتي لهذا لاحقًا. إضافة تنسيقات css لزر القائمة الأن نحن نحتاج لإضافة بعض التنسيقات إلى القائمة في شاشات الهاتف والتي تظهر عندما يضغط المستخدم زر القائمة. أولًا، في ملف css الخاص بك أضف media query المناسبة: @media screen and ( max-width: 480px) { } لقد استهدفت الشاشات التي يبلغ أكبر عرض لها 480px ولكن يمكنك اختيار الأبعاد المناسبة لقائمتك. الآن لنقم بإضافة بعض تعليمات css في media query أولًا سنقوم بإظهار الأيقونة مجددًا و نقوم بوضع تنسيقات لها لتبدو أفضل: .toggle-nav { padding: 15px; margin: 15px; display: inline-block !important; color: #8D7F68; color: #fff; transition: color linear 0.15s; } .toggle-nav:hover, .toggle-nav.active { text-decoration: none; color: #8D7F68; } الأن لنقم بتنسيق القائمة نفسها و إضافة هذه التعليمات في نفس media query : .menu.main { display: inline-block; position: relative; background: #fff; } .menu.main ul { display: none; position: absolute; top: 80%; left: 0px; padding-left: 15px; background: #fff; } .menu.main li { display: block; float: none; } والآن الخطوة الأخيرة هي إضافة javascript المسؤولة عن إظهار القائمة عندما يضغط المستخدم على زر الأيقونة. إضافة سكربت javascript هذه الخطوة تتألف من خطوتين استدعاء السكربت وإضافة التعليمات له. لنقم أولًا باستدعائه. في قالبك أضف مجلدًا جديدًا يسمى scirpts وفي داخله ملف فارغ باسم burger-menu-script.js. الآن افتح ملف functions.php في قالبك وأضف التالي إليه: function wpmu_burger_menu_scripts() { wp_enqueue_script( 'burger-menu-script', get_stylesheet_directory_uri() . '/scripts/burger-menu.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'wpmu_burger_menu_scripts' ); /* الآن قمنا باستدعاء الملف بشكل صحيح وسنضيف التعليمات البرمجية له، افتح ملف وأضف التالي */ jQuery(document).ready(function() { jQuery('.toggle-nav').click(function(e) { jQuery('.menu.main ul').slideToggle(500); e.preventDefault(); }); }); هذه التعليمات استهدفت العنصر الذي له اسم الصنف toggle-nav. و هو في حالتنا الزر و الذي سوف يتم تنفيذ التعليمات عليه عند الضغط عليه من قبل المستخدم و ستعمل دالة slideToggle الخاصة بمكتبة jquery لإخفاء زر القائمة و إظهاره عند الضغط عليه من قبل المستخدم. والآن لنرى النتيجة: وعندما أضغط على الأيقونة تظهر القائمة: وهذا فيديو يوضح كيف تجري العملية: استخدام زر القائمة سيحسن تجربة المستخدم على جهاز الهاتف المحمول إذا اتبعت الخطوات السابقة، سيصبح لديك زر قائمة بسيط والذي سيحسن تجربة المستخدم بشكل كبير عندما يزور المستخدمون موقعك من شاشات صغيرة. ويمكنك فعل ما تشاء لتحسن مظهر هذا الزر وجعله مناسبًا لموقعك. ترجمة -وبتصرّف- للمقال How to Create a Custom Animated Burger Menu for WordPress لصاحبته Rachel McCollin حقوق الصورة البارزة محفوظة لـ Freepik
  2. سنقوم في هذا الدرس بشرح كيفية نقل الملفات من الهاتف المحمول إلى الحاسوب وبالعكس باستخدام برنامج ADB. حيث أن لبرنامج ADB استخدامات عديدة ومتنوعة كتثبيت التطبيقات على نظام الأندرويد وإزالتها وإعادة تشغيل النظام في وضعية الاستعادة وغيرها. ما هو ADB؟ هو برنامج يعمل بإدخال الأوامر البرمجية من خلال برنامج سطر الأوامر في نظام الحاسوب للقيام بمهمات يتم من خلالها التحكم بالهاتف المحمول الذي يعمل بنظام الأندرويد، أو حتى أي أداة موصولة إلى الحاسوب بواسطة USB تعمل بنظام الأندرويد كالحواسب اللوحية. ويعتبر الرمز ADB اختصارًا لعبارة Android Debug Bridge ومعناها جسر تنقيح أندرويد، ويأتي ضمن حزمة تطبيقات تطوير الأندرويد Android Software Development Kit (SDK). وأما هذه الحزمة الأخيرة فيمكن تحميلها بشكل منفرد أو يمكن الحصول عليها كجزء من مجموعة برامج Android Studio لتطوير وبرمجة تطبيقات وألعاب الأندرويد. يمكنك تحميل ما تريده بالتحديد من خلال هذا الموقع الرسمي. ويمكن تنصيبها لتعمل على مختلف أنظمة الحاسوب كنظام ويندوز وماكنتوش وأنظمة لينكس، وسأشرح هنا كيفية تنصيبها لنظام الويندوز بما أن السواد الأعظم من المستخدمين يستخدمون هذا النظام. تنصيب ADB ادخل أولًا إلى صفحة تحميل حزمة برامج Android Studio وستجد في آخر الصفحة خيارات التحميل المتاحة. بالإمكان تحميل الحزمة كاملة وسيتجاوز حجمها 1 جيجابايت أو تحميل حزمة أدوات سطر الأوامر Command Line Tools في الجدول السفلي والتي لن يتجاوز حجمها 200 ميجابايت، ولدى النقر على رابط التحميل ستظهر نافذة تتضمن الشروط والأحكام وبعد موافقتك عليها تستطيع البدء بالتحميل. هناك رابطان للتحميل لنظام الويندوز الأول لتحميل الحزمة جاهزة للتنصيب مباشرة والثانية تتضمن الحزمة مضغوطة بدون ملف التنصيب، لايهم أيهما تختار فكلاهما يتضمنان الملفات ذاتها ولكن المهم هو تحديد أين سيتم تنصيب أو فك ضغط هذه الحزمة لنتمكّن من إيجاد ملف ADB وتشغيله. فإذا حمّلت الحزمة من الرابط الأول فسيظهر لك ملف التنصيب، قم بالنقر المزدوج عليه فتظهر نافذة التنصيب انقر على Next ليقوم بالتحقق من وجود Java Runtime environment أو Java Developing kit على حاسوبك اضغط على Next وصلنا هنا للنقطة المهمة وهي تحديد المسار الذي سيتم فيه التنصيب حيث أننا سنحتاج إلى مسار سهل يمكننا الوصول إليه بسهولة لنتمكن من العمل على ABD فيما بعد، لذلك اختر المسار بنفسك أو احفظ المسار الحالي للتنصيب. اضغط على Next وستبدأ عملية التنصيب بعد الانتهاء من التنصيب سيتم تشغيل برنامج إدارة الحزمة، وذلك مهم جدًّا لمعرفة إذا كان ADB مثبتًّا ضمن الحزمة أم لا. والطريقة الثانية هي بتحميل الحزمة مضغوطة كملف ZIP وبعدها نقوم بفك الضغط في مسار سهل أيضًا. في كلا الحالتين قمت بوضع الحزمة في المسار القرص الصلب C لسهولة إيجاده. والآن سنقوم بتشغيل برنامج إدارة الحزمة ليظهر كما في الصورة. يجب الانتباه إلى خيار Android SDK platform tools الذي يجب أن يكون مثبتًّا حيث يحوي هذا الخيار على برنامج ADB فإذا كان مثبّت فيمكنك إغلاق البرنامج والمتابعة، وإذا كان غير مثبّت فسيتوجب علينا تثبيت هذه الأدوات، ستجد أن هناك مجموعة من الخيارات مفعّلة وجاهزة لعملية التحميل أيضًا، ولكننا في الوقت الراهن لن نحتاج إليها لذلك ألغِ التفعيل عنها واحتفظ فقط بخيار تحميل أداوت Android SDK platform tools ثم انقر على Install لتبدأ عملية التثبيت. وبعد الانتهاء نغلق البرنامج. وبذلك نكون قد انتهينا من تثبيت ADB ضمن الحاسوب وأصبح جاهزًا للاستخدام. ويبقى فقط أن نتأكّد من أن ملفات التعريف الخاصة بالهاتف المحمول مثبّتة ضمن الحاسوب وهي تختلف بحسب الشركة المصنعة للهاتف وستجدها في الموقع الرسمي لكل شركة من هذه الشركات أو في بعض الأحيان ضمن القرص المدمج المرفق مع الهاتف. تجهيز الهاتف المحمول يجب أن يكون الهاتف موصولًا بوصلة USB التي تأتي مع الهاتف غالبًا أو ستضطر لشرائها بشكل منفرد من الأسواق. والمهم هنا أن يتم تفعيل ميزة USB Debugging (تصحيح USB) على الهاتف المحمول من ضمن قائمة Developer (خيارات المطوّر). انقر على أيقونة قائمة تطبيقات الهاتف (أيقونة المربعات). ثم انقر على أيقونة الضبط (الإعدادات). الآن ابحث عن Developer (خيارات المطوّر) وإذا كانت هذه القائمة غير ظاهرة فيمكنك إظهارها من خلال التوجه إلى قائمة (حول الهاتف). ثم النقر على سطر Build (رقم الإصدار) الموجود ضمن تلك القائمة لنحو 10 مرات متتالية. ثم العودة لرؤية قائمة Developer (خيارات المطوّر) وقد ظهرت هذه المرة. وبعد أن ظهرت قائمة Developer (خيارات المطوّر) المخفية سنقوم بتفعيل USB Debugging (تصحيح USB). البدء باستخدام ADB بعد أن نجحنا في تثبيت هذا البرنامج ضمن حزمة Android Software Development Kit (SDK) سنبدأ بالتعرّف على كيفية استخدامه عبر شرح أبسط وأهم الأوامر المستخدمة من خلاله. طبعًا هناك الكثير من الأوامر لهذا البرنامج ولكننا لن نتطرّق لها جميعها لأن هذا سيحتاج إلى عدة دروس لتغطيتها جميعها. وللعمل على البرنامج فسنحتاج إلى تشغيل محرر الأوامر الخاص بالويندوز وهو البرنامج ذو واجهة DOS السوداء التقليدية والذي يعمل من خلال الملف CMD.EXE الموجود في مجلد النظام وحتى نتجنب عملية البحث عن هذا البرنامج وإدخال المسار الخاص بملف ADB في كل مرة فسنقوم بوضع ملف تشغيل سريع لمحرر الأوامر يتضمن المسار الصحيح في كل مرة لنضعه على سطح المكتب. افتح برنامج ‘المفكرة‘ ثم اكتب هذا النص بداخله @ECHO OFF CD /D "C:\android-sdk-windows\platform-tools" CMD وسيكون كما في الصورة ولا تنسَ أن تضع المسار الصحيح الذي يتضمن ملف ADB وكما أسلفتُ سابقًا فأنا اخترت له مسارًا سهلًا على القرص الصلب C ثم اذهب إلى القائمة File > Save As أو بالعربي ملف > حفظ باسم ثم اكتب في خانة اسم الملف الاسم "ADB.bat" وضع خانة نوعية الملف على جميع الملفات "*.*" ثم اضغط حفظ. مع التأكد من أن مسار الحفظ هو سطح المكتب. وستجد الآن الملف موجودًا على سطح المكتب كما في الصورة. وبعد النقر المزدوج عليه لفتح سيفتح محرر الأوامر وعليه مسار ملف ADB جاهزًا كما في الصورة. و سنبدأ بتجربة ADB بداية سنبدأ من خلال الأمر adb devices والذي سيعرض الأجهزة المتصلة بالحاسوب والتي تعمل بنظام الأندرويد، طبعًا يجب أن تكون قد وصّلت الهاتف بالحاسوب عبر وصلة USB واستكملت الشروط الأخرى التي تحدثنا عنها في الأعلى. وبالصورة التالية سترى كيفية تنفيذ هذا الأمر والنتيجة التي ظهرت لنا. كما تشاهد فإنّ الهاتف المحمول الموصول تم عرضه بناء على الأمر الذي كتبناه بدءًا بالأمر adb ولو كان هناك أكثر من جهاز أندرويد موصول فسيتم عرضها جميعًا بالترتيب. بعض أوامر ADB الشهيرة سنتعرف الآن على بعض أشهر الأوامر المستخدمة في ADB. وسنبدأ أولًا بالأمر reboot والذي سيقوم بإعادة تشغيل جهاز الأندرويد الموصول بالحاسوب. ويكتب بهذه الطريقة. adb reboot لن تشاهد أي شيء يحصل في نافذة محرر الأوامر كما في الصورة إلا أن الهاتف سيُعاد تشغيله مباشرة وبسهولة مطلقة بعكس ما يحصل عادة لو حاولت إعادة تشغيله بالطريقة التقليدية وهذا يدل على قوة ADB. الأمر reboot recovery والذي يجعل الهاتف يعيد التشغيل مع الإقلاع بوضعية الاستعادة recovery والتي نحتاجها في بعض الحالات مثل جعل الهاتف في وضعية ROOT وهذا ينطبق على بعض الأنواع. ويكتب بهذه الطريقة. adb reboot recovery وهناك سلسلة أوامر Shell الخاصة والتي تتيح التحكم بالهاتف بشكل أوسع كنقل ونسخ وحذف الملفات والبرامج وعرض محتويات المجلدات والكثير غيرها من الأوامر، وصيغة كتابة أوامر Shell على الشكل التالي. adb shell <command> حيث أن<command> هو الأمر الذي نريد تنفيذه. نقل الملفات بين الحاسوب والهاتف المحمول يمكننا باستخدام ADB نقل الملفات من الحاسوب إلى الهاتف المحمول وبالعكس. يتم ذلك عبر استخدام الأمر PULL لنقل الملفات من الهاتف إلى الحاسوب والأمر PUSH لنقل الملفات من الحاسوب إلى الهاتف المحمول. يتطلب هذا الأمر معرفة اسم الملف مع امتداد الملف (الصيغة) بالإضافة إلى موقع الملف المسحوب من على الهاتف أو الموقع الذي سيتم إرساله إليه إضافة إلى الموقع المطلوب أيضًا على الحاسوب. حيث سنستخدم كما قلنا سابقًا برنامج CMD لكتابة الأوامر المطلوبة من خلاله. سنقوم أولًا بسحب ملف من الهاتف إلى الحاسوب. افتح محرر الأوامر CMD واذهب إلى موقع ملف ADB ثم اكتب الأمر adb pull /sdcard/hsoubaca.jpg هذا الأمر سيقوم بسحب ملف الصورة hsoubaca.jpg من على ذاكرة الهاتف من خلال الموقع المحدد إلى موقع المجلد الذي يحوي برنامج ADB على الحاسوب. الصورة التالية توضح العملية. يمكنك طبعًا استبدال موقع الملف المطلوب سحبه كاملًا بحسب موقع ملفك الخاص. سنقوم الآن بإرسال ملف من الحاسوب إلى الهاتف المحمول. ولنفترض أننا سنقوم بإرسال الملف Zaher.txt إلى مجلد Text على ذاكرة الهاتف المحمول بحيث أن هذا الملف موجود على سطح المكتب لدي، وبذلك سيكون الأمر الواجب إدخاله على الشكل التالي. adb push c:/users/Zaher/desktop/Zaher.txt /sdcard/Text وسيظهر من خلال CMD كما في هذه الصورة. كما تشاهد فقد وضعنا أمر نسخ الملف إلى الهاتف adb push أولًا ثم وضعنا كامل موقع الملف المراد إرساله على الحاسوب مع اسم الملف في النهاية ثم وضعنا بعد فراغ واحد الموقع المطلوب نسخ الملف إليه على الهاتف المحمول. وبإمكاننا نسخ مجلدات كاملة بين الطرفين عبر وضع مسار المجلد بدل مسار الملف. الخاتمة لا زال هناك الكثير من الأوامر المفيدة الخاصة بـ ADB كتثبيت التطبيقات على الهاتف وإزالتها بالإضافة إلى سلسلة أوامر Shell الخاصة والمميزة وقد نتطرّق لها في دروس قادمة بإذن الله. حيث يمكن القيام على سبيل المثال إجراء نسخة احتياطية واستعادتها والقيام بإعادة الإقلاع في وضعيات مختلفة بحسب النمط المطلوب تنفيذه بالإضافة إلى غيرها من الأوامر والعمليات التي من الممكن القيام بها من قبل المطوّرين.