لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 05/15/19 في كل الموقع
-
لقد أصبحت التجارية الإلكترونية E-Commerce تُستخدم على نطاق واسع عالميًا، ولا بد من أنّك استخدمت شكلًا من أشكالها من قبل. تتم التجارة الإلكترونية باستخدام مجموعة متنوعة من التطبيقات، من ضمنها المتاجر الإلكترونية. قد يبدو إنشاء المتجر الإلكتروني وإعداده مهمة شاقة، لكن بوجود ووردبريس وملحقاته أصبحت هذه المهمة سهلة جدًا. من هذه الملحقات WooCommerce. يعتبر WooCommerce من منصات التجارة الإلكترونية الآمنة والمستقرة. وهو من المحلقات الأكثر شعبية الذي يساعدك على إنشاء متجر إلكتروني قائم على ووردبريس، وإدارته بسهولة. من مميزات ملحق WooCommerce أنه مجاني، آمن جدًا، ذو مرونة عالية (بإمكانك بيع مختلف الفئات من المنتجات)، مفتوح المصدر، بالإضافة إلى أنّه سهل الاستخدام. تثبيت WooCommerce لكي تستخدم WooCommerce يجب أن تقوم بتثبيته أولًا عبر لوحة التحكم في ووردبريس. قم بتسجيل الدخول إلى موقعك ثم اذهب إلى: لوحة التحكم Dashboard > إضافات Plugins > أضف جديد Add New في حقل البحث اكتب "woocommerece" ثم اضغط Enter: سيكون الملحق هو النتيجة الأولى، انقر على زر التثبيت Install Now: سيتم تنزيل الملحق وتثبيته. بعد التثبيت سيكون لديك خياران، إما تفعيل الملحق Activate Plugin، أو العودة إلى نافذة مثبّت الملحقات Return to Plugin Installer: انقر على Activate Plugin لفتح نافذة مرشد (wizard) تهيئة الملحق، وهو عبارة عن خطوات بسيطة تساعدك على ضبط إعدادات صفحات WooCommerce، إعدادات المتجر، إعدادات الضريبة والشحن، بوابات الدفع وغيرها الكثير. الأمر راجع لك سواء كنت ترغب في استخدام المرشد أو لا. لتخطي هذه الخطوات انقر على Not Right Now. لكننا نوصي بالمواصلة والنقر على "!Let's Go" إذا كانت هذه هي المرة الأولى التي تقوم فيها بضبط إعدادات WooCommerce: الخطوة الأولى ستكون نافذة إعداد الصفحة Page Setup، ومن خلالها يتم إنشاء 4 صفحات يحتاج WooCommerce إلى تشغيلها، وهي المتجر Shop، السلّة Cart، المحاسبة/الدفع Checkout، وصفحة حسابي My Account. وهذه الصفحات تشبه الصفحات العادية في ووردبريس. سيقوم WooCommerce بإنشائها وإضافة شيفرات مختصرة shortcodes إليها لجعلها تعمل كما يجب: انقر على Skip this step إذا لم تكن ترغب في إنشاء هذه الصفحات، أو Continue لكي يقوم WooCommerce بإنشائها. الخطوة الثانية هي نافذة Store Locale: في الحقل الأول قم بتحديد الموقع الذي يوجد فيه متجرك، حدد البلد (والمدينة إن وجدت) من القائمة، أو قم بإدخال اسم البلد بواسطة لوحة المفاتيح. هذا الخيار سيساعدك لاحقًا في ضبط إعدادات الشحن والضريبة. الحقل الثاني خاص بالعملة التي يستخدمها متجرك، وستجد أنّها محددة تلقائيًا اعتمادًا على الموقع. يمكنك تغييرها من القائمة، أو النقر على رابط add it later إذا لم تكن العملة موجودة ضمن القائمة. من الحقلين الأخيرين حدّد الوحدات التي تريد استخدامها لقياس وزن وأبعاد المنتج. ستحدد هذه الخيارات تلقائيًا أيضًا واعتمادًا على الموقع، لكن بإمكانك تغييرها. بعد تحديد جميع خياراتك انقر على Continue للمواصلة. الخطوة الثالثة هي إعدادات الشحن والضريبة Shipping & Task: إذا كنت ستقوم بشحن سلع ماديّة، قم بتأشير الخيار Yes, I will be shipping physical goods to customers. ستلاحظ ظهور 4 حقول. في الحقلين العلويين قم بإدخال كلفة الشحن المحلي Domestic Shipping لكل طلب و/أو لكل سلعة. وفي الحقلين السفليين قم بإدخال كلفة الشحن الدولي International Shipping لكل طلب و/أو لكل سلعة. وإذا كنت ستقوم بفرض ضريبة مبيعات، قم بتأشير الخيار Yes, I will be charging sales tax. سيظهر خياران إضافيان. حدد الأول، I will enter prices inclusive of tax، إذا كنت ستقوم بإدخال أسعار شاملة للضريبة، أو الثاني، I will enter prices exclusive of tax، إذا كنت ستقوم بإدخال أسعار غير شاملة للضريبة. بعد تحديد خياراتك انقر على Continue للمواصلة. الخطوة الرابعة هي إعدادات الدفع Payment. بإمكانك من هذه النافذة إعداد القليل من بوابات الدفع المدرجة، PayPal Standards و Offline Payments: فإذا كنت تقبل استلام المدفوعات عبر PayPal، قم بإدخال عنوان بريدك الإلكتروني على PayPal في حقله المخصص. وإذا كنت تريد تمكين استلام المدفوعات بالطرق التقليدية، قم بتأشير Cheque Payments لتمكين الدفع عبر الصكوك، Cash on Delivery لتمكين الدفع عند التسليم، أو (Bank Transfer (BACS لتمكين الدفع عبر الحوالات المصرفية. يمكنك تمكين أحد هذه الطرق أو جميعها. الخطوة الأخيرة هي نافذة !Ready، وفيم يتم سؤالك فيما إذا كنت تريد المساعدة في تحسين WooCommerce بالسماح لموقع WooThemes بتجميع البيانات التشخيصية غير الحساسة ومعلومات الاستخدام، وفي المقابل تحصل على تخفيض 20% عندما تقوم بشراء قالب من WooThemes في المرة القادمة. انقر على Allow للسماح بإرسال البيانات أو No Thanks لعدم السماح بذلك. بعد ذلك بإمكانك الشروع في إنشاء منتجك الأول، أو الاطلاع على المزيد من المصادر من قسم Learn More. وكذلك بإمكانك العودة إلى لوحة التحكم في ووردبريس بالنقر على Return to WordPress dashboard إذا لم تكن ترغب في إنشاء المنتج حاليًا. ستلاحظ وجود WooCommerce ضمن قائمة لوحة التحكم، ومنه يمكنك الوصول إلى الطلبات Orders، القسائم Coupons، التقارير Reports، الإعدادات Settings، حالة النظام System Status، وكذلك الإضافات Add-ons التي قد تستخدمها. وكذلك ستلاحظ وجود قائمة خيارات للمنتجات، والتي من خلالها يمكنك تحديث المنتجات الحالية Products، إضافة منتجات جديدة Add New، إدارة فئات المنتجات Categories، العلامات Tags، أنواع الشحن Shipping Classes، والسمات Attributes: إعدادات عامة General بعد أن تم تثبيت الملحق والانتهاء من ضبط إعدادات التهيئة، قم بضبط إعدادات متجرك. من لوحة التحكم اذهب إلى: WooCommerce > Settings ستفتح صفحة تحتوي على مجموعة تبويبات، وكل تبويب يحتوي على الإعدادات ذات الصلة. وبعض هذه التبويبات يحتوي على تبويبات فرعية أيضًا. على سبيل المثال يحتوي تبويب Products على إعدادات عامة General، العرض Display، مخزون السلع/الجرد Inventory، والمنتجات القابلة للتنزيل Downloadable Products: سنقوم في هذه الفقرة بشرح الإعدادات العامة الرئيسية في تبويب General: بعض الإعدادات في هذا التبويب قمنا بضبطها سابقًا من خلال مرشد التهيئة كالموقع Location والعملة Currency. من قائمة Selling Location يمكنك أنّ تحدد الخيار Sell to specific countries إذا كنت تريد البيع لبلدان محددة. ثم قم بإدخال أسماء تلك البلدان في حقل Specific Countries: أما حقل Default Customer Address فيساعد على تحديد العنوان لحساب الضريبة وكلفة الشحن قبل أن يقوم المشتري بإدخال عنوانه عند الدفع: يحتوي الحقل على أربعة خيارات: No Address: وكما هو واضح من الاسم، يعني عدم استخدام عنوان محدد، مما يتطلب من المشتري أن يقوم بإدخال الرمز البريدي zip code لحساب كلفة الضريبة والشحن على أساسه. Shop base address: عند تحديد هذا الخيار سيتم استخدام عنوان موقع متجرك الأساسي لحساب الضريبة والشحن. Geolocate: هذا الخيار يعني أنّه سيتم استخدام عنوان IP للمشتري، ومن ثم اختيار الرمز البريدي لأقرب موقع لحساب الضريبة والشحن على أساسه. (Geolocate (with page caching support: استخدم هذا الخيار إذا كان لديك أي نوع من التخزين المؤقت (caching) على موقعك، وتريد استخدام خيار تحديد الموقع Geolocate. الخيار التالي هو Store Notice والذي عند تأشيره ستتمكن من إضافة ملاحظة في الجزء العلوي من موقعك تظهر لجميع الزائرين. على سبيل المثال يمكنك استخدامها لإخبار الزائر بأنّك تبيع منتجات محددة أو لمناطق محددة فقط: بعد تأشير هذا الخيار قم بإدخال رسالتك في الحقل المخصص. علمًا أنّه يمكن تنسيقها لاحقًا بواسطة CSS لتتناسب مع مظهر موقعك. الخيارات الأخيرة هي خاصة بالعملة: في WooCommerce يمكنك استخدام عملة واحدة فقط والتي تُحدد في حقل Currency. بعدها قم بضبط موضع رمز العملة من حقل Currency Position. ثم قم بضبط نوع الفاصل الذي يستخدم لفصل الآلاف Thousand Separator، نوع الفاصلة العشرية Decimal Separator، وكذلك عدد المراتب العشرية بعد الفاصلة Number of Decimals. بعد ضبط جميع الخيارات انقر على Save Changes. بهذا نصل إلى نهاية الدرس، لكن هناك المزيد لتعلّمه حول ضبط إعدادات المتجر. تابع معنا الدروس القادمة. هل ترغب في متجر ووكومرس احترافي لبدء تجارتك الإلكترونية؟ احصل على خدمات مميزة لإنشاء متجرك الإلكتروني وتحسينه وإدارته على خمسات أنشئ متجر ووكومرس الآن1 نقطة -
يمكن ذلك كالتالي.. وإن كنت تقصد شيئ أخر الرجاء توضحه import java.util.*; class Teacher{ private int number; private String name; private int age; public Teacher(int number, String name, int age){ this.number = number; this.name = name; this.age = age; } public String toString() { return this.getName()+"\n"; } public String getName() { return this.name; } // .... Getters and Setters. public static void main(String[] args) { List<Teacher> teachers = new ArrayList<Teacher>(); Scanner input = new Scanner(System.in); System.out.println ("Enter the name of the teacher"); String teacherName= input.next(); System.out.println ("Enter the number of the teacher"); int teacherNumber= input.nextInt(); System.out.println ("Enter the age of the teacher"); int teacherAge= input.nextInt(); Teacher t = new Teacher(teacherNumber, teacherName, teacherAge); teachers.add(t); for (Teacher teacher : teachers) { System.out.println(teacher.toString()); } } }1 نقطة
-
سنتعلم في هذا الدرس كيفية القيام بإنشاء تأثير مخطط هندسي أزرق في برنامج أدوبي فوتوشوب. إن كنت تعتقد بأنك ستجلس لساعات طويلة في رسم مخطط هندسي تقني فأنت مخطئ، سنقوم بخدعة خاصة في الفوتوشوب لإنشاء هذا النوع من المخططات في دقائق. سنستخدم بعض المرشحات الموجودة في الفوتوشوب لإنتاج الخطوط الأساسية من صورة مصدرية ومن ثم سندمج بعض نقوش خطوط الشبكات والخامات للحصول على الواقعية في التصميم. الواقعية في تأثير المخطط الهندسي الأزرق يعتمد كليًّا على الصور المصدرية التي سنعمل عليها. ومن أجل نتائج أفضل استخدم صورة الموضوع من الأمام، الجانب والأعلى، مدمجين في مستند واحد. المخططات الهندسية الزرقاء الحقيقية مرسومة بدقة وبتفاصيل تقنية خاصة بينما الصورة التي سنقوم بتطبيق التأثير عليها ستحوي دائمًا تفاصيل إضافية غير مرغوب بها وانعكاسات. إن التصيير (الرندر) ثلاثي الأبعاد للمخطط أو رسومات الفكتور يمكن استخدامها مباشرة بدون تعديلات الفوتوشوب ولكن في هذا الدرس سأشرح كيفية إنشاء مثال بناءً على صورة فوتوغرافية لمنزل. افتح الصورة المصدر ببرنامج الفوتوشوب. صورة هذا المنزل هي صورة مجانية بعنوان House Lights Turned On. اذهب إلى القائمة Image > Adjustments > Desaturate لإزالة الألوان من الصورة وجعلها بيضاء وسوداء. اذهب إلى القائمة Filter > Stylize > Find Edges لإنشاء مظهر الخطوط الأساسية التي تشكّل تأثير المخطط الهندسي الأزرق. المخططات الهندسية الزرقاء عمومًا هي عبارة عن خطوط مرسومة بلون فاتح فوق خلفية زرقاء داكنة لذلك اذهب إلى القائمة Image > Adjustments > Invert لعكس الألوان. الصورة تتضمن عناصر غير مرغوبة في المساحات المحيطة والتي لا يجب أن تكون ضمن المخطط الهندسي الأزرق. استخدم أداة القلم لتتبع العناصر المحيطة المطلوبة ثم انقر بالزر الأيمن واختر Make Selection. بما أن التحديد مفعّل انقر على أيقونة قناع الطبقة Layer Mask أسفل لوحة الطبقات لعزل العناصر على خلفية شفافة. أنشئ طبقة جديدة واسحبها تحت طبقة الصورة الأساسية. لوّن هذه الطبقة بالأزرق الداكن كاللون 051340# . غيّر خصائص المزج لطبقة الصورة إلى Screen لجعل الخلفية السوداء شفافة تاركًا الخطوط البيضاء ظاهرة على الخلفية الزرقاء. انقر نقرًأ مزدوجًا على طبقة الصورة وأضِف تأثير حدود الطبقة Stroke . غيّر الإعدادات إلى 5px من الداخل وخصائص المزج Screen والتعتيم 100%. من أجل إضافة الشبكة إلى المخطط سنحتاج أولًا إلى حامل نقوش. أنشئ مستندًا جديدًا بحجم 80x80px. قد يختلف هذا الجحم بناءً على حجم العمل. ارسم مستطيل تحديد في أعلى الصورة ليكون ضلع مربع الشبكة وانتبه للحجم. أضِف طبقة جديدة وأخفِ طبقة الخلفية في هذا المستند. استخدم أداة التحديد المستطيل لرسم شريط بعرض 2px على طول الحافة اليسرى ثم لوّنهم بالأبيض. اضغط على CMD+D لإلغاء التحديد ثم اذهب إلى القائمة Edit > Define Pattern امنح هذا النقش الجديد اسمًا يصفه بدقة مثل 80x80px Grid Pattern. أغلق هذا المستند ثم عد إلى ملف العمل الأساسي. أنشئ طبقة جديدة واختر أداة سطل الدهان. اختر Pattern من القائمة في الشريط العلوي ثم اختر أحدث حامل ألوان لديك. انقر في أي مكان في ملف العمل لتطبيق النقش على الطبقة. استخدم أداة التحديد المستطيل لرسم تحديد حول الصورة الرئيسية بشكل يكون حدود التحديد مطابقة لخطوط الشبكة الأخيرة. انقر بالزر الأيمن واختر Stroke ثم أدخل القيمة 5px في الخيارات مع اختيار اللون الأبيض والتوسيط. كبّر منظور العرض وارسم تحديدًا باستخدام أداة التحديد المستطيل حول مربعات الشبكة خارج إطار الحدود المرسومة في الخطوة الأخيرة ثم احذفها جميعًا. أضِف قناعًا لطبقة الشبكة. استمر بالضغط على Alt أثناء النقر على القناع لتعديل محتوياته. حمّل وافتح واحدة من خامات الغبار والخدوش الخاصة بي، ثم ألصقها مباشرة في القناع. عدّل حجم وزاوية الخامة لتملأ مساحة القناع بالكامل. انقر بواسطة أداة التحديد للخروج من وضعية تعديل القناع والعودة إلى الملف الأساسي وبما أن القناع لا يزال محدّدًا اضغط CMD+L لفتح نافذة المستويات. حرّك المزلاج لليمين لزيادة التباين بشكل كبير ثمّ حرّك مزلاج المخارج البيضاء إلى اليسار لاستعادة خطوط الشبكة وتظهر فوق الصورة بوضوح. أنهِ هذا التأثير بإضافة خامة ورق متّسِخ مثل أحد خامات الورق الملكية المجانية من Bashcorpo. ألصقها داخل المستند، دوّر واضبط الحجم، ثم أزِل ألوان صورة خامة الورق واعكس هذه الألوان. غيّر خصائص مزج طبقة الورق إلى Screen لإظهار تأثير الجرونجي وتتفاعل مع الخلفية الزرقاء لتعزيز الواقعية في تأثير المخطط الهندسي الأزرق. النتيجة النهائية تبدو رائعة كتأثير مخطط هندسي أزرق وتبدو كأنها مرسومة باليد مع وجود نمط الشبكة والتجاعيد والبقع والطيّات لإضافة المزيد من الواقعية. ترجمة -وبتصرّف- للمقال: How To Create a Blueprint Effect in Adobe Photoshop لصاحبه: Chris Spooner1 نقطة -
مقال ممتاز ،،شكرا هدى1 نقطة
-
مقالة جيده وتنسيق متميز1 نقطة
