اذهب إلى المحتوى

El Sayed El Tohamy

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    238

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    1

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو El Sayed El Tohamy

  1. El Sayed El Tohamy
    حاول استخدام أدوات اكتشاف الأخطاء، مثل نقطة التوقف Break point أو طباعة عبارات معينة بعد كل أمر تشك في تسببه بالخطأ، وترى إذا لم يتم طباعة العبارة فهذا معناه أن المشكلة بهذا السطر.
  2. El Sayed El Tohamy
    تقصد رسالة "Failed to read frame from camera" هل غيرت هذا السطر if cv2.waitKey(10) & 0xFF == ord('q'):
  3. El Sayed El Tohamy
    بناء على الشيفرات المكتوبة، فإن المكون About لا يحتوي فعليًا إلا على <div> بداخلها كلمة About أما المكون Home فيحتوي على كلمة Home ورابطين وبعض المحتوي النصي لذلك، إذا أردت عرض ترويسة أو تذييلة ثابتة بكل المكونات، يجب وضعها في المكون الجذري root component إليك مثال: // Header.js import React from 'react'; function Header() { return ( <div className="header"> <h1>My Website</h1> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> </ul> </nav> </div> ); } export default Header; وهذا تذييل // Footer.js import React from 'react'; function Footer() { return ( <div className="footer"> <p>© 2024 All rights reserved.</p> </div> ); } export default Footer; الصفحة الرئيسية // Home.js import React from 'react'; function Home() { return ( <div className="home"> <h2>Welcome to my website</h2> <p>This is a simple website built with React.</p> </div> ); } export default Home; صفحة من نحن // About.js import React from 'react'; function About() { return ( <div className="about"> <h2>About me</h2> <p>I am a web developer who loves React.</p> </div> ); } export default About; وهذا المكون الجذري // App.js import React from 'react'; import Header from './Header'; import Footer from './Footer'; import Home from './Home'; import About from './About'; function App() { return ( <div className="app"> <Header /> <Home /> <About /> <Footer /> </div> ); } export default App; وبالتأكيد يمكنك استخدام مكتبات التوجيه routing كما تريد مثل المثال التالي // App.js import React from 'react'; import { BrowserRouter, Route, Switch } from 'react-router-dom'; import Header from './Header'; import Footer from './Footer'; import Home from './Home'; import About from './About'; function App() { return ( <BrowserRouter> <div className="app"> <Header /> <Switch> <Route exact path="/" component={Home} /> <Route path="/about" component={About} /> </Switch> <Footer /> </div> </BrowserRouter> ); } export default App;
  4. El Sayed El Tohamy
    استخدام القيم السالبة في القائمة list في البايثون تعني بداية الترقيم من النهاية، على سبيل المثال allNames = ['Ahmed', 'Mohamed', 'Ali'] allNames2 = allNames[::-1] # ['Ali', 'Mohamed', 'Ahmed'] لاحظ استخدام -1 كقيمة للخطوة معناها نسخ القائمة من النهاية كما هو موضح الاسم الأخير أصبح الأول بالقائمة الجديدة. عند التعامل مع مكتبات رؤية الحاسوب، فإنها تتعامل بنظام الألوان BGR أزرق/أخضر/أحمر، لذلك وجب عكس هذا الترتيب ليصبح RGB أحمر/أخضر/أزرق، وهذا هو السبب في استخدام (-1)، هذا الأسلوب قد يسبب انطلاق خطأ إذا كان المتغير الأصلي None، لذلك في أغلب الأحيان نستخدم الشيفرات بالطريقة التالية ret, frame = video_capture.read() if ret: small_frame = cv2.resize(frame, (128, 128)) rgb_small_frame = small_frame[:, :, ::-1] # the rest of your code else: print("Failed to read frame from camera") فإذا ظهرت الرسالة "Failed to read frame from camera" هذا معناه أنه لم يتمكن من التقاط الصورة من الكاميرا، فيجب معرفة الخطأ وتصحيحه، وليس استبدال القيمة السالبة (-1) بالقيمة (1) لأنه قد يسبب مشاكل في ألوان الصورة.
  5. El Sayed El Tohamy
    من الواضح أن لديك ملفين، critique.js وفيه تم تعريف سكيما، ويبدو أنك تريد استخدامها في الملف merchandise.js ولكني لا أرى استدعاء للملف critique.js من داخل الملف merchandise.js لذلك ربما تحتاج لإضافة السطر التالي const Assessment = require('./critique.js') أرجو التجربة
  6. El Sayed El Tohamy
    بخصوص هل سيجد مبرمجو فلاسك فرصة عمل أم لا في البداية: فلاسك هو إطار عمل ويب مبني على لغة بايثون، وهو من أسهل أطر العمل في التعلم، ويمكنه تطوير مواقع ويب متوسطة، وبالتالي فهو مطلوب بالتأكيد، لأنه كما هناك أناس يطلبون مواقع ضخمة، هناك من يطلب مواقع متوسطة، ولكن هذا لا يعني أنها ستكون مواقع سيئة، إنما المقصد أن المتطلبات بها ليست معقدة. بعض المواقع الشهيرة التي طُورت باستخدام فلاسك: مثل Pinterest، وهو موقع لتبادل الصور والروابط Twilio، وهو منصة للاتصالات السحابية ويمكنك البحث عن وظائف فلاسك في المواقع المشهورة مثل HackerEarth أو Toptal أو Turing. ولكن هناك نقطة هامة، ليس كافيا أن تتعلم فلاسك وحده لتصبح مطور تطبيقات ناجحا. تحتاج أيضا إلى إتقان لغة بايثون ومفاهيم البرمجة الكائنية OOP للتمكن من تنظيم الأكواد ومعالجة الأخطاء وتحديث التطبيق، إضافة إلى إتقان قواعد البيانات فتقريبًا لا يخلو موقع من الحاجة لحفظ البيانات والتعامل معها، إضافة إلى التعامل مع الواجهات البرمجية للتطبيقات (APIs)، ويكون لديك خلفية جيدة عن أمن الويب والتصميم الجيد للبرمجيات.
  7. El Sayed El Tohamy
    ربما تحتاج تغيير السطر التالي وزيادة القيمة 1 إلى قيمة أكبر 10 أو 20 لأنها تعبر عن الوقت المنتظر بالمللي ثانية = 1/1000 ثانية، وبالتالي لا يعطي الفرصة الكافية لمعالجة إطارات الصور والفيديو # if cv2.waitKey(1) & 0xFF == ord('q'): if cv2.waitKey(10) & 0xFF == ord('q'): أرجو التجربة
  8. El Sayed El Tohamy
    وعليكم السلام ورحمة الله وبركاته، يبدو أن المطلوب إضافة عمود يحتوي على A إذا كانت المادة عربي، ويحتوي على E إذا كانت إنجلزي وهكذا، في هذه الحالة يمكن استخدام السطر التالي melted_df['رمز المادة'] = melted_df['المادة'].str.replace('عربي', 'A').replace('إنجليزي', 'E').replace('تاريخ', 'H') يضاف قبل السطر الأخير ومعناه إنشاء عمود رابع يسمى "رمز المادة"، وتكون قيمته تعتمد على قيمة العمود "المادة" بحيث يعطي لكل مادة رمزًا لها. يجب مراعاة أن اسم المادة لا يتغير في الأماكن المختلفة بمعني لا يكون في خانة اسمها "عربي" وخانة أخرى اسمها "لغة عربية" أو "العربية" أرجو التجربة.
  9. El Sayed El Tohamy
    يبدو أنك تحاول الاتصال بقواعد البيانات عن طريق جلب خصائص الاتصال من الملف .env ولكن يبدو أنك تحتاج لمكتبة dotenv لتتمكن من ذلك جرب إضافة الشيفرات التالية // Require the dotenv module const dotenv = require('dotenv'); // Load the environment variables from the .env file dotenv.config(); // Get the connection string from the environment variable const connectionString = process.env.DB_URL; // Connect to the database using the connection string mongoose.connect(connectionString, { useNewUrlParser: true, useUnifiedTopology: true }) .then(() => console.log('DB connected!')) .catch(err => console.error(err)); لاحظ أننا استخدمنا طريقة promise للتأكد من نجاح الاتصال عن طريق then. كذلك ربما تحتاج استدعاء أمر الإنصات بنفس الطريقة // Wait for the app to be ready app.ready().then(() => { // Start the server app.listen(PORT, () => console.log(`App listening on port ${PORT}!`)); }); وذلك حتى لا تطلب من التطبيق الإنصات إلا بعد جهوزيته عن طريق استخدام ready يرجى التجربة، وإبلاغي إذا واجهتك أي مشاكل.
  10. El Sayed El Tohamy
    في ملف server.js يبدو أنك تريد استيراد الشيفرات من الملف الآخر seqlueze ولكنك في الحقيقة استوردته من المكتبة الأصلية node_modules لذلك أعتقد أنه يجب استبدال السطر const sequelize = require('sequelize'); بالسطر const sequelize = require('./sequelize'); حتى يتم استيراد الشيفرات بعدما تم تفعيلها وتجهيز قواعد البيانات
  11. El Sayed El Tohamy
    هذا الملف home.html يحتوي بعض الأكواد المهمشة commented يجب إزالة التهميش منها كما وضحت في الرسالة السابقة. كذلك هناك بعض النصائح الخاصة بقواعد البيانات: 1- يفضل جعل أسماء الأعمدة باللغة الإنجليزية 2- إذا كنت تنوي تخزين قيم نصية تحتوي على حروف عربية فاجعل النوع nvarchar وليس varchar
  12. El Sayed El Tohamy
    من خلال مراجعة الملف الذي أرفقته يلاحظ أن بعض الأسطر تم تهميشها هذا الكود مهمش <!--?php $server = 'DESKTOP-PJDLJNR'; $database = 'Legacy'; $username = ''; $password = ''; try { $connection = new PDO("sqlsrv:Server=$server;Database=$database", $username, $password); $connection---> هذا الكود غير مهمش <?php $server = 'DESKTOP-PJDLJNR'; $database = 'Legacy'; $username = ''; $password = ''; try { $connection = new PDO("sqlsrv:Server=$server;Database=$database", $username, $password); $connection?> لاحظ الفرق بين المكتوب بالأعلى وبين الجزء بالأسفل بعد إزالة التهميش منه.
  13. El Sayed El Tohamy
    هل كتبت هذا السطر بشكل صحيح؟ <?php while ($row = $result->fetch(PDO::FETCH_ASSOC)) { ?>
  14. El Sayed El Tohamy
    أرجو عرض رسالة الخطأ وفي أي سطر تظهر.
  15. El Sayed El Tohamy
    جرب هذه الأكواد <?php $server = 'DESKTOP-PJDLJNR'; $database = 'Legacy'; $username = ''; $password = ''; try { $connection = new PDO("sqlsrv:Server=$server;Database=$database", $username, $password); $connection->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); } catch (PDOException $e) { die("Connection failed: " . $e->getMessage()); } $sql_query = 'SELECT * FROM Problemss'; try { $result = $connection->query($sql_query); } catch (PDOException $e) { die("Query failed: " . $e->getMessage()); } ?> <table border="1" width="100%"> <tr> <th>تم</th> <th>الحلول</th> <th>المشكلة</th> <th>م</th> <th>الرقم</th> </tr> <?php while ($row = $result->fetch(PDO::FETCH_ASSOC)) { ?> <tr> <td><?php echo htmlspecialchars($row['تم'])?></td> <td><?php echo htmlspecialchars($row['الحلول'])?></td> <td><?php echo htmlspecialchars($row['المشكلة'])?></td> <td><?php echo htmlspecialchars($row['م'])?></td> <td><?php echo htmlspecialchars($row['الرقم'])?></td> </tr> <?php } $connection = null; // close the connection ?> </table> لاحظ التالي: 1- تم استبدال mysql_fetch_assoc بالوظيفة fetch لأنها الأحدث 2- لاحظ استخدام try - catch لاصطياد أي أخطاء تنتج بسبب فشل الاتصال او فشل استخراج البيانات. 3- استخدام htmlspecialchars لمنع الهجوم على الموقع باستخدام سكريبت التنقل بين المواقع XSS
  16. El Sayed El Tohamy
    قد نحتاج في بعض الأحيان إجراء عملية جمع لعدد من العناصر التي تحقق شرطًا معينًا، على سبيل المثال نفترض لديك مصفوفة من الأعداد الصحيحة، وتريد جمع كل العناصر الأكبر من قيمة معينة. private static int GetSalary(int originSalary) { if (originSalary >= 1000) { return originSalary; } return 0; } static void Main(string[] args) { int[] allSalaries = new int[] { 500, 950, 1200, 750, 2400 }; //السطر التالي نقوم بجمع الرواتب التي أكبر من أو تساوي 1000 لأننا نفذنا الوظيفة // Sum // على العناصر التي تعود من الوظيفة // GetSalary int salariesGreaterThan_1000 = allSalaries.Sum(GetSalary); Console.WriteLine(salariesGreaterThan_1000); } لاحظ أن المصفوفة لديها وظيفة الجمع Sum والتي تحتاج معامل عبارة عن وظيفة أخرى (في حالتنا GetSalary)، فتقوم بتمرير كل عنصر إلى هذه الوظيفة GetSalary والتي بدورها تقوم بإعادة نقس الراتب أو تعيد صفرًا إذا كان أقل من 1000. ملحوظة: يمكننا استخدام الوظائف الغير معرفة Anonymous function مباشرة داخل الوظيفة Sum لتؤدي نفس الغرض int salariesGreaterThan_1000 = allSalaries.Sum(itm => itm < 1000? 0 : itm);
  17. El Sayed El Tohamy
    للربط بين صفحة HTML وقاعدة بيانات MS SQL Server تحتاج لوجود لغة برمجية خادمية أو خلفية Back end. لفهم الموضوع بشكل أكبر يجب ان نعرف أن موقع الويب يتكون من مكونين الأول: الواجهة الأمامية Front-End: وهي صفحة HTML وما تحتويه من تنسيقات وصور وكذلك JavaScript، هذه الواجهة، هي وسيلة التواصل بين المستخدم والخادم. الثاني: الواجهة الخلفية Back-End: وهي الشيفرات المكتوبة بلغة برمجة عالية المستوى مثل PHP, ASP.NET, Node.JS ويتم تخزينها على الخادم وتنفيذها لما يتم طلبها. مثال شهير: محرك البحث جوجل يتكون من واجهتين الأولى هى الواجهة الأمامية التي نراها (صفحة الجوجل)، والثانية هي شيفرات برمجية مكتوبة على الخادم ويتم تنفيذها عندما تكتب شيئًا في مربع البحث والضغط على زر "بحث" الخلاصة: يلزمك تعلم لغة برمجة خادمية أو الاستعانة بمبرمج خادمي. ويتم الاتصال بقواعد بيانات MS SQL Server عن طريق معرفة بيانات الاتصال التي تتكون من اسم الخادم - اسم المستخدم - كلمة المرور، ثم يتم إرسال الأمر المطلوب تنفيذه إلى قاعدة البيانات وهي ترد علينا بالنتائج Result set فنقوم بعرضها على صفحة HTML.
  18. El Sayed El Tohamy
    وعليكم السلام ورحمة الله، 1- تعلم الآلة ويعرف بـ Machine Learning (ML) تفرع عام وينبثق منه فرع التعلم العميق Deep Learning (DL)، لذلك يمكننا القول أن التعلم العميق هو تخصص أعمق من تعلم الآلة، مثل الرياضيات منها تخصص الجبر ومنه تخصص أدق وهو الجبر الخطي. 2- علاقة رؤية الحاسوب وتعرف بـ Computer Vision هي مجال من مجالات الذكاء الاصطناعي، والتي تحاكي قدرة البشر على رؤية الصور وفهما وتفسيرها، ولها تطبيقات هامة جدًا، فيمكن استخدامها في تشخيص الأمراض من خلال عرض صورة الأعراض، وكذلك تستخدم في القيادة الذاتية والمحافظة على مسار السيارة وتفادي المارة، وكذلك في التعرف على عناصر صورة معينة، والعديد من المجالات التي لا حصر لها. 3- لإتقان مجال رؤية الحاسوب، يلزم فلعيًا الإلمام بعدة مجالات منها تعلم الآلة، إضافة إلى الجبر الخطي، والإحصاء، والتفاضل والتكامل، لأنها تتعاون جميعًا للحصول على أفضل النتائج.
  19. El Sayed El Tohamy
    مزيد من المعلومات حول "خطوات إنشاء موقع ويب باستخدام ماجنتو Magento"
    قد يكون اختيار منصة تجارة إلكترونية تناسب متطلبات عملك أمرًا صعبًا للغاية، إذ تتوجب عليك المفاضلة ما بين منصات كثيرة، وهنا تتواجد عدة عوامل أخرى عديدة قد تؤثر على قرارك، ولمساعدتك على اتخاذ هذا القرار، سنعرفك في هذا المقال على إحدى المنصات الشائعة في هذا المجال تُعَد منصة ماجنتو Magento واحدةً من منصات التجارة الإلكترونية الرائدة في السوق اليوم، حيث تقدم ماجنتو Magento حلًا شاملًا لتجار التجزئة عبر الإنترنت. واقع الأمر يقول، يستخدم منصة ماجنتو أكثر من 180 ألف متجر عبر الإنترنت لعرض وبيع منتجاتهم. بخصوص السعر، فهناك العديد من الخيارات التي تتعلق بالتسعير، بما في ذلك بعض الخيارات التي تعتمد على إيراداتك السنوية. في هذا الدرس التفصيلي، سيتم شرح الاختلافات بين أشكال ماجنتو Magento المختلفة، وكذلك توضيح لكل ما تحتاج إلى معرفته لبدء متجر عبر الإنترنت باستخدام هذه المنصة، بما في ذلك اختيار خطة استضافة مناسبة. ما يجب أن تعرفه عن ماجنتو Magento قبل بدء موقع التجارة الإلكترونية الخاص بك تُعًد منصة ماجنتو Magento أحد برامج حزمة أدوبي السحابية Adobe Experience Cloud. وكون هذه المنصة مدعومةً بواسطة أحد أكبر مطوري البرامج في العالم (شركة أدوبي Adobe)، فهو شهادة على استقرارها. تُعَد منصة ماجنتو خيارًا شائعًا لأولئك الذين يريدون بدء متجر عبر الإنترنت، حيث تحتل ماجنتو المرتبة الثالثة بين أفضل مليون موقع ويب يستخدمون منصات التجارة الإلكترونية: قد يعود الفضل بعض شعبية المنصة إلى العروض المتنوعة التي تقدمها، إذ تعمل منصة Magento بطريقة مختلفة قليلًا عن منصات أخرى مثل ووردبريس WordPress. فبدلًا من تقديم إصدار واحد لجميع المستخدمين، يتم تقديم حزم موجهة للشركات الصغيرة، وحزم أخرى لمواقع المؤسسات الكبيرة Enterprise، وحزمة ثالثة تقع بينهما. بالإضافة إلى ذلك، هناك إصدارات متعددة من المنصة متاحة بنقاط أسعار مختلفة ومستويات متفاوتة من الإدارة. سنناقش هذه بمزيد من التفصيل قريبا. يجب أن تستغرق عملية الإعداد الأولية لمنصة ماجنتو Magento حوالي خمس دقائق فقط لتكتمل؛ إلا أن تقدير الوقت الكلي المطلوب لإضافة جميع صفحات المنتجات وتهيئة سمات المظهر Themes الخاص بك هو أمر أصعب قليلًا. سيعتمد ذلك على حجم الكتالوج (قواعد البيانات) الخاص بك ومدى تعقيد إعداداتك. ومع ذلك، هناك بعض الميزات القيمة التي يُنصح بمشاهدتها بمجرد تثبيت موقع التجارة الإلكترونية الخاص بك وتشغيله. على سبيل المثال، توجد إمكانية الوصول إلى خطط تسويقية متكاملة تغطي العديد من القنوات. إضافةً إلى ذلك، تقدم المنصة دمجًا وتوافقًا بين نظام التجارة الواقعية والتجارة الإلكترونية بسلاسة. التعرف على عائلة ماجنتو Magento لمنتجات تطوير الويب إذا كنت تبحث عن حل أو منصة للتجارة الإلكترونية، فإن ماجنتو Magento لديها الكثير لتقدمه. مع ذلك، من المهم ملاحظة أن هذه المنصة تأتي بثلاثة أشكال مختلفة، وهي: النسخة مفتوحة المصدر Magento Open Source: هذا الإصدار مجاني (بل مفتوح المصدر)، ولكن سيتعين عليك استضافة موقع التجارة الإلكترونية الجديد بنفسك. هذا يعني أنك ستشترى خطة استضافة، على الرغم من أن هذا الإصدار يحتوي على ميزات أقل، إلا أنه يحتوي على العديد من الفوائد. نظام ماجنتو للتجارة Magento Commerce: يقدم هذا الإصدار، الذي كان يُعرف سابقًا باسم Magento Enterprise، المزيد من الميزات، مثل استوديو تطبيق الويب التقدمي Progressive Web Application (PWA) studio وأداة إنشاء الصفحات بالسحب والإفلات. هذا الإصدار يتطلب أيضًا أن يكون لديك خطة استضافة، ولكن ستتمتع بإمكانية الوصول إلى الدعم والمساعدة. المنصة السحابية للتجارة Magento Commerce Cloud: هذا هو الإصدار الأخير إلى الآن من عائلة ماجنتو، وهو يشبه إلى حد كبير الإصدار السابق، إلا أنه يستعمل خدمات أمازون السحابية Amazon Web Services (AWS) التي يمكنها تحسين أداء الموقع، بالإضافة إلى الميزات المفيدة الأخرى. إذا كنت في بدايات نشاطك التجاري أو ميزانيتك محدودة للغاية، ففي الغالب ستميل إلى اختيار الإصدار مفتوح المصدر من ماجنتو؛ أما بالنسبة لمن لديه ميزانية أعلى، سيتوقف القرار الأساسي على ما إذا كنت سعيدًا باستضافة Magento's AWS، أو إذا كنت ترغب في البحث عن مزود آخر. ومن حيث التكاليف، يتم تحديد المبلغ الذي ستدفعه عند استخدام Magento Commerce أو Magento Commerce Cloud من خلال أرباح المبيعات السنوية؛ وربما يمكن للمتاجر الصغيرة التي لا تزال تعمل على تكوين قاعدة عملاء الاستفادة من هذا النظام. مع ذلك، ربما يصير باهظ الثمن. كيفية إنشاء موقع للتجارة الإلكترونية باستخدام النسخة مفتوحة المصدر من ماجنتو Magento للوهلة الأولى، قد تبدو منصة ماجنتو Magento مخيفةً بعض الشيء، لكننا قسمنا في هذا الدرس عملية التثبيت للتسهيل عليك. سيتم تغطية كل الخطوات التي ستحتاج إليها لإنشاء موقع ويب وتشغيله باستخدام النسخة مفتوحة المصدر من منصة ماجنتو. قبل أن تبدأ، من الأفضل أن تنشئ حساب ماجنتو Magento مجانًا. يُعَد هذا الموقع منفصلًا عن موقع الويب الذي سيتم إنشاؤه، ولكن يمكنك الانتقال بسهولة من أحدهما للآخر. وسوف تجد في صفحة المستخدم الخاصة بك كل المعلومات حول المنتجات التي اشتريتها والفواتير وما إلى ذلك. الخطوة 1: التأكد من توافر متطلبات منصة ماجنتو Magento Requirements تتشابه منصة ماجنتو Magento مع معظم منصات تطوير مواقع الويب في أن لها متطلبات معينة يجب أن يوفرها الخادم Server الذي سيستضيف المنصة. ستحتاج إلى تدوينها قبل البدء في البحث عن مزود استضافة حتى تتأكد أن المنصة يُمكن تشغيلها على الخادم الذي ستشترك به، وبالتالي ضمان أن موقع الويب الخاص بك سيعمل كما يجب. لاستخدام ماجنتو Magento، ستحتاج إلى التأكد من أن توافر ما يلي: نظام التشغيل: يمكن تشغيل ماجنتو على نظام التشغيل لينكس Linux x86-64 وتوزيعاته الأخرى مثل RedHat أو Ubuntu. يمكنك أيضًا التطوير محليًا (على جهازك) على نظام التشغيل Mac أو Windows OS باستخدام المحاكاة الافتراضية Virtualization (وتعني استخدام برامج لتنصيب نظام تشغيل ثانوي على النظام الأساسي)، كذلك يمكن استخدام تطبيقات MAMP وهي عبار عن برامج تعمل بمثابة خادم محلي لتشغيل المنصات التي تعمل على لينكس. خادم الويب: يمكنك استخدام "أباتشي Apache" أو "نجينكس nginx" كخادم للويب الخاص بك. إذا اخترت أباتشي Apache، يُوصَى بمراجعة وثيقة المساعدة في أباتشي الخاصة بمنصة ماجنتو Magento لإعدادات وحدة module معينة. ذاكرة: يعد استيفاء المتطلبات السابقة، يجب معرفة أن إعداد ماجنتوMagento يتطلب 2 جيجابايت من ذاكرة الوصول العشوائي (RAM) أو أكثر. قاعدة البيانات: منصة ماجنتو Magento تتوافق مع قواعد البيانات MySQL الإصدار 5.6 و5.7. لغة البرمجة PHP: توصِي منصة ماجنتو Magento باستخدام PHP 7.3، كما توجد إرشادات خاصة في دليل تثبيت PHP تعمل على توجيهك حتى يتم التأكد من تثبيت الإضافات المطلوبة، بالإضافة إلى أنها ستُظهر الإعدادات الأخرى التي تساعد على تثبيت ماجنتو بسلاسة، مثل تفعيل المكون OPcache. الأمان: يُوصَى باستخدام شهادات الحماية SSL لنقل البيانات بشكل آمن وللتكامل مع موقع PayPal. من المهم جدًا فهم هذه المتطلبات قبل الانتقال إلى الخطوة التالية، وذلك لتوفير الوقت والجهد. وأيضًا توفير المال لأنك لا ترغب في إنفاق الأموال للاشتراك في خطة استضافة معينة، ثم يتضح لك أنها لا توفر ذاكرة كافية أو أن الشركة تستخدم خوادم تعمل بنظام التشغيل ويندوز Windows، على سبيل المثال. الخطوة 2: اختيار خطة استضافة web hosting واسم نطاق domain في هذه الخطوة، ستحتاج إلى البحث عن مضيف ويب (شركة استضافة) مع مراعاة متطلبات المنصة. وستجد معظم شركات الاستضافة توفر المتطلبات والأدوات التي ستحتاجها لتشغيل ماجنتو Magento. ومع ذلك، فمن الحكمة أن تكون بأمان وتختار شركة استضافة تقدم دعمًا خاصًا للمنصة التي ستستخدمها. إليك بعض شركات الاستضافة، والقائمة التالية تدعم نظام التثبيت السريع one-click لمنصة ماجنتو: بلوهوست Bluehost. هوستينجر Hostinger. دريم هوست DreamHost. بالإضافة إلى أسعار خطط الاستضافة لكل من هذه الشركات، من الحكمة مراعاة عوامل مثل الأداء والأمان وما إذا كانت هناك أي ميزات إضافية يمكنك استخدامها في حسابك. ومن الأمور الهامة عند اختيار شركة استضافة لمتجر ماجنتو Magento نجد أن من المهم التأكد من أنها توفر شهادة SSL الأمنية ضمن مواصفات خطط الاستضافة. وستجد معظم الشركات توفر ذلك، حيث أن هذه الشهادة تمثل جزءً حيويًا من استراتيجية الأمان الخاصة بك إذا كنت تنوي إضافة بوابات دفع إلى موقع التجارة الإلكترونية الخاص بك. أثناء شرائك لخطة استضافة، من الجيد أن تسجل اسم نطاق domain في هذه المرحلة أيضًا. سيكون هذا بمثابة عنوان موقع الويب URL الخاص بك وسيكون جزءً أساسيًا من علامتك التجارية، لذلك عليك الاختيار بحكمة، نصائح قبل شراء اسم نطاق. توفر العديد من شركات الاستضافة تسجيل اسم النطاق domain كجزء من حزمة الاستضافة الخاصة بك، أما إذا لم تكن الخطة التي اخترتها كذلك، فستحتاج إلى الذهاب لمكان آخر لإنجاز هذه الخطوة. الخطوة 3: تنزيل وتثبيت النسخة مفتوحة المصدر من ماجنتو Magento Open Source بمجرد شراء خطة استضافة من أي شركة استضافة وتجهيز حسابك، يمكنك المضي في تثبيت نسخة ماجنتو عن طريق الانتقال إلى صفحة المنتج والنقر على زر "البدء Get Started": بعد ذلك، سيظهر لك جدول من خلاله يمكن مقارنة الميزات Features في كلٍ من النظام المفتوح المصدر Magento Open Source ونظام ماجنتو التجاري Magento Commerce. في الجزء السفلي من الجدول، انقر فوق "تنزيل المصدر المفتوح" Download Open Source. سينقلك هذا إلى صفحة مصادر ماجنتو التقنية Magento Tech Resources. هنا سيوجد العديد من الخيارات فيما يتعلق بتنزيل النسخة مفتوحة المصدر Magento Open Source. يُوصِي المطورون باستخدام Composer، على الرغم من أنه يمكنك اختيار تنسيق آخر. يمكنك أيضًا تحديد ما إذا كنت تريد تنزيل المنصة محتوية على بيانات تجريبية أو بدونها. في هذا الدرس لتعليم منصة ماجنتو Magento، سيتم اختيار أحدث إصدار كامل مع عينة من البيانات: في حالة تثبيت المنصة يدويًا على استضافة الويب الخاصة بك، فيجب عندها توافر المتطلبات الأساسية. في الواقع، إذا كنت تفكر في استخدام هذا المسار، فمن الجيد مراجعة خارطة طريق تثبيت ماجنتو Magento. لا يزال باستطاعة المستخدمين المبتدئين الحصول على نسخة ماجنتو مفتوحة المصدر Magento Open Source وتثبيته من خلال عملية التثبيت السريع بنقرة واحدة one-click installation إذا كان الخادم يدعم هذه الإمكانية. وللقيام بذلك في لوحة التحكم المسماة cPanel، انتقل إلى cPanel> Autoinstallers: بمجرد النقر فوق أيقونة Magento، يمكن بدء عملية التثبيت عن طريق ضبط إعدادات الإدارة الخاصة بك. الخطوة 4: ضبط إعدادات الإدارة Configuring Administration Settings قبل الشروع في تثبيت ماجنتو Magento فعليًا، مطلوب أولًا تخصيص اسم المستخدم user name لمشرف النظام، وكذلك كلمة المرور password. وهي خطوة ضرورية وسيتم طلبها قبل تنفيذ عملية التثبيت. بعد ذلك، يتطلب الأمر تحديد المكان على الخادم الذي سيتم حفظ ماجنتو Magento فيه، وتحديد المسار URL المُراد تعيينه لصفحة دخول المسؤول Login page. بمجرد الانتهاء من تخصيص هذه الإعدادات، انقر فوق "تثبيت Install". عند اكتمال العملية، ستتلقى رسالة تأكيد. الآن، يمكن النقر فوق عنوان الإدارة Administrative URL وتسجيل الدخول باستخدام اسم المستخدم وكلمة المرور اللذين تم إنشاؤهما أثناء عملية التثبيت. يتسبب هذا في الانتقال إلى لوحة معلومات ماجنتو Magento Dashboard الجديدة، حيث يمكن البدء في إنشاء موقع التجارة الإلكترونية الجديد الخاص بك. الخطوة 5: اختيار سمة المظهر theme لمتجرك وتثبيته من أوائل الخطوات التي قد ترغب في القيام بها هي تحديد سمة theme لمتجرك. والسمة هي التي ستُحدد مظهر موقعك، ويمكن في كثير من الحالات تعديل الخصائص الموجودة بالسمة حتى تطابق علامتك ونشاطك التجاري. لتنزيل السمات وتثبيتها من متجر ماجنتو Magento Marketplace، تحتاج أولًا إلى استخراج مفاتيح التشفير Access Keys الخاصة بك. ويتم العثور عليها في حساب المستخدم الخاص بك (لذلك يُنصَح بإنشاء المستخدم قبل البدء في الخطوة 1)، انتقل إلى المتجر> منتجاتي> مفاتيح التشفير Marketplace > My Products > Access Keys: من خلال صفحة مفاتيح التشفير Access Keys page، ستجد إخطارًا يطالبك بإنشاء مفاتيح جديدة وتعيين اسم لكل مفتاح. بعد إكمال هذه الخطوة، ستحتاج إلى نسخ المفتاح العام Public Key والمفتاح الخاص Private Key. وبالرجوع مرةً أخرى إلى لوحة معلومات متجر ماجنتو Magento Dashboard، يمكن الآن الانتقال إلى "الإعدادات> معالج الويب> مدير الإضافات" Setting> Web Setup Wizard> Extension Manager عند الوصول إلى مدير الإضافات Extension Manager، سيُطلب منك إدخال مفاتيح التشفير التي أنشأتها للتو. وبمجرد توصيل مفاتيح التشفير الخاصة بك بلوحة إدارة موقع الويب بنجاح، ستظهر في قائمة مدير الإضافات كل السمات themes أو إضافات extensions التي تشتريها وتثبتها. على سبيل المثال، إذا زرت متجر الإضافات وبحثت عن سمة مجانية، فيمكنك عندها إضافتها إلى عربة التسوق الخاصة بك والدفع، وهذا حتى يمكن دمجها وتطبيقها على موقع الويب الخاص بك. عند النقر فوق "تثبيت Install"، ستتم إضافة هذه السمة إلى مدير الإضافات Extension Manager في لوحة معلومات Dashboard موقع الويب الخاص بك؛ وسيتطلب الأمر الرجوع إلى لوحة تحكم المشرف والانتقال إلى "الإعدادات > معالج الويب > مدير الإضافة > المراجعة والتثبيت Settings > Web Setup Wizard > Extension Manager > Review and Install". سيؤدي ذلك إلى عرض قائمة بكل الإضافات أو السمات الجاهزة للتثبيت. استخدم هذه القائمة للانتقال إلى السمة theme التي تريد استخدامها، بعدها حدّد المربع الموجود على يسار الملف، ثم انقر فوق "تثبيت Install" على اليمين حتى تبدأ عملية التثبيت. بعد ذلك، سيتم إرشادك من خلال عملية يُطلق عليها فحص الجاهزية Readiness Check للتأكد من توافق موقع الويب الخاص بك. إذا لم يكن متوافقًا، فيجب عليك معالجة المشكلة قبل المتابعة. الخطوة 6: تخصيص السمة Theme الخاصة بك بمجرد تثبيت السمة theme الجديدة، يمكنك الوصول إليها من خلال قائمة "المحتوى > الضبط Content > Configuration". بعد ذلك، يمكنك تعديل إعداداته عن طريق تحديد إعداد موقع الويب website setup الذي تريد تخصيصه. وفي هذا المكان ستجد الواجهة التي من خلالها يمكن تغيير أو تحميل الشعار logo وكذلك التحكم في العناصر الأخرى لمتجرك. بالإضافة إلى ذلك، يمكنك استخدام قائمة "المحتوى> العناصر Content > Elements" لتعديل صفحات الويب وعناصر واجهة المستخدم Widgets، بالإضافة إلى وحدات التصميم blocks التي تشكل بنية الموقع. على سبيل المثال، حدّد "الصفحات Pages"، فسيتم عرض قائمة بكل المحتويات القابلة للتعديل، بالإضافة إلى التخطيط Layout والسمة theme الذي تستخدمه كل صفحة. هناك العديد من الميزات الرائعة المتواجدة في واجهة تحرير المحتوى بمنصة ماجنتو Magento. على وجه الخصوص، هذه الواجهة تحتوي اختيار تحسين محرك البحث SEO لكل صفحة، والتي يمكن أن تساعدك على تحسين ظهور موقعك. فهم الهيكل التنظيمي للمحتوى في ماجنتو Magento من الأمور التي تستحق أن نتوقف لحظة حتى نتعمق فيها أكثر هي كيفية تنظيم ماجنتو Magento للمحتوى، إذ تنظم منصة ماجنتو المحتوى content على شكل تسلسل هرمي، ومن الضروري فهم هذا الهيكل نظرًا لأهميته عند التحكم بالعناصر المختلفة. مواقع الويب Websites: عندما يتم تثبيت ماجنتو Magento، ستبدأ تلقائيًا بموقع ويب واحد. ويُعرف هذا الموقع بالموقع الرئيسي Main Website. ويمكنك فيما بعد أيضًا إنشاء مواقع ويب إضافية باستخدام نفس التثبيت. المتاجر Stores: يمكنك إنشاء عدة متاجر داخل موقع ويب واحد، وسيكون لكل منهم قائمة التنقل الخاصة به. وسيعرض كل متجر منتجاته الخاصة المختلفة عن المتاجر الأخر، رغم أنهم جميعًا يشتركون في نفس الكتالوج (قاعدة البيانات). عرض المتجر Store Views: تعطيك هذه الإمكانية مرونةً في عرض متجرك بمظاهر متعددة لتناسب عملائك. فعلى سبيل المثال، يمكن أن تحتوي متاجر ماجنتو Magento الخاصة بك على مظاهر متعددة للغة، بحيث تُعرض اللغة المناسبة للمستخدم. وفي هذا السيناريو، سيتمكن عملاؤك من تحديد اللغة المفضلة من الصفحة الأولى فيتم تغيير لغة وطريقة عرض المتجر. يوجد مصطلح يُسمى Scope ويعني المدى، أي إلى أي مدى يمتد تأثير الخاصية! لذلك فتحديد مدى التأثير scope سوف يحدد مساحة تأثير هذه الخاصية، وهو مصطلح يعرفه المبرمجون بما فيهم مطورو ماجنتو، وبناءً عليه يمكن تحديد المدى scope بأحد المستويات التالية: العام global: أي إذا تم تحديد مدى خاصية معينة للمستوى عام global فمعني هذا أن يكون تأثيرها على كل شيء. الموقع الإلكتروني website: ولكن لا تؤثر على المواقع websites الأخرى إن وُجِدَت. المتجر store: يؤثر على المتجر المحدد فقط دون أي متاجر أخرى. واجهة المتجر store view: أي أنه يؤثر على واجهة المتجر. يمكنك بسهولة تحديد مدى scope الميزة أو الخاصية من خلال لوحة معلومات ماجنتو Magento Dashboard، حيث ستُحدَّد بأقواس. على سبيل المثال، إذا لديك خاصية ذات مدى على موقع الويب فتظهر هكذا [website] بجوار الخصائص المطلوب تطبيقها على كل الموقع وبالتالي كل ما يندرج تحته في التدرج الهرمي. الخطوة 7: استكشاف الإضافات التي تضيف وظائف للموقع يُعَد متجر ماجنتو Magento Marketplace أيضًا المكان الذي ستجد فيه الإضافات التي يمكن من خلالها إضافة وظائف إلى متجرك. يتضمن هذا كل شيء بداية من مكونات انستجرام Instagram Widgets إلى خيارات الدفع. من أجل إدراج أي إضافة extension إلى موقع الويب، يمكنك اتباع نفس الخطوات المستخدمة لإضافة سمة theme جديدة. ويمكن استخدام التصفية filter التي من خلالها يتم عرض إضافات معينة بناءً على المحددات الموجودة بالتصفية، مثل تحديد السعر؛ فتستطيع استعراض الإضافات التي تحقق رغباتك. بمجرد اختيار واحدة وتسجيل الخروج، ستتمكن من تنزيلها وتثبيتها. عندما يتعلق الأمر بالإضافات extensions التي يجب أن تستخدمها أو تضاف إلى الموقع، فالخيار فعليًا راجع لك. وكل هذا يتوقف على أهدافك من موقع التجارة الإلكترونية الخاص بك. إليك شرحًا لبعض الفئات Categories العامة التي قد تُصنَّف الإضافات إليها: الحماية Security: هناك مجموعة متنوعة من الإضافات تُصنَّف على أنها تحتاج إلى حماية أو تأمين ويُطلق عليها security-related Magento extensions، بما في ذلك تلك الإضافات التي يمكنها إضافة Google reCAPTCHA إلى صفحة التفقد لردع الروبوتات (محاولات الدخول الإلكترونية). تسويق Marketing: اعتمادًا على استراتيجيتك التي تنتهجها، قد ترغب في إلقاء نظرة على الإضافة Beeketing، وهذه عبارة عن إضافة extension تساعد على التسويق وزيادة المبيعات؛ أو ربما تلقي نظرة على الإضافة blog التي يمكن استخدامها في تسويق المحتوى. تتبع التحليلات Analytics tracking: إضافة ممتازة تساعدك في مراقبة سلوك العملاء وبالتالي تساعدك في اتخاذ قرارات مستندة على معلومات لتحسين موقعك. فوجود هذه الإضافة لجمع البيانات وإنشاء التقارير سيكون مفيدًا. بوابات الدفع Payment getways: لكي يتمكن العملاء من إكمال عمليات الشراء والدفع عبر موقعك، ستحتاج إلى بوابة دفع. تساعد البوابات المشهورة مثل PayPal وStripe على أن يبدو متجرك أكثر ثقة ويجعل المتسوقين يشعرون بالراحة. شحن Shipping: إذا كنت تبيع منتجات مادية، فإن إضافة ميزات إلى موقعك لمساعدة العملاء على تتبع شحنتهم يُعَد أمرًا ذكيًا. هناك أيضًا إضافات يمكن أن تساعدك في إدارة الطلبات. ليس من الضروري استخدام إضافات من كل هذه الفئات، فهذا يتوقف على احتياجات متجرك الإلكتروني، ولكنها متاحة لك بنقاط أسعار مختلفة إذا كنت تريد ذلك. الخطوة 8: تعديل إعدادات متجرك قد يكون آخر ما تريد معرفته قبل البدء في إضافة منتجات إلى متجرك، هو تخصيص إعدادات موقع التجارة الإلكترونية الخاص بك. وللقيام بذلك، انتقل إلى "المتاجر> الإعدادات> الضبط. أي Stores > Settings > Configuration". في الحقيقة توجد الكثير من الخيارات التي يجب مراعاتها، ولكن ربما ترغب في معرفة أهم النقاط البارزة وتشمل: إعدادات الموقع والمنطقة الزمنية والعملة Location و timezone و currency settings. عنوان البريد الإلكتروني الذي سيتم استخدامه لإشعارات المعاملات The email address to be used for transaction notifications. ما إذا كان نطاق scope السعر يجب أن يكون عام global أو على مستوى الموقع website. إعدادات حساب العميل Customer account settings. الشحن والدفع Shipping and payment options. لاحظ أن أي إضافات extensions تضيفها إذا كانت لها إعدادات تحتاج للتعامل معها وضبطها، فإن هذه الإعدادات ستظهر في هذه القائمة الخاصة التي تعرض الإعدادات الممكن ضبطها. بعد إجراء أي تغيير لابد من النقر على "حفظ الضبط Save Config" حتى تصبح سارية المفعول. الخطوة 9: تهيئة صفحات المنتج مع الأسعار والصور يستغرق إعداد المنتجات لمتجر ماجنتو Magento بضع خطوات بسيطة فقط. إذا انتقلت إلى الكتالوج ثم المنتجات على النحو: Catalog > Products، فسترى قائمةً بالسلع الحالية والزر "إضافة منتج Add Product": إذا نقرت فوق هذا الزر، فستتمكن من تحديد نوع المنتج الذي تريد إضافته من القائمة المنسدلة: منتجات بسيطة Simple products: منتجات مادية (ملموسة). منتجات قابلة للتكوين Configurable products: منتجات بسيطة تأتي بأشكال متعددة. المنتجات المُجمَعة Grouped products: مجموعة من المنتجات البسيطة التي يمكن شراؤها منفردة أو مجتمعة. المنتجات الافتراضية Virtual products: وهي الخدمات أو الدورات التدريبية عبر الإنترنت أو "المنتجات" الأخرى التي لا تتطلب الشحن أو التنزيل. منتجات الحزمة Bundle products: مجموعة من العناصر التي تباع مع بعضها ولا يمكن شراؤها بطريقة منفصلة. المنتجات القابلة للتنزيل Downloadable products: المنتجات الرقمية التي يمكن تنزيلها، مثل الكتب الإلكترونية. بناءً على نوع المنتج الذي يتم اختياره، سيتحدّد القالب الذي سيُستخدم لإنشاء الصفحة الخاصة بالمنتج. هناك بيانات لابد من تعيينها وهي، الاسم والسعر ورقم وحدة التخزين SKU؛ أما المعلومات الاختيارية مثل الوزن والأبعاد وكمية المخزون والوصف، فلا يُشترط إدخالها. بعد ذلك، يمكنك اختيار رفع صورة أو مقطع فيديو لبضائعك. وهذا الأمر يُعَد خيارًا جيدًا، إذ يرغب معظم الزبائن في رؤية شكل المنتج قبل شرائه. حتى إذا كنت تبيع منتجات افتراضية أو قابلة للتنزيل، فقد يُنصح بإضافة صورة أو رسم يُوضح خدمتك أو منتجك الرقمي. عند الانتهاء، انقر فوق الزر "حفظ Save" في الركن الأيمن العلوي. إذا كنت جاهزًا لنشر منتجك على موقعك، فتأكد أيضًا من جعل الاختيار Product Online على وضع التشغيل on. ومع ذلك، فمن المُفضل أحيانًا الانتظار حتى تصبح جميع المنتجات جاهزة للعملاء قبل نشرها. الخطوة 10: تحديد خيارات الدفع والشحن الخاصة بك غالبًا ما تؤثر خيارات الدفع والشحن تأثيرًا كبيرًا على ما إذا كان العميل سوف يُكمل عملية الشراء عبر الإنترنت أم لا. ولحسن الحظ، هناك مجموعة كبيرة من الخيارات التي تخص كل من هذين العنصرين في منصة Magento، كما ذُكر بإيجاز في الخطوة الثامنة، ستجد هذه الإعدادات بالانتقال إلى "المتاجر> الإعدادات> الضبط Stores > Settings > Configurations". بعد ذلك، سيتم عرض طرق الدفع Payments Methods تحت العنوان "مبيعات Sales" في القائمة القابلة للطي في الشريط الجانبي الأيسر. من خلال هذا المكان يمكن ضبط طرق الدفع التي تأتي مع منصة ماجنتو Magento، أما إذا قررت استخدام الإضافات extensions لزيادة الخيارات لعملائك، فقد تستغرق هذه العملية بعض الوقت، إذ سيتعين عليك إعداد أنظمة متعددة. وهنا سيكون لكل بوابة دفع متاحة زر "ضبط Configure" يمكنك النقر فوقه لفتح قائمة الإعدادات الكاملة الخاصة بها، بعدها ستحتاج إلى إضافة معلومات مثل ما أنواع البطاقات التي ستسمح بها، وما إذا كان الموقع سيحفظ بيانات بطاقة الائتمان لعمليات الشراء المستقبلية. ملاحظة مهمة: اعتبارًا من سبتمبر 2019، تم إغلاق منصة الشحن المدمجة في ماجنتو Magento. ولكن لا يزال بإمكانك استخدام إحدى الإضافات extension لتمكين شحن منتجاتك. وبالنظر إلى أن الإعدادات ستختلف بناءً على الإضافة التي يتم اختيارها، فيُفضَّل الرجوع إلى توثيق أو دليل الشرح documentation الخاصة بالإضافة للحصول على مزيد من الإرشادات. الخطوة 11: معاينة وتشغيل موقع الويب الخاص بك إذا تم تعديل الموقع مباشرةً (أي تعديل الصفحات أو جزء منها ثم الحفظ مباشرةً على الخادم)، فإن ذلك سيسبب حيرةً كبيرةً للمستخدمين إذا تصفحوا الموقع في مرحلة وسيطة قبل اكتمال التعديل، فضلًا عن احتمالية حدوث مشاكل كارثية أخرى. ولهذه الأسباب، من الأفضل دائمًا استخدام بيئة اختبار Staging Environment أو استخدام نظام التطوير المحلي (يتم حفظ التعديلات واختبارها على حاسبوك)، ثم رفع التغييرات إلى خادمك. إذا كنت تستخدم الطريقة الثانية (تطور الموقع على جهازك)، فإن الخطوة الأخيرة بعد الانتهاء من التعديلات واختبارها، هي رفع جميع الملفات إلى خادم الويب. يمكنك القيام بذلك من خلال التطبيق المستخدم في التطوير المحلي أو باستخدام أحد برامج نقل الملفات باستخدام بروتوكول FTP. سيؤدي هذا إلى تطبيق التغييرات على موقعك، وبالتالي يتمكن المستخدمون من العثور عليه والاستمتاع بتصفحه. في نهاية المطاف، قد تقدم منصة ماجنتو Magento القليل من الأشياء التي ربما لا تُرضي حاجة أي شخص يتطلع إلى بدء متجر على الإنترنت. في حين أن منحنى التعلم قد يوضح أن تعلُّم ماجنتو ربما أقل نسبيًا من منصات التجارة الإلكترونية أو المكونات الإضافية الشائعة الأخرى، مع ذلك يُعَد ماجنتو Magento هو الخيار الأفضل لتجار التجزئة عبر الإنترنت. الخاتمة منصة ماجنتو Magento هي إحدى منصات التجارة الإلكترونية العديدة التي تزداد شعبيتها مؤخرًا، لدرجة أن العديد من شركات استضافة مواقع الويب يقدمون إمكانية التثبيت السريع بنقرة واحدة one-click installation لتسهيل إعداد المنصة. ومع ذلك، فإن إعداد متجرك الإلكتروني وتجهيزه بالطريقة التي تريدها قد يستغرق بعض الوقت. ترجمة -وبتصرّف- للمقال Beginner’s Tutorial for Magento (11 Steps to Build a Website) لصاحبه Nick Schäferhoff. اقرأ أيضًا مقدمة إلى نظام ماجنتو ومفهوم التجارة الإلكترونية نظرة على المنتجات في ماجنتو الإعدادات الأساسيّة لمتجر ماجنتو – الجزء الأوّل إضافة المنتجات البسيطة إلى ماجنتو
  20. El Sayed El Tohamy
    مزيد من المعلومات حول "تثبيت بوابة الدفع وضبط الإعدادات في بريستاشوب"
    سنتعرف في هذا المقال وهو جزء من سلسلة تعلم بريستشوب، على كيفية تثبيت بوابة الدفع وضبط الإعدادات الخاصة ببريستاشوب. تثبيت بوابة دفع بمجرد إنشاء المنتجات وتصميم المتجر، يكون قد حان الوقت لتثبيت بوابة دفع. يمكن القيام بذلك من خلال التوجه إلى: الدفع> طرق الدفع أي Payment ثم Payment Methods. ستجد في الجزء العلوي طرق الدفع المتاحة بالفعل لعملائك. أسفل ذلك، هناك عدد من الوحدات modules التي يمكن تثبيتها لإضافة المزيد من طرق الدفع إلى متجرك. هناك وحدات أخرى متوفرة في السوق، وعند النقر على الزر "ضبط Confiture" تبدأ عملية الإعداد والضبط، وهنا يجب الانتباه إلى أن العديد من خيارات الدفع الإلكتروني تسمح لك بتشغيلها في وضع الاختبار، حتى تتمكن من تجربتها دون دفع فعلي للأموال. من هنا يتم اختيار أنسب طرق الدفع وضبطها. وبمجرد تفعيلها، تصبح بوابات الدفع متاحة للزوار تلقائيًا، ولا توجد حاجة لربط هذه الوحدات بأي خطاف، ومع ذلك إذا كنت ترغب في إزالة بوابات الدفع التي لم تَعُد تحتاجها، فسيتطلب القيام بذلك في مدير الوحدات Module Manager. التوطين (ضبط الإعدادات للدول المختلفة) Localization والضرائب قد تكون إحدى الخطوات الأخيرة هي توطين (أي ضبط الإعدادات الإقليمية) لمتجرك وترجمته للعملاء من كل الدول، وبالتالي يظهر المتجر بما يناسب كل زائر من حيث اللغة والعملة وغيرها من الإعدادات. تجعل منصة بريستاشوب PrestaShop ذلك الأمر سهلًا، بحيث يمكن العثور على كل الخيارات التي تخص هذا الموضوع من خلال التوجه إلى خيار: دوليًا> لوحة تحكم التوطين، أي International ثم Localization panel. من خلال هذه الشاشة، يمكن تحديد اللغة الافتراضية والبلد والعملة والمنطقة الزمنية والوحدات وما إلى ذلك. كما يمكن ضبط نفس الإعدادات لعدة مناطق إقليمية إذا كنت ترغب في دعم هذه المناطق داخل متجرك. الشيء الرائع، هو أن منصة بريستاشوب PrestaShop تأتي مع الكثير من هذه الإعدادات مسبقًا. بدلًا من إدخال كل شيء يدويًا. يمكنك تنزيل ما يسمى بحزم الترجمة localization packs، فببساطة شديدة يمكن اختيار البلد الذي تريد توطينه في متجرك ثم تحديد الأجزاء التي تحتاج إلى تعديلها (الولايات والضرائب والعملة واللغة والوحدات)، ثم اضغط على استيراد Import. عند الانتهاء من ذلك، سيتمكن متجرك من تدعيم هذه الإعدادات الإقليمية ويمكن عرضها للعملاء. بالإضافة إلى ذلك، من الأشياء الرائعة أن منصة بريستاشوب PrestaShop ستضيف خيارات تحويل اللغة والعملة تلقائيًا إلى متجرك في حال توافر العديد منها؛ وسيظهر ذلك من خلال قوائم منسدلة بالأعلى تُمَكن المستخدم من اختيار اللغة والعملة المناسبة. إضافة إلى ما سبق، ستجد في لوحة التحكم الخلفية Back-end خيارات يُمكن من خلالها إعداد ترجمات للصفحات والمنتجات. وعلى أي حال، ستلاحظ بالأعلى وجود ثلاث علامات تبويب أخرى في لوحة الترجمة وهي: اللغات Languages: في هذا التبويب ستجد كل اللغات المثبتة على موقعك. ويمكن حذف أي منها إذا لم تعد هناك حاجة إليها، كما يمكن ضبط تنسيق التاريخ والخصائص الأخرى للغة. العملات Currencies: بنفس الطريقة التي تمت في تبويب اللغات يمكن ضبط العملات. يتضمن أيضًا إمكانية تمكين أسعار الصرف الحية. تحديد الموقع الجغرافي Geolocation: في هذا القسم يمكن منع الزوار من أماكن جغرافية معينة. قوائم التوطين Localization الأخرى في الأسطر التالية سيتم استعراض القسم International، والذي من خلاله يمكن التحكم في الإعدادات التالية: المواقع Locations: يتم من خلال هذا القسم تحديد المواقع الجغرافية التي تبيع فيها منتجاتك وتشحن إليها، أو تلك المواقع التي يمكن للعملاء اختيارها كموطن لهم عند التسجيل. ومن خلال هذا الجزء أيضًا يتم فيه ضبط إعدادات الضرائب والعملة وإعدادات الشحن اعتمادًا على موقع العميل. الضرائب Taxes: تحتوي هذه القائمة على جميع الضرائب المحفوظة في متجرك. ومن هنا، يمكن التحكم في معدل الضريبة الذي يتم تطبيقه على المنطقة الجغرافية والنسبة المئوية والأمور الأخرى. تستورد منصة بريستاشوب PrestaShop تلقائيًا هذه الإعدادات من إعدادات التوطين Localiztion ورغم ذلك يمكنك أيضًا إجراء تغييرات يدوية. الترجمات Translations: تأتي منصة بريستاشوب PrestaShop ومكوناتها بعدة لغات ولكن ليست جميعها مكتملة. ومن خلال هذه القائمة، يمكن إجراء التعديلات على جميع الترجمات تقريبًا، عند اكتشاف بعض الترجمات الغير صحيحة. يُعَد هذا الموضوع معقدًا بعض الشيء، لذلك يُفَضل الرجوع دائمًا إلى مستندات مساعدة المستخدم. ضبط الإعدادات توفر بريستاشوب PrestaShop العديد من الإعدادات مثل إعدادات المتجر Shop Parameters والإعدادات المتقدمة Advanced Parameters. ونظرًا لأنه لن يمكن مراجعة كل الإعدادات، فإليك نظرةً عامةً موجزة. إعدادات المتجر Shop Parameters الإعدادات العامة General: يمكنك من خلال الإعدادات العامة ضبط شهادة الأمان SSL وإعدادات الأمان الأخرى، وتقريب الأرقام وإعدادات العرض وتعدد المتاجر وفئة المتجر الرئيسية والطرق التي من خلالها يمكن ضبط المتجر على وضع الصيانة. إعدادات الطلب Order Settings: ما يراه العملاء عند استعراض المتجر وما إذا كانت عملية التصفح ممكنة كضيف أم تستلزم التسجيل، وخيارات الحد الأدنى للشراء وخيارات الهدايا، والرسائل الموضِحة لحالة الطلب. إعدادات المنتج Product Settings: من هنا يمكن منع استخدام عربات التسوق، وإعدادات المنتجات الجديدة وأوصاف المنتجات، والخيارات المتحكمة في عرض صفحة المنتج والمخزون والخيارات الخاصة بنفاد المخزون وعرض العناصر على هيئة صفحات pagination. العملاء Customers: من هنا يتم التحكم في المعلومات التي سيتم طلبها من العملاء، وكذلك المعلومات التي سيتم عرضها لهم وكذلك التحكم في مجموعات العملاء (على سبيل المثال في حالة تقسيمهم لتطبيق تخفيضات) والألقاب التي يفضلها العملاء اختيارها لأنفسهم (على سبيل المثال السيد / السيدة). بيانات التواصل Contact: التحكم في معلومات التواصل لعرضها على صفحة اتصل بنا Contact Us ومواقع المتاجر. تحسين محركات البحث وتبادل البيانات Traffic & SEO: هنا يتم ضبط خصائص محركات البحث، وضبط روابط الصفحات على موقعك، وإعداد أوصاف التعريف meta descriptions، والعنوان الذي يظهر في محركات البحث SEO، والمعلومات الوصفية الأخرى، وتغيير هيكلة عنوان URL، وضبط ملف robots.txt، ومحركات البحث التي تعرفها منصة PrestaShop خلال عملية التثبيت، وعرض مواقع الويب التي توجه الزوار إلى موقعك. بحث Search: هنا تتم إضافة وضبط أي إعدادات من شأنها تحسين البحث في موقعك، مثل وضع أسماء مستعارة (بديلة) للأصناف التي بها تشابه في الأحرف، أو تلك التي بها أخطاء إملائية مما يساعد على تحسين تجربة البحث في متجرك وتزيل ارتباك العملاء. خبرات التاجر Merchant expertise: تقدم منصة بريستاشوب PrestaShop ميزةً رائعة تمامًا كما هو الحال في الألعاب، والتي من خلالها يمكن للتاجر اكتساب شارات ومكافآت عندما يستكمل أجزاءً معينةً بالموقع، فعندما يرى العملاء هذه الشارات تزداد ثقتهم في متجرك. الإعدادات المتقدمة Advanced Parameters المعلومات Information: البيانات التي يتم تجميعها حول متجرك، مثل معلومات الخادم وقاعدة البيانات. الأداء Performance: هنا يمكن استخدام عدة طرق لتحسين أداء المتجر ومسح ذاكرة التخزين المؤقت وتمكين وضع اكتشاف الأخطاء Debug mode والضغط والتخزين المؤقت والمزيد. الإدارة Administration: يتم هنا تحديث الوحدات modules update وإعدادات ملفات حفظ التعريفات Cookies، وحصة التحميل والإشعارات. البريد الإلكتروني E-mail: كما واضح من الاسم، قائمة رسائل البريد الإلكتروني التي أُرسلت أثناء عملية تثبيت منصة بريستاشوب PrestaShop، وأيضًا الإعدادات الخاصة بإرسال رسائل البريد الإلكتروني واختبارها. استيراد البيانات Import: يتم هنا استيراد البيانات بصيغة CSV، وهي صيغة تخزن البيانات ويكون بينها فاصلة. فريق العمل Team: من خلال هذا الإعداد يتم التحكم فيمن لديه حق الوصول إلى لوحة التحكم بمتجرك، ومجموعة الصلاحيات التي ينتمي إليها كل شخص، وصلاحيات المجموعات والأشخاص. قاعدة البيانات Database: من هنا يمكنك التعامل مع قاعدة البيانات المرتبطة بالموقع، وكذلك تنفيذ استعلامات SQL والنسخ الاحتياطي واستعادة قاعدة البيانات من داخل منصة بريستاشوب PrestaShop. السجلات Logs: هنا يتم تسجيل كل ما يحدث في متجرك (مثل إجراءات المستخدم وحركات الدخول) وما إلى ذلك. الوظائف السحابية Webservice: وهذا مصطلح متقدم يعرفه المبرمجون، ومن خلاله يمكن إنشاء وظيفة سحابية webservice لتمكين طرف ثالث (برنامج أو موقع ويب) من استيراد بعض البيانات من متجرك، وذلك عن طريق إنشاء مفاتيح API. أطلق متجرك الإلكتروني مع بريستاشوب مثلما اتضح سابقًا أن منصة بريستاشوب PrestaShop عبارة عن منصة تجارة إلكترونية قوية. تسمح لك ببناء متجر إلكتروني متكامل مليء بميزات متقدمة جدًا. هذا المتجر فعليًا يمكن تخصيصه حسب احتياجاتك ومن ثَم البدء في البيع على الفور. رغم أن الإعدادات تُعَد معقدة، إلا أنها تتميز بواجهة سهلة الاستخدام خصوصًا للمبتدئين، وتناسب المستخدمين غير التقنيين. كل ما هنالك أن الأمر يستغرق بعض الوقت لفهم وظيفة كل جزء من أجزاء لوحة التحكم. تُعَد الميزات والإمكانيات التي يقدمها الإصدار المجاني من بريستاشوب فعليًا مفاجأة عظيمة جدًا، إذ ستجد أن المنصات والبرامج الأخرى قد تتقاضى أموالًا طائلةً مقابل نفس الإمكانيات التي حصلت عليها مع بريستاشوب PrestaShop. الجانب السلبي الوحيد هو أن أسعار التصميمات والميزات المتقدمة باهظة بعض الشيء. لذلك، ربما يتوجب عليك معرفة ما يحتاجه موقعك مسبقًا حتى لا تدفع أموالًا دون فائدة. وبهذا تكون قد تحصلت فعلًا على منصة تجارة إلكترونية قوية جدًا ومليئة بالمميزات. ترجمة -وبتصرّف- للمقال PrestaShop Tutorial for Beginners (Step-by-Step) لصاحبه Nick Schäferhoff. اقرأ أيضًا المقال السابق: ضبط التصميم الخاص بك في بريستاشوب تصفح الواجهة الأمامية لمتجر بريستاشوب إعدادات إضافية في قائمة الإعدادات المتقدمة في متجر بريستاشوب الخطوات الأولى في بريستاشوب
  21. El Sayed El Tohamy
    مزيد من المعلومات حول "ضبط التصميم الخاص بك في بريستاشوب"
    يُعَد التصميم من أهم الأشياء عند إنشاء متجرك الخاص، لذلك ستتم تغطية هذا الجزء بالتفصيل في هذا المقال، الذي يشرح كيفية ضبط التصاميم في متجر بريستاشوب. ضبط السمة theme والشعار logo المحطة الأولى ستكون في القائمة "التصميم> السمات والشعار Design > Theme & Logo". ستلاحظ في هذه الشاشة الخيارات في الجزء العلوي التي من خلالها يتم تعيين شعار للصفحة الرئيسية وكذلك رسائل البريد الإلكتروني للعملاء والفواتير. يمكنك أيضًا تعيين الرمز المفضل (الرمز الصغير الذي سيظهر في علامات تبويب المتصفح). وهي تتم بشكل سهل للغاية، في نفس سهولة النقر على "تصفح Browse" أو "اختيار الملفات Choose files"، ثم التحميل، ثم الحفظ بعد ذلك. لاحظ التوصيات الخاصة بالحجم في الركن الأيسر العلوي. أسفل ذلك، سترى سمة المظهر theme الحالية الخاصة بك وتجد أزرارًا لزيارة كتالوج السمة وتعديل تخطيطات الصفحة page layout. سيتم شرح ذلك قريبًا. أخيرًا، سترى في القسم السفلي السمات المتاحة في سوق بريستاشوب PrestaShop marketplace والتي يمكنك الوصول إليها من خلال الصفحة الحالية. 2. تثبيت سمة جديدة theme وتغيير السمة الافتراضية عند الرغبة في تغيير سمة متجر بريستاشوب PrestaShop الخاص بك، يمكنك العثور على بعض السمات من خلال التصميم> كتالوج السمات Design > Theme Catalog. ومع ذلك، من أجل الحصول عليها، يتوجب الذهاب إلى سوق السمات، لذلك يمكنك القيام بذلك مباشرةً من هناك. يمكنك هنا تصفية السمات وفقًا لإصدار منصة بريستاشوب PrestaShop الخاص بك وفئة المتجر واللغة وغير ذلك الكثير، ولكن لسوء الحظ لا يحتوي السوق الرسمي على أي سمات مجانية، وتتراوح الأسعار بين 60 و300 دولار؛ ولكن الجيد هو أن هناك سمات مجانية متوفرة في أماكن أخرى، مثل Template Monster، إذ يمكنك الحصول على بعضها مقابل المشاركة والنشر على شبكات التواصل الاجتماعي. تحتوي منتديات PrestaShop أيضًا على مجموعات قليلة من السمات المجانية. بمجرد أن تستقر على إحدى السمات، عُد إلى متجرك، وانقر فوق "إضافة سمة جديدة Add new theme" في الأعلى. لديك بعد ذلك ثلاث طُرق لتطبيق السمة الخاص بك على موقعك: رفع السمة كملف مضغوط استيراد السمة مباشرةً عن طريق العنوان URL استخدام أحد برامج رفع الملفات باستخدام بروتوكول FTP ووضعها في مجلد السمات themes folder بموقعك، ثم اختياره من القائمة المنسدلة بمجرد أن يتم الرفع، سيتم عرضها في قائمة السمات في Theme & Logo ببساطة شديدة جدًا، عند الطواف بمؤشر الفأرة على السمة الجديدة يظهر الزر "استخدم هذه السمة Use this theme"، ومجرد النقر عليه ستظهر رسالة تأكيد لتثبيت هذه السمة، وبعد التأكيد ثم استعراض متجرك ستجد أن المحتوي كما هو ولكن تم تغيير المظهر. 3. اختيار تخطيط الصفحة ثمة زر ذو وظيفة هامة جدًا موجود بأسفل قائمة السمات الخاصة بك، وهو الزر "اختيار التخطيط Choose layouts" والذي من خلاله يتم اختيار التخطيطات. وعند النقر فوقه، يتم الانتقال إلى شاشة يُمكن من خلالها اختيار تخطيط كل صفحة من صفحات موقعك عبر القائمة المنسدلة. التخطيطات المتاحة تعتمد على السمة theme. على سبيل المثال، تقدم السمة التي تم تثبيتها للتو على ثلاث اختيارات، تخطيط كامل العرض full-width أو ثلاثة أعمدة three-column أو تخطيطين من عمودين two-column؛ لذلك إذا لم تكن راضيًا عن تخطيط إحدى صفحاتك، فهنا يمكن تغيير تخطيط أي صفحة. 4. تغيير إعدادات الصفحة الرئيسية في الجزء العلوي من السمة والشعار Theme & Logo، ستجد علامة تبويب تسمى ضبط الصفحة الرئيسية Homepage Configuration. وكما هو متوَقع، هذا هو المكان الذي تجري فيه التغييرات على صفحة الموقع الرئيسية. تمثل الأشرطة الأفقية الوحدات البرمجية modules النشطة حاليًا. عند النقر فوق أحدها، سيتم تطبيقه أيضًا للمعاينة على المخططات الموجود على اليسار. فعلى سبيل المثال، إذا كنت تريد تعطيل شريط عرض الصور Slider (وهو الموجود بأول الصفحة الرئيسية الذي يستعرض الصور ويعرضها واحدةً تلو الأخرى)، فما عليك سوى النقر فوقه، ثم من خلال السهم الصغير اختر "تعطيل Disable" . سيؤدي هذا أيضًا إلى إزالته من الواجهة الأمامية لمتجرك. تستطيع منصة بريستاشوب PrestaShop اقتراح بعض المكونات لبعض الأماكن مثل القسم Home Products، وبالتالي يمكن تثبيت المكونات المقترحة مباشرةً من هذه الصفحة لهذا القسم. علاوةً على ذلك، توفر لك القائمة روابط لأجزاء أخرى من لوحة التحكم الخلفية back-end، حيث يمكنك إجراء المزيد من التغييرات. على سبيل المثال، إذا كنت تريد إضافة وحدات برمجية modules إلى الصفحة الرئيسية أو تغيير ترتيبها، فيجب القيام بذلك في قسم الوحدات البرمجية modules، وسيتم شرح المزيد عن الوحدات البرمجية الآن. 5. التعامل مع الوحدات البرمجية Modules دعنا نوجه انتباهنا إلى القسم "التصميم> المناصب" Design > Positions. لا تجعل القلق يسطر عليك إذا بدا الأمر تقنيًا في البداية، فستتعلم المهارة بسرعة. ما تراه هنا هو كل الخطافات hooks الموجودة في السمة والوحدات modules المرفقة مع كل خطاف. الخطافات هي عبارة عن مواقع محددة في السمة theme الخاصة بك (توجد في كل من الواجهة الأمامية والخلفية)، أما الوحدات modules فهي مثل عناصر واجهة المستخدم Widgets والإحصاءات وقوائم الارتباطات ونماذج الاشتراك واشرطة عرض الصور وأزرار التواصل الاجتماعي والمزيد. على سبيل المثال، في الخطاف المسمى displayHome، ستجد وحدة Module تُسمى تخصيص النص Custom text blocks. وربما تستطيع التخمين من اسم هذه الوحدة Custom text blocks أنها مساحة كلامية تحتوي النص الافتراضي أبجد هوز Lorem ipsum. يوجد لكل خطاف hook وصف مختصر يخبرك بموقعه في السمة. وبالتالي إذا كنت تريد إجراء تغييرات على هذه الوحدة، فهذا هو المكان المناسب للقيام بذلك. من أول الأِشياء التي يمكن القيام بها هو استخدام السهمين لأعلى ولأسفل أو النقر فوق رقم الموضع لسحب الوحدة وإفلاتها، وذلك لتغيير موضعها. بهذه الطريقة، سيتغير مكان ظهور الوحدة. ويتم حفظ التغييرات تلقائيًا، وستلاحظ تأثير ذلك مباشرةً على الصفحة الرئيسية أيضًا. لإزالة أي من الوحدات modules تمامًا، انقر فوق زر السهم الصغير واختر Unhook. وكعملية بديلة، يمكن إزالة عدد من الوحدات مرةً واحدةً عن طريق اختيارها بتحديد المربع الصغير على يسار كل وحدة، فيظهر زر "إزالة الوحدات المختارة Unhook the selection" والنقر عليه لإزالة كل الوحدات التي تم اختيارها. كلا من الطريقتين تتسببان في إخفاء الوحدة. 6. زرع الوحدات Transplant Modules في حالة الرغبة في استعادة الوحدات المحذوفة، يجب عليك إعادة توصيلها بالخطاف. وهذا ما يسمى "زرع transplanting" في منصة بريستاشوب PrestaShop، ويتم ذلك من خلال صفحة خاصة. يمكن الوصول إلى هذه الصفحة عن طريق النقر على الزر "زرع وحدة Transplant a module" في أعلى يمين شاشة المواضع Positions. تعرض القائمة المنسدلة الموجودة في الأعلى كل الوحدات المتاحة على موقعك. وبمجرد اختيار الوحدة المطلوبة، تصبح قائمة Transplant to نشطة وتعرض جميع الأماكن التي يمكن إرفاقها بها. ويمكن من خلال القسم "استثناءات Exceptions"، تحديد الأماكن التي لا ترغب ظهور هذه الوحدة بها. هذا لا ينطبق على الوحدة المستخدمة في درسنا الحالي ولكنه قد يكون منطقيًا ومطلوبًا بالنسبة للوحدات الأخرى. ولفعل ذلك، إما أن تكتب أسماء الأماكن بينها فاصلات Commas، أو اختيارها من القائمة أسفل منها (يمكن استخدم Ctrl وShift لتحديد عدة عناصر). احفظ اختياراتك بالنقر على زر "حفظ Save" بالأسفل عندما تنتهي من كل تعديلاتك. وبعد ذلك يجب أن تعود وحدة تخصيص النص custom text block. إذا كنت تريد إجراء تغييرات في وقت لاحق، فيمكنك دائمًا النقر فوق الزر "تحرير Edit" للوحدة في شاشة المواضع Positions للعودة إلى هذه القائمة. يمكنك العثور على مزيد من المعلومات حول الخطافات والوحدات النمطية في قسم المساعدة أو الوثائق. 7. تعديل قائمة التنقل الخاصة بك لقد تعلمت كيفية إضافة الوحدات modules وإزالتها وتعديل موضعها، ولكن ماذا لو أردنا عمل تغييرات على محتوى الوحدة نفسها؟ على سبيل المثال تعديل وحدة القائمة الرئيسية Main menu module؟ وهذه الوحدة مرفقة بالخطاف displayTop (يمكنك النزول لأسفل قائمة المواضع حتى تصل إليه وترى كل الوحدات المرتبطة به) إلا أن، تعديل محتوى أي وحدة من الوحدات المعروضة لا يتم من هذه الشاشة أبدًا، إنما يجب الانتقال إلى Modules> Module Manager. ستجد هناك جميع الوحدات المتاحة على موقعك النشطة والغير نشطة. حتى أنه من الممكن العثور على الوحدة module الخاصة بالقائمة الرئيسية main menu، ولفعل هذا نقوم بتصفية تساعدنا على إيجاد الوحدة المطلوبة، وذلك من خلال الذهاب إلى القائمة المنسدلة "تحديد الحالة Status" ثم اختيار الوحدات المُفَعلة Enabled. بعد ذلك، ابحث عن القائمة الرئيسية main menu module تحت القسم التصميم والتنقل Design & Navigation (قد تضطر إلى النقر فوق عرض المزيد See more في الأسفل). يمكنك أيضًا العثور عليه عن طريق استخدام شريط البحث في الأعلى. وفي كلتا الحالتين، عند النقر فوق الزر "ضبط Configure"، يتم الانتقال إلى الشاشة التالية: ستلاحظ وجود قائمتين، التي على اليسار، تعرض ما هو موجود فعليًا في القائمة، أما التي على اليمين، فتعرض كل الصفحات المتوفرة في متجرك. استخدم زر الإزالة Remove لإزالة العناصر من القائمة، وزر الإضافة Add لإضافة العناصر إلى القائمة. حدّد أيًا من العناصر الموجودة، ثم باستخدام أزرار الأسهم الموجودة على اليسار يمكن تغيير ترتيبها بالقائمة. ولإضافة روابط مخصصة، استخدم النموذج في الأسفل. عند الانتهاء، لا تنسَ الحفظ حتى تستطيع رؤية التغييرات في متجرك. لاحظ أن كل وحدة module ستكون لها خيارات تختلف عن الوحدات الأخرى، لذلك قد تختلف هذه الشاشة من وحدة إلى أخرى، بالتالي لن تبدو دائمًا بنفس الشكل. 8. تعديل الصفحات أما المحطة القادمة في درسنا هذا فستكون في قائمة التصميم > الصفحات Design > Pages. هنا، وعند الرغبة في تغيير محتوى صفحة ما، ولتكن صفحة "من نحن About us". أول ملاحظة هي وجود ما يسمى بفئات الصفحات Categories، وهي التي تسمح لك بتجميع الصفحات حسب الموضوع من أجل تنظيم أفضل. سيؤدي هذا أيضًا إلى نقلهم ضمن نفس الفئة في هيكل التنقل التفصيلي. في الوقت الحالي، نريد ببساطة النزول للأسفل حتى نصل إلى صفحة "من نحن About us" ثم النقر فوق "رمز القلم" على اليمين لتحرير الصفحة. سيؤدي هذا إلى نقلنا للصفحة التالية: الإعدادات هنا واضحة جدًا. فالجزء العلوي يخص الفئة، ومن خلاله يمكن تغيير الفئة التي تندرج تحتها هذه الصفحة. أسفل ذلك، يمكنك تعديل عدة خصائص مثل عنوان الصفحة title وعنوان التعريف meta title والوصف والكلمات المفتاحية (والتي ليست ضرورية حقًا).عيّن الرابط الثابت من خلال الخانة Friendly URL، أما في الخانة SEO Preview فستظهر لك معاينة للصفحة كما ستبدو في محركات البحث. اكتب محتوى الصفحة في المحرر، وإذا سبق لك استخدام محرر ووردبريس WordPress الكلاسيكي أو أحد برامج معالجة الكلمات العادية مثل ميكروسوفت وورد، فلن تشعر بأي غُربة وكأنك معتاد على هذا المحرر فعليًا، لذا يمكنك استخدام التنسيق وتعيين العناوين وإدراج الصور والروابط للصفحات الأخرى وتضمين مقاطع الفيديو والمزيد. احفظ وعاين الصفحة الجزء السفلي، ثم اعرضها في متجرك عن طريق تبديل وضع الزر Displayed إلى Yes. عندما تنشر المتجر على الإنترنت، قد ترغب أيضًا تعيين الفهرسة بواسطة محركات البحث Indexation by search engines إلى Yes. وبطبيعة الحال، إذا كانت لديك أسباب منطقية، فيمكنك إبقاء الصفحة خارج فهرس البحث. يجب عليك الآن حفظ أي تغييرات أجريتها حتى يمكن مشاهدتها في الواجهة الأمامية. وبنفس الطريقة يتم إنشاء الصفحات الجديدة. إعدادات التصميم الأخرى ماذا يقدم قسم التصميم Design section أيضًا؟ دعنا نتناولها بسرعة: سمة البريد الإلكتروني Email Theme: ترسل منصة بريستاشوب PrestaShop رسائل بريد إلكتروني إلى العملاء بانتظام (مثل إرسال بريد لتأكيد طلبهم). هنا، يمكن التحكم في تصميم الرسائل المرسلة وأي أمور أخرى. إعدادات الصورة Image Settings: في هذا القسم، يمكن تحديد الأحجام التي تنشئها منصة بريستاشوب PrestaShop للصور التي تحمّلها إلى متجرك. مُكون الارتباط Link Widget: من هنا يتم كتابة المحتوى لوحدة قائمة الروابط. ترجمة -وبتصرّف- للمقال PrestaShop Tutorial for Beginners (Step-by-Step) لصاحبه Nick Schäferhoff. اقرأ أيضًا تعليم منصة بريستاشوب PrestaShop للمبتدئين تخصيص تصميم متجرك في بريستاشوب PrestaShop ضبط الإعدادات المتقدمة في متجر بريستاشوب الإضافات والخدمات في بريستاشوب PrestaShop إعدادات المنتج في متجر بريستاشوب
  22. El Sayed El Tohamy
    مزيد من المعلومات حول "إنشاء أصناف المنتجات في بريستاشوب"
    يُعد إدراج المنتجات وإدارتها أحد أكثر المشكلات الأساسية عند إنشاء متجر عبر الإنترنت. في منصة بريستاشوب PrestaShop، يمكن العثور على الوظائف والأدوات التي تساعدك على إنجاز كل العمليات التي تخص الأصناف تحت القائمة "الكتالوج> المنتجات" Catalog > Products، وعند النقر عليها، تظهر الشاشة التالية. في هذه الشاشة، تجد قائمةً بجميع الأصناف المسجلة على موقعك. يمكنك أيضًا تصفيتها filter، أو تنشيطها / إلغاء تنشيطها، أو تكرار صنف من صنف، أو حذفها أيضًا. لإنشاء منتج (صنف) جديد، انقر فوق الزر "صنف جديد" New product في الجزء العلوي الأيمن أو اضغط على Ctrl + P. سينقلك هذا إلى الشاشة التالية. وفيما يلي شرح لعلامات التبويب الإعدادات الأساسية Basic settings أول شيء يجب القيام به في هذه الشاشة هو كتابة اسم المنتج في الجزء العلوي من الشاشة؛ وعلى يمينه توجد قائمة منسدلة تسمح لك بتحديد نوع الصنف، أي هل هو منتج مادي (سلعة ملموسة)؟ أو حزمة منتج (مجموعة من منتجين على الأقل موجودين فعلًا)؟ أو منتج رقمي (مثل الخدمات والكتب الإلكترونية)؟ أسفل منه، ستجد الإعدادات الأساسية الخاصة بك. انقر داخل الخانة العليا المكتوب داخلها "إدراج الصور Drop images here"، والتي من خلالها يمكن تحميل صور المنتج. وفي حالة وجود عدة صور للمنتج، يمكنك أيضًا اختيار أي منها ستكون صورة الغلاف، كما يمكن إضافة عنوان label عن طريق النقر عليهم. بالأسفل منها، يوجد محرر نصوص يمكنك من خلاله إضافة ملخص المنتج (الذي سيظهر على صفحة المتجر)، وكذلك وصفًا أطول أكثر تفصيلًا سيظهر لمن يستعرضون المنتج بصفحته. في الأخير، يمكنك إضافة ميزات وعلامات تجارية ومنتجات أخرى ذات صلة بهذا المنتج. ويجب الانتباه هنا إلى أنه يجب إنشاء المنتجات ذات الصلة أولًا حتى تتمكن من اختيارها. على الجانب الأيمن توجد عدة خيارات للبيانات المهمة: Combinations مجموعة المواصفات: في هذا الخيار، يمكنك تحديد ما إذا كان هذا منتجًا بسيطًا أم منتجًا له مواصفات متعددة مثل الحجم والوزن واللون وما إلى ذلك. فإذا كان من النوع الثاني، فعندها يمكنك ضبطه من خلال علامة التبويب المجموعات Combinations التي ستظهر عند تفعيل هذا الخيار. Reference المرجع: هذا هو الكود المرجعي لهذا المنتج، وهو أمر مهم لإدارة المخزون. Price السعر: تحديد السعر مع وبدون ضرائب بالإضافة إلى معدل الضريبة. Categories الفئات: مثل منشورات المدونة بالضبط، فإن تعيين الفئات للمنتجات يُسهل تصفيتها filtering والعثور عليها. فعندها يمكن اختيار فئة للصنف الحالي من بين تلك الموجودة فعليًا على موقعك، أو يمكن إنشاء فئة جديدة. الكميات Quantities يمكنك في علامة التبويب هذه التحكم في مخزون هذا المنتج والطلبات المؤجلة: Quantity الكمية: في هذا القسم يتم إدخال الكمية المتاحة وأيضًا حدّ الطلب (الكمية التي تستوجب طلب الشراء) Stock location وضع المخزون: تحديد الكمية التي عندها يكون مستوى المخزون منخفضًا، وهل يتم إشعارك بذلك أم لا Allow/disallow backorders السماح/عدم السماح بالطلب عند نفاد المخزون: إذا نفد الصنف، هل يتم السماح للمشترين بعمل طلب شراء مؤجل أم لا يسمح، وكذلك تحديد العبارة التي تظهر عند نفاد الصنف والعبارة التي تظهر عند توافره، وكذلك تحديد التاريخ الذي سيتم توفير الصنف فيه. الشحن بشكل متوقع، يتم في هذا القسم تتعامل مع كل ما يتعلق بشحن المنتج: أبعاد المنتج Package dimension ووزنه الذي بناءً عليه يتم احتساب تكاليف الشحن. وقت أو مدة التسليم Delivery time (يتم تحديد المدة حتى يصل المنتج للعميل، وذلك في حالة توافره وفي حالة عدم توافره). رسوم الشحن الإضافية Shipping fees إن وُجدت. شركات النقل المتاحة Available carriers لهذا المنتج كما تم ضبطها في الإعدادات الخاصة بك. التسعير في هذه الشاشة، يتم ضبط كل ما له علاقة بتسعير المنتج: السعر مع أو بدون ضريبة، والقوانين والأحكام الضريبية السارية، وما إذا كان المنتج معروضًا للبيع. سعر الوحدة إذا نصت قوانين البلد على ذلك. سعر التكلفة، أي سعر تكلفة المنتج عليك، لمساعدة منصة بريستاشوب PrestaShop في احتساب هامش الربح وبالتالي إجمال الأرباح. تخصيص أسعار محددة لمجموعات معينة من العملاء والعملات والبلدان والتواريخ وغير ذلك بالإضافة إلى كيفية ترجيح تلك الخصائص. تحسين محركات البحث Search Engine Optimization (SEO) تشتمل منصة بريستاشوب PrestaShop على ميزات قوية جدًا لتحسين محركات البحث SEO. هنا في هذه الشاشة، يمكنك التحكم في الكثير من خصائص المنتج التي تظهر في محرك بحث جوجل، مثل عنوان المنتج بمحرك البحث، والوصف، والرابط لهذا المنتج} كما يمكنك أيضًا ضبط الصفحة البديلة Redirections page في حالة عدم توافر الرابط الأصلي للمنتج إذا لزم الأمر. الخيارات Options أخيرًا، تمكّنك هذه الشاشة من إضافة خيارات ومعلومات إضافية إلى منتجك. إتاحة رؤية المنتج Product visibility: تحديد أين يظهر الصنف، والخيارات هي (كتالوج المنتج، البحث، في كل مكان٬ لا شيء مما سبق). تحديد ما إذا كان متاحًا للطلب وما إذا كان يقتصر بيع هذا الصنف على متجر الويب فقط. الكلمات المفتاحية tags التي تعمل على مساعدة العملاء في العثور على ما يريدون بسهولة أكبر. الحالة Condition (جديدة - مستعملة - مجددة) وما إذا كان سيتم إدراج هذه المعلومات. معلومات إضافية Additional info مثل رقم ISBN، الباركود. القدرة على تخصيص المنتج Customization، كأن يكتب العميل نصًا معينًا أو صورة معينة على المنتج. الملفات المرفقة، مثل الدليل وكتيب التعليمات أو غير ذلك. نشر المنتج بعد استيفاء كل البيانات، يجب النقر على الزر "حفظ Save" الموجود بأسفل الصفحة، إذ بحفظ البيانات ستضمن أن ما أدخلته لن يختفي. بعد ذلك، يمكنك معاينة شكل المنتج بالنقر على الزر المُعبر عن هذا المنتج. وعندما تفعل ذلك، ستُخبرك منصة بريستاشوب PrestaShop بما إذا كان هناك أي شيء خاطئ ويحتاج إلى تصحيح. عندما يكون كل شيء على ما يرام، أرسل المنتج إلى متجرك عن طريق تبديل زر Offline إلى Online (وبالطبع، لإلغاء نشر المنتجات يتم عكس الوضع). وهذه هي النتيجة النهائية: الخيارات الأخرى بقسم الفهرس (الكاتالوج) Catalog للمنتجات فيما يلي الخيارات الأخرى التي تجدها في قسم الكتالوج Catalog وما يمكنك القيام به هناك: الفئات Categories: إنشاء فئات المنتجات وإدارتها لتنظيم السلع بشكل أفضل المراقبة Monitoring: تعرض لك الكثير من المعلومات حول منتجاتك مثل الفئات الفارغة والمنتجات ذات المعلومات الناقصة الخصائص Attributes: في هذا القسم، يتم التحكم في خصائص وميزات المنتج مثل اللون والحجم والوزن وما إلى ذلك. العلامات التجارية والموردون Brands & Suppliers: تسمح العلامات التجارية للزوار بالتصفية filter على حسب صانعي المنتجات المفضلين لديهم ويمكنك أيضًا حفظ عناوين مورديك هنا الملفات Files: يمكن حفظ الملفات المهمة التي قد تفيد العملاء ويرغبون في قراءتها قبل الشراء مثل ملف التوضيح. الخصومات Discounts: يمكن إضافة قواعد للخصومات discounts مثل السداد قبل تاريخ معين، وكذلك إضافة القسائم Vouchers أو أي تنزيلات محددة. المخزونات Stocks: هنا تتم إدارة المخزون كاملًا، مثل الكمية المتاحة من كل صنف، وكذلك حد التحذير عند انخفاض المخزون ترجمة -وبتصرّف- للمقال PrestaShop Tutorial for Beginners (Step-by-Step) لصاحبه Nick Schäferhoff. اقرأ أيضًا تعليم منصة بريستاشوب PrestaShop للمبتدئين تخصيص تصميم متجرك في بريستاشوب PrestaShop ضبط الإعدادات المتقدمة في متجر بريستاشوب الإضافات والخدمات في بريستاشوب PrestaShop إعدادات المنتج في متجر بريستاشوب
  23. El Sayed El Tohamy
    مزيد من المعلومات حول "تعليم منصة بريستاشوب PrestaShop للمبتدئين"
    هناك العديد من منصات التجارة الإلكترونية التي تساعد في بناء المتاجر الإلكترونية Online Stores. وفي هذا البرنامج التعليمي، ستتعرف على أحدها، الذي يعرف بمنصة بريستاشوب PrestaShop. إذا لم تكن لديك خلفية حول بريستاشوب PrestaShop، فإن بريستاشوب هو عبارة عن حزمة برمجية يمكن تنزيلها وتثبيتها على خادم الويب الخاص بك بغرض إنشاء متجر إلكتروني. وبهذا، فهي مشابهة جدًا لمنصة ماجنتو Magento، وهي إحدى منصات التجارة الإلكترونية المستقلة الاستضافة self-hosted. مستقلة الاستضافة self-hosted تعني أنك تثبّتها على استضافتك الخاصة، بعكس المنصات كاملة الاستضافة fully-hosted التي توفر الاستضافة مثل شوبيفاي Shopify. في هذا الدرس التعليمي، سيتم التعمق في دراسة منصة بريستاشوب PrestaShop، ومعرفة ماهيتها وكيفية تثبيتها وإعدادها، وكذلك كيفية البدء في إنشاء متجر إلكتروني على الإنترنت خطوةً بخطوة. ما هي منصة بريستاشوب PrestaShop؟ قبل الحديث عن كيفية استخدام منصة بريستاشوب PrestaShop، يجب التعرف أولًا على ماهية هذه المنصة. فكما ذُكِر سابقًا، منصة بريستاشوب PrestaShop هي عبارة عن حزمة برمجية أو نظام برمجي مصمم لإنشاء مواقع التجارة الإلكترونية. تأسست هذه المنصة بواسطة شركة برمجيات خاصة، وهي منصة مفتوحة المصدر Open source. وكونها مفتوحة المصدر، فهذا يعني أن هناك عددًا كبيرًا من المبرمجين قد تطوعوا بوقتهم ومهاراتهم وطاقتهم لتحسين منصة بريستاشوب PrestaShop. نفس النظام مُستخدم أيضًا مع منصة WordPress وأنظمة إدارة المحتوى مفتوحة المصدر الأخرى. يثق في منصة بريستاشوب PrestaShop أكثر من 260.000 متجر. تأتي منصة بريستاشوب PrestaShop مع جميع الوظائف اللازمة لإنشاء متجر إلكتروني على الإنترنت، فهي قادرة على الآتي: إدارة المنتجات والمخزون والفواتير والعملاء. الدفع والشحن والضرائب والمتطلبات القانونية الأخرى. خيارات التسويق، بما في ذلك تحسين محركات البحث SEO، والقسائم (الكوبونات)، والعروض الخاصة Special Offers، والتسويق عبر البريد الإلكتروني. تقارير تفصيلية عن جميع أجزاء متجرك الإلكتروني. إمكانية توسيع متجرك وجعله عالميًا وتخصيصه. من المهم ملاحظة أنه على الرغم من أن منصة بريستاشوب PrestaShop مجانية، فإنه لا تزال هناك تكاليف أخرى. أولّها أنك بحاجة إلى خطة استضافة، واسم نطاق domain. تحتاج منصة بريستاشوب إلى متطلبات طبيعية جدًا لذا لا تحتاج إلى أي مواصفات خاصة للخادم. وكل ما تحتاجه هذه المنصة هو ضبط القليل من الإعدادات التي تكون متوافرةً طبيعيًا مع معظم شركات الاستضافة؛ لذلك، يمكن أخذ فكرة عن تكاليف الاستضافة، وهذا عن طريق إلقاء نظرة على قائمة أفضل مزودي خدمات استضافة الويب (راجع أيضًا مقالًا حول نصائح قبل شراء اسم نطاق). بالإضافة إلى ذلك، قد تحتاج إلى شراء السمات themes ومكونات إضافية أخرى، وسيتم الحديث عن ذلك بالتفصيل لاحقًا. أخيرًا، إذا ظهرت أمامك أي صعوبات، فإن منصة بريستاشوب PrestaShop تقدّم الكثير من الدعم من خلال توثيق المساعدة Documentation، وتوثيقات ومستندات للمطورين والمنتديات والمزيد. إعداد وتثبيت بريستاشبوب PrestaShop حسنًا، الآن وبعد معرفة ما هي منصة بريستاشوب، حان الوقت لاستعراض كيفية استخدامها. وربما هذا هو سبب اهتمامك بهذا الدرس التعليمي لمنصة بريستاشوب PrestaShop في المقام الأول والثمرة التي ستخرج بها بعد إكمال هذا الدرس. كما ذُكر سابقًا، لابد من وجود استضافة واسم نطاق domain لتثبيت المنصة، لكن بدلًا من ذلك، يمكن اختبار منصة بريستاشوب PrestaShop، عن طريق تثبتيها محليًا على جهاز الحاسب الخاص بك. 1. تحميل وفك الضغط أول شيء يجب القيام به عند إنشاء متجر على الإنترنت باستخدام منصة بريستاشوب PrestaShop هو تنزيل البرنامج، لذلك يجب الانتقال إلى صفحة التنزيل الرسمية. في هذه الصفحة، يجب عليك إدخال عنوان بريدك الإلكتروني، وقبول الشروط والأحكام، ثم الضغط على الزر "تنزيل Download" ذي اللون الوردي الكبير ليبدأ التنزيل. بمجرد اكتمال التنزيل، سيكون لديك ملف مضغوط ستحتاج إلى فك ضغطه. ستجده مكونًا من ثلاثة عناصر: ملف index.php. ملف Install_Prestashop.html. ملف مضغوط. وسنعود إلى هذه الملفات قريبا. 2. إنشاء قواعد البيانات الخطوة التالية الواجب القيام بها هي إنشاء قاعدة بيانات، وكما هو الحال في المنصات الأخرى مثل جوملا Joomla ودروبال Drupal وووردبريس WordPress، تتكون منصة بريستاشوب PrestaShop من جزئين هما الملفات، وقاعدة البيانات. تتمثل أهمية قاعدة البيانات أنها تحتوي على جميع البيانات المهمة، مثل المحتوى والنص والمستخدمين وعلاقات المحتوى، حيث أن منصة بريستاشوب PrestaShop تضم كل الصور والملفات المطلوبة لعرض المحتوى، والتي يتم استخراجها من قاعدة البيانات. تعتمد طريقة إنشاء قاعدة البيانات على لوحة التحكم لشركة الاستضافة الخاصة بك، ويستخدم الكثيرون لوحة تحكم مثل phpMyAdmin. بعد إنشاء قواعد البيانات، ستحتاج إلى حفظ أربعة أشياء: اسم قاعدة البيانات. اسم مستخدم قاعدة البيانات username له كامل التحكم. اسم خادم قواعد البيانات (غالبًا ما يكون localhost). كلمة المرور الخاصة بالمستخدم السابق. يجب حفظها في مكان أمين، إذ أنك ستستخدمها قريبًا! 3. رفع الملفات والبدء في تثبيت بريستاشوب PrestaShop بمجرد إنشاء قاعدة بيانات، يكون قد حان الوقت لتحميل الملفات إلى خادمك وبدء التثبيت، ومن أجل القيام بذلك، اتصل بالخادم عن طريق أحد برامج نقل الملفات عبر برتوكول FTP مثل برنامج Filezilla، وهو أحد البرامج التي تسهل عملية نقل الملفات من وإلى الخادم، ثم ابدأ في رفع الملفات من جهازك إلى المسار الذي يرتبط به اسم النطاق domain الخاص بك (في المعتاد يكون المسار الجذري root directory)، وكن صبورًا لأن عملية الرفع تستغرق بعض الوقت. عند الانتهاء، اكتب اسم النطاق domain الخاص بك في المتصفح، إذ ستؤدي هذه الخطوة إلى بدء التثبيت تلقائيًا. انتظر حتى يتم فك ضغط ملفات التثبيت. 4. إكمال التثبيت بعد الانتهاء ستظهر الشاشة التالية: هذه الشاشة هي أول شاشة في معالج التثبيت الذي يرشدك خلال تثبيت بريستاشوب PrestaShop. وفيما يلي الخطوات وما يجب القيام به في كل منها: اختر لغتك المفضلة من القائمة المنسدلة واضغط على زر "التالي Next". وافق على اتفاقية الترخيص license agreement، ثم اضغط على زر "التالي Next" مرةً أخرى للمتابعة. سيجري معالج بريستاشوب PrestaShop اختبارًا قصيرًا لمعرفة ما إذا الخادم يوفي بالمتطلبات أم لا. أصلح أي تحذيرات تراها هنا، وحدّث refresh إذا لزم الأمر للمضي قدمًا. أدخل معلومات متجرك، أيْ اسم المتجر، والفئة (نوع النشاط الرئيسي)، والبلد والمنطقة الزمنية التي سيعمل بها المتجر. جهز حساب مسؤول admin account عن طريق إدخال اسمك الأول والأخير بالإضافة إلى عنوان البريد الإلكتروني (سيُستخدم هذا البريد كاسم المستخدم الخاص بك!)، ثم اكتب كلمة مرور -مرتين- واستمر. ستحتاج هنا إلى إدخال عنوان خادم قاعدة البيانات واسم قاعدة البيانات واسم المستخدم وكلمة المرور. تُستخدم هذه الشاشة أيضًا لتحديد سابقة أو بادئة prefix لجداول كل موقع، وهذا في حالة استخدام قاعدة بيانات واحدة لعدد من المواقع تظهر فائدة السابقة prefix في تمييز جداول كل موقع بسابقة معينة قبل اسم الجدول، لتتم معرفة جداول كل موقع. ومن الأفكار الجيدة أن تستخدم شيئًا آخر غير ps_ القياسي، مثل xyz_٬ ثم اختبر ما إذا كان كل شيء يعمل كما ينبغي وانتقل إلى الخطوة التالية. بالوصول لهذه النقطة، تكون قد وصلت إلى التثبيت الفعلي، وهنا ستكون منصة بريستاشوب PrestaShop قد فكت ضغط الملفات وتملأ قاعدة البيانات وإنشاء كل ما هو مطلوب للبدء. بعد اكتمال التثبيت، ستظهر رسالة الاكتمال هذه: وكما هو مذكور، فإن الخطوة الأخيرة هي حذف المجلد المسمى "Install". يمكن القيام بذلك عبر أحد برامج نقل الملفات FTP مثل ذلك الذي استخدمته من قبل عند رفع الملفات، وهذا المجلد موجود في دليل بريستاشوب PrestaShop directory الرئيسي. 5. تسجيل الدخول واستطلاع متجرك للمرة الأولى في شاشة رسالة النجاح السابقة، ستجد أيضًا زرين أحدهما ينقلك إلى لوحة التحكم الخلفية back-end، في حين أن الآخر ينقلك إلى واجهة الموقع الأمامية front-end. عند النقر فوق الزر "اكتشاف متجرك Discover your store" الموجود على اليمين، أو كتابة اسم النطاق domain الذي يشير إلى الخادم الذي تم تثبيت منصة بريستاشوب PrestaShop عليه، فإنه سينقلك إلى الواجهة الأمامية لمتجرك. كما ترى، يحتوي الموقع بالفعل على تصميم وبعض المحتوى الوهمي حتى تستطيع رؤية تصميمًا يقارب التصميم النهائي الذي سيكون عليه المتجر بعد إكماله. أنيق، أليس كذلك؟ عند العودة والضغط على الزر "إدارة متجرك Manage your store"، سينقلك إلى صفحة تسجيل الدخول. عمل رائع، لقد نجحت في تثبيت منصة بريستاشوب PrestaShop! التعرف على لوحة معلومات بريستاشوب PrestaShop Dashboard عند اكتمال التثبيت، فإن أول شيء يظهر هو لوحة المعلومات الرئيسية Main Dashboard. والآن حان الوقت لمعرفة ما تقدمه لوحة المعلومات. سيبدو الشريط العلوي مألوفًا لمستخدمي ووردبريس WordPress. وها هي محتوياته: قائمة منسدلة قابلة للضبط تُستخدم في الوصول السريع للإجراءات والأجزاء المهمة من متجرك. حقل (خانة) بحث تُستخدم للبحث في كامل المتجر. ينتقل الزر "استعراض متجري View my shop" مباشرةً إلى الواجهة الأمامية لمتجر الويب الخاص بك. زر تنبيهات notifications، عند النقر عليه، يُظهر لك الطلبات الجديدة، والعملاء الجدد وكذلك الرسائل. يوضح رمز الكأس الصغير ما تم إنجازه في إعدادات المتجر الأساسية، مثل إضافة الأصناف وطرق الدفع على سبيل المثال. أخيرًا، من خلال الرمز الأخير يُمكن تعديل ملف التعريف profile الخاص بك والموارد المفيدة. على الجانب الأيسر، تجد الأزرار التي من خلالها يُمكن الوصول إلى أجزاء أخرى من متجرك. سيتم تغطية هذه الأجزاء لاحقًا بهذا الدرس. ستلاحظ أن الجزء الرئيسي من الشاشة يحتوي على الكثير من المعلومات، مثل حالة متجرك وكيف يمكنك تحسينه. يمكنك ضبط جميع الإحصائيات statistics الظاهرة أمامك عن طريق تغيير المدة الزمنية، حيث تستطيع عرض اليوم الحالي أو الأخير، أو الشهر أو السنة الحالية أو الأخيرة. كذلك، تستطيع تحديد مدة زمنية مخصصة، والتي يمكن استخدامها في مقارنة إحصائيات موقع آخر مثل إحصائيات جوجل Google Analytics؛ وإذا مكّنت الوضع التجريبي demo mode في الركن الأيمن العلوي، فستُملأ جميع الإحصائيات بأرقام وهمية حتى تتمكن من فهمها أكثر ومعرفة الغرض منها. أغلب العناصر تشرح نفسها بنفسها، تمامًا مثل تلك التي تخبرك ما إذا كان موقعك محدثًا، وعدد الزوار، وعربات التسوق، والطلبات، والمبيعات، وأفضل المنتجات، وغيرها من المعلومات الأخرى المهمة بالمتجر. تحت القسم Forecast، يمكنك وضع أهداف لنفسك وستخبرك منصة بريستاشوب PrestaShop بنسبة تحقق هذه الأهداف ومدى قربك من الوصول إليها. يسمح رمز الترس الصغير في الركن الأيمن العلوي بإجراء تعديلات على كيفية عرض المحتوى، لذا إذا كنت متمكنًا من استخدام الوحدات البرمجية modules، فسوف تستطيع إضافة المزيد من العناصر إلى لوحة المعلومات الخاصة بك. إذا كان هناك أي أمر غير واضح، فإن زر "المساعدة help" الكبير بالركن الأيمن العلوي يشرح كل شيء موجود بهذه الشاشة تفصيليًا. وهو موجود تقريبًا في كل الشاشة الأخرى بمنصة بريستاشوب PrestaShop، لذلك إذا واجهتك مشكلة ما، فيُمكنك الاستعانة بهذه المساعدة والرجوع إليها. ترجمة -وبتصرّف- للمقال PrestaShop Tutorial for Beginners (Step-by-Step) لصاحبه Nick Schäferhoff. اقرأ أيضًا تخصيص تصميم متجرك في بريستاشوب PrestaShop ضبط الإعدادات المتقدمة في متجر بريستاشوب الإضافات والخدمات في بريستاشوب PrestaShop إعدادات المنتج في متجر بريستاشوب
  24. El Sayed El Tohamy
    مزيد من المعلومات حول "تعليم جوملا Joomla للمبتدئين (خطوة بخطوة)"
    تعد منصة جوملا منصة مجانية مفتوحة المصدر، تُستخدم في إدارة محتوى مواقع الويب (لذلك يُطلق عليها نظام إدارة المحتوى) Content Management System، والتي من خلالها يمكن إنشاء مواقع ويب متخصصة بدون الحاجة لكتابة أكواد HTML أو CSS. وكونها مجانية، يجعلها الخيار المفضل للشركات والمنظمات غير ربحية. من خلال هذا البرنامج التعليمي المفصل خطوة بخطوة، سوف تتعلم كيفية استخدام منصة جوملا Joomla لإنشاء أي موقع ويب تحتاجه. ستعرف كيفية تثبيت جوملا Joomla على الخادم الخاص بك وكذلك تلقي نظرة عامة على وظائفها. وفي نهاية هذا التدريب العملي، يُرجى أن تكون قادرًا على الاستمرار في استكشاف منصة جوملا وتزويد معرفتك بشكل مريح. 1. الحصول على خطة استضافة لموقع الويب الخاص بك، واختيار اسم النطاق domain تلميح: إذا كان لديك بالفعل استضافة hosting واسم نطاق domain، يمكنك الانطلاق فورًا إلى الخطوة الثانية. لا يوجد موقع ويب في العالم بدون استضافة hosting واسم نطاق domain، خطة الاستضافة ببساطة عبارة عن مساحة تخزين يتم استخدامها لحفظ الملفات والصور وكل محتوى الموقع، أما اسم النطاق فهو عنوان الموقع مثل https://academy.hsoub.com/programming إذا كنت متحيرًا ولديك العديد من الاستفسارات حول اسم النطاق، فيُرجى قراءة نصائح قبل شراء اسم نطاق وكذلك هذه مقارنة بين مقدمي خدمة الاستضافة واختيار أفضل 10 شركات استضافة. يُفضل البدء بأحد الاختيارات زهيدة الثمن لتجربة العمل عليها، أما إذا كانت لديك استضافة بالفعل فيجب التأكد أنها تناسب متطلبات تشغيل جوملا. 2. تهيئة وتثبيت جوملا Joomla أول خطوة بهذا التدريب، هي تثبيت وتهيئة جوملا، يوجد اختياران لتثبيت جوملا، الأول هو التعامل مع شركة استضافة تقدم خدمة التهيئة السريعة، اما الاختيار الثاني فهو التثبيت اليدوي، وسيتم استعراض الطريقتين. تنصيب جوملا Joomla باستخدام التهيئة السريعة Quick install على استضافة بلوهوست الخطوات التالية بمثابة الدرس العملي عن كيفية تنصيب جوملا تلقائيًا داخل استضافة بلوهوست، فبمجرد التسجيل والحصول على اسم نطاق domain في بلوهوست، قم بالدخول إلى حسابك، ثم انقر على Advanced. انزل للأسفل وابحث عن أيقونة جوملا Joomla ثم انقر عليها. بعد الانتقال للصفحة التالية، انقر على الزر "تثبيت الآن Install Now". ستنقلك الخطوة السابقة إلى شاشة التثبيت التالية: الأسطر التالية توضح كيف تملأ الخانات: Software Setup: أي إعداد البرنامج ستلاحظ أن اسم النطاق domain في بلوهوست Bluehost قد تم تضمينه بشكل افتراضي. يفضل أن تترك كل شيء كما هو إلا إذا كان لديك خبرة وهناك سبب لتغييره. Site Settings: إعدادات الموقع، في هذا القسم يتم كتابة اسم الموقع ووصفه الذي سيظهر في محركات البحث. لذلك، من الجيد تغيير الإعداد الافتراضي. ومع ذلك، يمكنك تغييره لاحقًا من داخل منصة جوملا Joomla نفسها، لذا لا ترهق نفسك كثيرًا بخصوصها. Database Settings: إعدادات قاعدة البيانات، هذا خيار لاستيراد قواعد بيانات إلى موقعك. ونظرًا لأن هذا الدرس التعليمي، يعلمك جوملا Joomla من البداية، فسنتركها دون تحديد قيمة None. Admin Account: حساب المسؤول، تأكد من اختيار اسم مستخدم وكلمة مرور آمنين لحساب الإدارة (المشرف) الخاص بك وأدخل اسمك الحقيقي وعنوان بريدك الإلكتروني. Choose Language: اختر اللغة، إذا كنت تريد تثبيت جوملا Joomla بلغة أخرى غير الإنجليزية، يمكنك تغييرها هنا. Advanced Options: خيارات متقدمة، في هذا المكان، يمكنك تعديل اسم قاعدة البيانات وبادئة الجداول Prefix وتعطيل إشعارات البريد الإلكتروني الخاصة بالتحديثات المتاحة والتحكم فيما إذا كان يتم تحديث جوملا Joomla تلقائيًا أم لا. هذه الإعدادات كلها اختيارية ويمكنك عادةً تركها كما هي. وبادئة (سابقة) الجداول prefix، تظهر أهميتها في حالة استخدام قاعدة بيانات واحدة لعدد من المواقع، فهي تستخدم في تمييز جداول كل موقع بسابقة (مقطع حروف) معينة قبل اسم الجدول فيتم تمييز جداول كل موقع عن الآخر. بمجرد الانتهاء، انقر فوق الزر "تثبيت" Install في الأسفل. عندما تفعل ذلك، ربما تظهر رسالة مثل التالية: لا تقلق بشأن هذه الرسالة، فهي رسالة التحذير التي تظهر عندما تكون على وشك حفظ ملفات بنفس الاسم أو استبدال ملفات موجودة بأخرى جديدة، كل ما عليك فعله ببساطة شديدة هو اختيار مربع الاختيار "Select the checkbox to overwrite all files and continue" ثم انقر على Install مرة أخرى لتبدأ عملية التهيئة وتستمر حتى ظهور رسالة النجاح التالية: الآن قد اكتمل تثبيت جوملا Joomla على استضافة بلوهوست Bluehost. تنصيب جوملا يدويا (يطبق على أي استضافة) إذا كنت قد سجلت مع شركة استضافة لا تدعم التثبيت التلقائي، فعليك أن تقوم بذلك يدويًا، ولا داعي لأي قلق، الأمر سهل جدًا. 1. إنشاء قواعد البيانات MySql database ورفع الملفات يُعَد إنشاء قاعدة البيانات من النوع MySql هي الخطوة الأولى في التثبيت اليدوي. وتحتاجها منصة جوملا Joomla في تخزين محتوَى الموقع، لذلك فقواعد البيانات من أهم المكونات لأي موقع يتم إنشاؤه باستخدام إحدى منصات إدارة المحتوَى CSM. فيجب البحث عن خيار إضافة قواعد البيانات في لوحة التحكم الخاصة بالاستضافة التي اشتركت أنت فيها. ولاستكمال تثبيت جوملا فسوف تحتاج البيانات التالية: اسم قواعد البيانات (فارغة). مستخدم له كل الصلاحيات لهذه القاعدة. كلمة مرور لهذا المستخدم. عنوان قواعد البيانات على الاستضافة. باكتمال الخطوة السابقة والحصول على المعلومات اللازمة، حان الوقت لتحميل جوملا Joomla على الخادم الخاص بك. لذلك، توجه إلى قسم التنزيل في صفحة Joomla الرئيسية، ثم اضغط على زر التنزيل الأخضر الكبير (في وقت كتابة هذه الأسطر، كان الإصدار 4.3 هو الأحدث). بمجرد اكتمال التنزيل على حاسوبك، قم بفك ضغط كل الملفات. والآن اتصل بالخادم عن طريق أحد برامج نقل الملفات التي تستخدم برتوكول FTP مثل برنامج Filezilla وهو أحد البرامج التي تسهل عملية نقل الملفات من وإلى الخادم، ثم ابدأ في رفع الملفات من جهازك إلى المسار الذي يرتبط به اسم النطاق domain الخاص بك (في المعتاد يكون المسار الجذري root directory)، وكن صبورًا لأن عملية الرفع تستغرق بعض الوقت، بمجرد الانتهاء انتقل للخطوة التالية. 2. بدء التثبيت اليدوي بعد أن يتم رفع كل الملفات إلى الخادم، افتح المتصفح browser واكتب عنوان موقعك site URL. المفترض أن تبدأ عملية التثبيت تلقائيًا إذا كان كل شيء على ما يرام. في الجزء العلوي، تأكد من اختيار اللغة المناسبة لموقعك. أسفل منها، أدخل اسم موقعك، واختياريًا أدخل وصفًا للموقع. وتذكر، هذه هي الأشياء التي ستظهر في محركات البحث، ولكن يمكنك أيضًا تغييرها كلها لاحقًا إذا لم تكن راضيًا عن اختياراتك الأولى. على اليمين، سيُطلب منك إدخال معلومات حساب المستخدم الخاص بك. هذا هو المسؤول الرئيسي main administrator، لذا تأكد من إدخال عنوان بريد إلكتروني صالح واسم مستخدم ليس من السهل تخمينه وكلمة مرور قوية تحتوي أحرفًا كبيرة وصغيرة وأرقامًا ورموزًا خاصة (مرتين). أخيرًا، في الجزء السفلي، يمكنك منع موقعك من الظهور عن طريق Site Offline Yes، وتعني وضعه في الحالة غير متصل (أوفلاين) بعد التثبيت. بهذه الطريقة، لن يتمكن من رؤية الموقع سوى المستخدمون المسجلون. وهذا منطقي بالتأكيد عندما يكون الموقع لا يزال في مرحلة التطوير، على أي حال الأمر يعود إليك. عند الانتهاء، اضغط على "التالي" Next. 3. ربط جوملا Joomla بقواعد بيانات MySql بعد الخطوة السابقة نحصل على الشاشة التالية: في هذه الخطوة، سوف تحتاج إلى معلومات قاعدة البيانات التي حصلت عليها عند إنشاء قواعد البيانات. وإليك شرح الخانات: Database Type: نوع قاعدة البيانات، في معظم الحالات، يتم تركها كما هي، في حالتنا نستخدم MySql. Host Name: عنوان الخادم، نكتب اسم الخادم الموجودة عليه قاعدة البيانات الخاصة بك. ويتطلب الأمر كتابته بنفسك إذا لم تكن قواعد البيانات على نفس الخادم localhost. Username: اسم المستخدم، اسم المستخدم الذي أدخلته أثناء إنشاء قاعدة البيانات الخاصة بك. Password: كلمة المرور، في هذا الحقل يتم إدخال كلمة المرور لقاعدة بيانات MySQL الخاصة بك. Database Name: اسم قاعدة البيانات، هنا، قم بكتابة اسم قاعدة البيانات التي تريد ربط موقع جوملا Joomla الخاص بك بها. Table Prefix: بادئة الجدول، لا تقم بتغيير البادئة (السابقة) التي تتولد عشوائيًأ أثناء التثبيت، إلا إذا كان لديك سبب وجيه لفعل ذلك. Old Database Process: التعامل مع البيانات الحالية، يحدد هذا الاختيار كيف يتم التعامل مع البيانات القديمة إذا وُجدت، هل يحفظها Backup أم يحذفها Delete. مرة أخرى، بمجرد أن تكون جاهزًا، اضغط على زر التالي Next. 4. إكمال التثبيت وآخر شاشة ما هي إلا ملخص لكل الاختيارات التي قمت بها خلال الخطوات السابقة باتباعك لهذا الدرس. في الجزء العلوي، يمكنك اختيار ما إذا كنت تريد تثبيت قواعد بيانات تحتوي على بيانات كعيّنة أم لا. لكن خلال درسنا هذا سنتركها بدون أي بيانات None. تحت القسم Overview، يمكن تحديد ما إذا يتم إرسال ملفًا بالإعدادات Configuration الخاصة بعملية التثبيت إلى عنوان البريد الإلكتروني لمشرف الموقع. بصرف النظر عن ذلك، المطلوب في هذه الشاشة هو التحقق مما إذا كان كل شيء كما تريد، وأن الخادم الخاص بك يلبي متطلبات جملة Requirements. إذا كان ذلك كذلك، يمكنك النقر فوق "تثبيت Install". هنا ستبدأ عملية تثبيت منصة جوملا لإدارة المحتوى CMS على الخادم الخاص بك. وبمجرد الانتهاء، سترى هذه الشاشة. (بشكل مثالي) تُخبرك هذه الشاشة أنه تم تثبيت جوملا Joomla بنجاح. لديك أيضًا الخيار لإضافة المزيد من اللغات. إذا كنت لا تريد القيام بذلك، فلا تنس إزالة المجلد Installation بالنقر فوق الزر الأصفر. سيؤدي ذلك إلى التخلص من الملفات والبيانات الحساسة الموجودة على الخادم الخاص بك. هذا كل شيء! عملٌ رائعٌ، لقد قمت للتو بتثبيت جوملا Joomla بشكل كامل يدويًا. 3. التعرف على أساسيات جوملا Joomla بالوصول لهذه النقطة، عندما تذهب إلى العنوان الذي يقع فيه موقع جوملا Joomla الجديد الخاص بك، ستبدو الواجهة الأمامية كما يلي: ربما يبدو غير رائع، أليس كذلك؟ لإجراء أي تغييرات، يتعين علينا أولًا تسجيل الدخول إلى لوحة تحكم جوملا الخلفية Joomla control panel. لذلك، انتقل إلى yourdomain.com/administration. وفي الشاشة التالية، أدخل اسم المستخدم وكلمة المرور للدخول إلى لوحة تحكم جوملا. سوف يتم استخدام العديد من القوائم التي يمكنك رؤيتها هنا خلال هذا الدرس التعليمي لـ Joomla، ولكن لا بأس من إلقاء نظرة عامة سريعة. من الملاحظ وجود مساحتين بلون أزرق، الأولى تسألك أن منصة جوملا Joomla تطلب السماح منك بتجميع بعض الإحصائيات، ويمكن اختيار أحد الأزرار الموجودة بالمساحة والتي تعني "السماح دائمًا" Always، أو "السماح مرة واحدة" Once، أو "عدم السماح" Never، وباختيار أحدهم ستختفي هذه المساحة. أما المساحة الثانية فيعني أنه توجد بعض الرسائل الهامة بعد إتمام عملية التثبيت، فعند النقر على الزر "قراءة الرسائل" Read Messages تختفي أيضًا هذه المساحة. على اليسار، توجد عدة اختصارات للأجزاء المستخدمة بشكل متكرر، مثل إنشاء مقالات جديدة أو تغيير هيكل القائمة أو تثبيت الإضافات. على اليمين توجد معلومات مهمة حول حالة موقع الويب. قلب جوملا Joomla: شريط المهام برغم ما رأيناه، فإن الجزء الأكثر أهمية في لوحة التحكم هو شريط المهام في الأعلى. وفيه توجد نفس الخيارات الموجودة في لوحة التحكم مع وجود خيارات أخرى. وإليك توضيح لما تحتويه القوائم المختلفة بالشريط: System: النظام، من خلال هذه القائمة يمكن الوصول إلى لوحة التحكم، إعدادات الموقع، وعناصر المحتوى المعلقة pending أو المعطلة blocked، وخيار مسح ذاكرة التخزين المؤقت، وعرض معلومات النظام (الموقع، والخادم، والبيئة). Users: المستخدمون، إدارة المستخدمين، ومجموعات المستخدمين، ومستويات الصلاحيات، وإضافة ملاحظات حول المستخدمين، والتعامل مع طلبات الخصوصية، وعرض سجلات دخول المستخدمين، وإرسال بريد إلكتروني جماعي لكل من على موقع الويب. Menus: القوائم، كما يوحي الاسم، يحتوي هذا على جميع الخيارات المتعلقة بإنشاء القوائم وإدارتها. Content: المحتوى، من خلالها يمكن إضافة المقالات وعمل التصنيفات، وكذلك تعيين المحتوى المميز، وإدارة ملفات الوسائط الخاصة بموقعك. Components: المكونات، من هنا يتم إنشاء وإدارة لافتات الموقع banners وجهات الاتصال وتحديثات الموقع والرسائل الخاصة وضبط تعدد اللغات وموجزات الأخبار. يوفر أيضًا الوصول إلى رسائل ما بعد التثبيت (تم الحديث عنها بالفعل سابقًا)، ويتيح لك إعداد عمليات إعادة التوجيه (على الرغم من أنك بحاجة إلى مكون إضافي plugin لفعل ذلك)، وعرض مصطلحات البحث في الموقع، واستخدام البحث الذكي المتقدم (مرة أخرى، هذا يحتاج إلى مكون إضافي)، وإدارة الكلمات المفتاحية Tags. Extensions: الإضافات، من خلالها يمكن بتثبيت إمكانيات وبرمجيات إضافية، وتحديثها، وإدارتها والبحث عنها واستكشاف الأخطاء وإصلاحها. من خلال هذه القائمة، يمكن أيضًا معرفة حالة قاعدة البيانات وتحديث موقع الويب. Help: المساعدة، من خلالها يمكن الوصول المباشر إلى مواضيع المساعدة الهامة في موقع جوملا. كل شيء واضح حتى الآن؟ حان الوقت للانتقال للأجزاء التالية. 4. اختيار قالب Template لموقع الويب مثل أنظمة إدارة المحتوى الأخرى، تقدم جوملا Joomla طريقة لتغيير تصميم موقعك بدون كتابة أي أكواد، وهو موضوع هذه الجزئية من هذا الدرس التعليمي. في جوملا Joomla، يعتمد شكل موقع الويب الخاص بك وأسلوبه ووظائفه بالكامل على ما يسمى القوالب Templates. يوجد من قوالب جوملا ما هو مجاني وما هو مميز (مدفوع). ومع ذلك، ربما يكون العثور على واحد أمرًا صعبًا. لسوء الحظ، لا تحتوي منصة جوملا -كنظام لإدارة المحتوى- على دليل مركزي للقوالب. لذلك، يتطلب الأمر البحث في المتاجر للعثور عليها. وستجد أن العديد من أولئك الذين يبيعون القوالب Templates أو السمات Themes المميزة (المدفوعة)، يوفرون أيضًا إصداراتٍ مجانية حتى يمكنك اختبارها. إليك بعض الأماكن للبدء: TemplateMonster Joomlart Joomdev JoomShaper عند اختيار قالب ما، بجانب ذوقك الخاص، يجب الانتباه لبعض الخصائص المهمة: Support: الدعم الفني، من الأمور الرائعة أن تشتمل الخدمة على دعم فني، فوجود شخص لمساعدتك في حل المشكلات شيء مهم جدًا. Updates: التحديثات، تقوم جوملا Joomla بتحديث نظامها باستمرار. لذلك يجب التأكد أن القالب المطلوب شراؤه يتم تطويره باستمرار حتى لا يتوقف أو يسبب مشاكل مع الإصدارات الحديثة من جوملا Joomla. Documentation: التوثيق (وصف المنتج)، لابد من وجود مقالات توضيحية لأي منتج، لأنك في وقت ما ستحتاج إليها لمعرفة بعض الأمور أو الميزات الخاصة بالمنتج أو لمعرفة كيفية عملها. فيجب التأكد من توافر هذا التوثيق. Customizability: قابلية التخصيص، تحقق من ميزات Features القالب التي يمكن تخصيصها بنفسك. على سبيل المثال، ابحث عن القوالب التي تحتوي على العديد من "مواضع الوحدات" module positions (المزيد عن ذلك قريبًا). 5. تثبيت القوالب في جوملا من حيث المبدأ، يُعتبر تثبيت قالب في جملة أمرًا سهلاً للغاية. بمجرد اختيار أحد القوالب، فالمعتاد يأتي كملف مضغوط. والذي يمكن رفعه إلى الخادم ببساطة من خلال القائمة الإضافات> إدارة> تثبيت Extensions > Manage > Install. توجد طريقتان لرفع القالب، إما سحب الملف وإفلاته في المساحة الموجودة بالموقع، أو النقر فوق الزر "البحث عن ملف Or browse for file"، للعثور عليه على محرك الأقراص الثابتة بجهازك. حدد الملف وستتولى منصة جوملا الباقي بنفسها. بدلًا من ذلك، يمكنك أيضًا تثبيت القالب template عبر عنوان URL الخاص به إذا كنت تعرف مكان الحزمة. بعد ذلك، لا بد من تنشيط القالب من خلال القائمة الامتدادات> القالب> الأنماط أو: Extensions > Template > Styles. الآن، انقر فوق رمز النجمة الموجود على يمين اسم القالب لجعله هو الافتراضي للموقع بأكمله. والآن، إذا تم العودة إلى واجهة الموقع سنجد أن التصميم الكلي للموقع قد تغير. ها هي القوة الخارقة للقوالب. لاحظ أنه عند تنزيل القالب، ربما يتم تنزيل ملفات إضافية مثل التثبيت السريع quickstart والإعدادات settings والإضافات Extension. الأول quickstart هو نسخة كاملة من جوملا Joomla بما في ذلك القالب. يمكن استخدام هذا الملف لتثبيت جوملا والقالب في نفس الوقت، وغالبًا ما يتضمن بعض المحتوى كعينة تجريبية. هذه طريقة مختصرة للحصول على تصميم يطابق تمامًا ما يتم عرضه في الإعلان عن القالب. كل ما تبقى هو تغيير المحتوى بمحتوى حقيقي. أما الملفان الآخران فإنهما يشيران إلى أشياء أو ميزات ربما تكون قد شاهدتها في موقع تجربة القالب، مثل أشرطة التمرير وما إلى ذلك. 6. تخصيص القالب على الأقل تحتوي معظم القوالب على خيارات لتخصيص التصميم. يمكنك الوصول إليها من خلال النقر على اسم القالب في القائمة. من داخل الإعدادات، يمكن إجراء تعديلات على العديد من الأشياء مثل الألوان والخطوط والشعارات وحجم الكائنات وغير ذلك الكثير. وكما هو واضح، يأتي القالب مع صفحة الإعدادات الخاصة به التي يمكن الوصول إليها عندما النقر على خيارات القالب Template Options. تحتوي بعض قوالب جوملا Joomla أيضًا على خيار إمكانية المعاينة حيث يمكن رؤية التغييرات في الوقت الفعلي. في كلتا الحالتين، لا تنس التحقق من الأشياء التي يقدمها القالب المطلوب، وكذلك حفظ أي تعديلات قمت بها حتى يتم تطبيقها على موقعك. على سبيل المثال، الصورة التالية توضح أنه تم تغيير ملفات التعريف الاجتماعية social profiles ومعلومات الاتصال في الشريط العلوي، وتم تعطيل العلامة التجارية brand في الجزء السفلي وتم نقل الشريط العلوي إلى أسفل الصفحة، ويتم ذلك من خيارات قائمة التخطيط Layout. 7. إنشاء محتوى باستخدام وحدات جوملا Modules في الوقت الحالي، حتى لو كان الوضع مرضيًا، لا يزال الموقع فارغًا إلى حد ما. لذلك حان الوقت لتغيير ذلك. في هذه المرحلة من هذا الدرس التعليمي، سيتم التعلم كيفية استخدام جوملا Joomla لإنشاء المحتوى. للأسف، يجب أن يتم البدء بأحد الموضوعات الصعبة إلى حد ما، وهو الوحدات modules. وهي عبارة عن وحدة تصميمة مستقلة يوضع فيه جزء صغير من المحتوى، وبهذا يمكن وضعها في العديد من الأماكن على الصفحة (فتُعتبر وحدات بنائية). فبذلك يُبذَل مجهود مرة واحدة في بناء كل وحدة، ولكن يمكن استخدامها أي عدد من المرات. وهيا لتجربتها على الصفحة الرئيسية، حيث أن تعلمها يستغرق بعض الوقت. لفهم الخيارات الموجودة بالقالب بشكل جيد، يُفضل تمكين "وضع المعاينة" preview mode. ولفعل لذلك، ننتقل إلى القائمة النظام> التكوين العام> القوالب System > Global Configuration > Templates. ومنها، نمكّن الخيار Preview Module Positions وذلك باختيار Enabled، ثم الحفظ والإغلاق. بعد ذلك، ارجع إلى قائمة القوالب الخاصة بك وانقر فوق الزر معاينة Preview (رمز العين). بفعل هذا، يتم عرض كل المواضع (الأماكن) Positions المتاحة على صفحتك حيث يمكنك إضافة وحدات modules وأسماء الأماكن. لاحظ أن الصفحة مقسمة إلى عدة مواضع أو أقسام ولكل منها اسم ومكان معين، فتجد منها من هو بالأعلى ومنها على اليسار، وهكذا، وبعد ذلك يتم تسكين الوحدات modules إلى المواضع المختلفة. ملحوظة سريعة: لا تنسَ تعطيل المعاينة عند الانتهاء من تعيين الوحدات. 8. تعيين (تسكين) الوحدات modules إلى المواضع positions حسنًا، الآن بعد أن عرفت أين يمكن أن تذهب الوحدات، كيف يمكن تعيينها لتلك المواضع؟ كل ذلك يحدث من خلال القائمة الامتدادات> الوحدات Extensions > Modules. هنا، يمكنك مشاهدة جميع الوحدات النشطة حاليًا على موقعك، وكذلك رؤية المواضع والصفحات والمستخدمين واللغات التي تم تعيينها لهم. ولحذف أي شيء على موقعك، على سبيل المثال نموذج تسجيل الدخول login form أو السمة breadcrumbs theme، ما عليك سوى النقر فوق زر السهم المتجه لأسفل بالعمود "الحالة Status" والنقر على "حذف Trash". وعند الرغبة في إضافة وحدات modules جديدة إلى الموقع، فمن خلال النقر على الزر "جديد New" الموجود بالركن الأيسر العلوي ستجد مجموعة اختيارات كاملة. ماذا لو أنك تريد إدراج بعض النصوص عنك وعن موقعك على الصفحة الرئيسية. أول شيء يجب معرفته أي من المواضع position بالصفحة سيتم توجيه هذه النصوص إليه. في هذا الدرس، نختار الموضع السفلي content-bottom. بعد ذلك، ومن خلال شاشة قائمة الوحدات Modules، يتم إنشاء وحدة نمطية module جديدة عبر الزر الأخضر في الزاوية اليسرى العليا، واختيار النوع "مخصص" Custom. يتيح لك ذلك إنشاء كتلة المحتوى content block الخاصة بك باستخدام محرر يعمل بنظام (ما تراه هو ما تحصل عليه)، بالإنجليزية WYSIWYG (What You See Is What You Get). هذا المحرر ما هو إلا أداة لإنشاء المحتوى وتنسيقه، وتتيح عرض ما يتم فعله مباشرة. للأسف، إذا حاولنا تغطية جميع الخيارات على هذه الشاشة، فإن هذا الدرس التعليمي سيطول كثيرًا. إلا أنه إذا سبق لك استخدام أي معالج نصوص سابقًا، فيُفترض أن يبدو كل شيء مألوفًا للغاية. بالإضافة إلى ذلك، يمكن الطواف بمؤشر الفأرة فوق أي من الرموز للحصول على وصف مختصر description لوظيفته. يُفترض أن تساعدك هذه الشاشة في كتابة النص وتنسيقه بسرعة وإدراج العناوين والصور والوسائط وباقي الأمور الأخرى. عند الانتهاء وقبل الحفظ، يجب التأكد أن الحالة Status على اليمين تكون Published أي يتم نشر المحتوى. وتأكد أيضًا أنك قمت بتحديد الموضع الصحيح الذي سيتم تعيين القالب إليه وذلك من خلال القائمة المنسدلة Position، (انتبه إلى أنه يجب أيضًا تحديد السمة Theme النشطة!). في هذه الحالة، نريد أيضًا إخفاء عنوان الوحدة. بعد ذلك، انتقل إلى قائمة Menu Assignment (صفحة التبويب الموجودة أسفل العنوان title) واستخدم القائمة المنسدلة لاختيار الصفحات التي تريد إظهار هذه الوحدة module عليها. في هذه الحالة، يتم اختيار "على الصفحات المحددة فقط Only on the pages selected"، وكذلك تحديد الاختيار الصفحة الرئيسية Home (Alias: home). بعد الحفظ ستظهر هذه الوحدة على الصفحة الرئيسية (ولا تظهر في أي مكان آخر). وبنفس الطريقة السابقة يمكن إدراج الأشياء الأخرى في صفحات جوملا Joomla مثل منشورات المدونة (سنتحدث عن ذلك لاحقًا في هذا الدرس التعليمي) واللافتات banners والقوائم والصور والإطارات الجزئية iframes. بالإضافة إلى ذلك، يمكنك أيضًا إضافة وحدات نمطية جديدة عبر الإضافات Extensions (مزيد من التفاصيل يأتي لاحقاً). على سبيل المثال، هذا ما تبدو عليه الصفحة الرئيسية عندما نضيف الصورة الرئيسية على هيئة شريط تمرير slider في الموضع hero-section باستخدام مكون إضافي، ويتم نقل وحدة النص text module إلى الموضع content-top: 9. إنشاء صفحات جديدة الآن ننتقل لموضوع أسهل وهو الصفحات. أول شيء يجب وضعه في الاعتبار أن كل الأِشياء في جوملا Joomla يتم إنشاؤها في مكان معين، ولكن يتم عرضها في مكان آخر. يجب وضع هذا المفهوم في الاعتبار طوال هذا الدرس التعليمي، لذلك فإن أي شيء يتم إنشاؤه لن يظهر تلقائيًا على الموقع. في جوملا Joomla كنظام لإدارة المحتوى، يتم تسمية الصفحات بالمقالات articles. لذلك قد يسبب لك هذا المسمى (المقالات) بعض الارتباك إذا كان لديك خلفية عن المدونات، ولكن لا تدع ذلك يوقفك. يمكنك إنشاء مقالات عن طريق المحتوى> مقالات> إضافة مقال جديد Content > Articles > Add New Article. ويوجد بديل آخر وهو استخدام الاختصار الموجود على لوحة التحكم. كلٌ منهم يجب أن يوصلك إلى شاشة تحرير مشابهة تمامًا لما استخدمته من قبل. وبنفس الطريقة السابقة، يتم إنشاء المحتوى وتنسيقه. عند الانتهاء، وبواسطة الأمر Alias، يمكنك تحديد رابط (يعني عنوان URL للصفحة). غالبًا من المنطقي وضع كلمة تعريفية هنا بدلًا من استخدام عنوان المقالة article title. ومن خلال القسم Status، يجب اختيار "نشر" Published قبل الحفظ. 10. تعيين (تسكين) الصفحات إلى قائمة التنقل Navigation Menu حتى يتمكن زوار الموقع من الوصول لصفحة معينة، يجب تسكينها بقائمة التنقل Navigation Menu. لفعل ذلك، ومن خلال القائمة Menu نبحث عن العنصر المحتوي على أيقونة المنزل بجانبه. ولإضافة رابط جديد، نقوم بالطواف عليها ثم ننقر على "إضافة عنصر جديد" Add New Menu Item. بفعل هذا يتم إظهار الشاشة التالية من الخانة نوع العنصر Menu Item Type يتم اختيار Article > Single Article ومن خلال الخانة Select Article يمكن تحديد أي محتوى عن طريق Select ثم النقر على عنوان العنصر المراد ربطه بقائمة التنقل. الآن ما عليك سوى إدخال عنوان للقائمة Menu Title في الجزء العلوي (وهو النص الذي سيظهر في القائمة) وتأكد من اختيار القائمة التي سيتم تعيين هذا العنصر تحتها، من القسم على اليمين. عندما تقوم الآن بالحفظ والإغلاق، يمكنك استخدام الأيقونة ذات النقاط الثلاثة على اليسار لسحب عناصر القائمة وتغيير ترتيبها. بعد إكمال هذه الخطوة، والعودة إلى الموقع سنحصل على الشكل التالي: 11. إضافة قسم المدونة Blog يتم إضافة منشورات المدونة في جوملا Joomla بشكل أساسي بنفس طريقة إنشاء الصفحات السابقة. الاختلاف الوحيد هو أنه يجب ربط منشورات المدونة Articles بفئة Category معينة. لذلك، نحتاج إلى إنشاء فئة Category أولًا قبل إنشاء المنشورات. يتم ذلك من خلال القائمة المحتوى> الفئات> إضافة فئة جديدة Content > Categories > Add New Category. سيقود هذا إلى نفس المحرر الذي تعاملت معه من قبل. في هذه الحالة، ما عليك سوى إدخال اسم في الجزء العلوي (مثل Blog) ثم الحفظ والإغلاق. بعد ذلك يتم تعيين هذه الفئة المُنشأة حديثًا إلى قائمة التنقل بنفس الطريقة التي تمت مع الصفحات من قبل، من خلال الخانة "نوع العنصر Menu Item Type" نختار المقالات > مدونة الفئة Articles > Category Blog. بعد ذلك يجب التأكد من اختيار الفئة (المسماة Blog) في الخانة Choose a Category. بعد ذلك تأكد من ربطها بقائمة التنقل الصحيحة وإعطائها عنوانًاً title ذا دلالة لأنه هو الذي سيظهر للمستخدم. وبعد الحفظ وإغلاق هذه الشاشة سيُلاحظ ظهور عنصر جديد بالقائمة Blog. من الآن فصاعدًا، سيظهر أي مقال يتم ربطه بالفئة Blog في هذه الصفحة التي تظهر عند النقر على العنصر Blog الموجود بالقائمة. 12. تثبيت الإضافات Extensions آخر شيء في هذا الدرس التعليمي لمنصة جوملا Joomla للمبتدئين هو الإضافات Extensions. والتي بواسطتها، يمكنك جلب ميزات ووظائف جديدة إلى موقعك. تجدها في دليل ملحقات جوملا Joomla الرسمي. ما عليك سوى إدخال ما تبحث عنه، ويمكنك استخدام البحث بالفئات أو البحث المتقدم لإيجاد ما تبحث عنه. مع وجود أكثر من 6000 إضافة Extension متوفرة، قد يكون من الصعب الاختيار، لذا يمكنك البدء بمجموعات مثل إضافات جوملا Joomla Extension الأعلى تقييمًا. بمجرد معرفة ما يجب تثبيته على موقعك، سيكون لديك عدة طرق لتثبيت الإضافات. يمكنك العثور على جميع الإضافات من خلال القائمة الإضافات> إدارة> تثبيت Extensions > Manage > Install. إذا كانت هذه هي زيارتك الأولى، فيمكنك استخدم الخيار إعداد التثبيت من الويب Install from web. عند القيام بذلك، فإنه يتيح لك الوصول إلى كل شيء في دليل إضافات جوملا Joomla مباشرة من لوحة التحكم الخلفية. انقر فوق أي إضافة ثم اضغط على زر التثبيت Install (مرتين) لتحميله تلقائيًا على موقعك. إذا لم تنجح هذه الطريقة لأي سبب، فيمكنك ببساطة تنزيل الامتداد أو نسخ عنوان URL الخاص به. بعد ذلك، يمكنك استخدام علامة التبويب Upload Package File لتثبيت الإضافة عن طريق رفع الحزمة، أو Install from URL لتحميل الإضافة عن طريق الرابط. لاحظ أنه قد لا يزال يتعين عليك تنشيط أجزاء الإضافة من خلال الإضافات> إدارة Extension>Manage. من نفس هذه الشاشة، يمكن أيضًا تعطيل أو حتى إزالة الإضافات التي لم تعد بحاجة إليها. لسوء الحظ، الأمر مزدحم ومُربِك بعض الشيء، لذا قد تضطر إلى البحث عن الإضافة المطلوبة باسمها. في هذا المثال، تم بتثبيت محرر محتوى JCE الشهير. مع وجود هذا المحرر، وتنشيطه وجعله هو المحرر افتراضي من خلال النظام> التكوين العام System > Global Configuration، ستلاحظ فرقًا ملحوظًا في عملية إنشاء المحتوى. الخواطر الأخيرة لهذا الدرس تُعتبر منصة جوملا Joomla أداة ممتازة لبناء المواقع على شبكة الإنترنت. فهي نظام إدارة محتوى (CMS) قوي ومرن وقابل للتمديد (إضافة الميزات) على نطاق واسع، ومجاني أيضًا. في هذا الدرس التعليمي لمنصة جوملا Joomla، تعلمت كيفية تثبيت النظام الأساسي، واستكشاف طريقك حول لوحة التحكم الخلفية، وتغيير تصميم موقعك، وإضافة محتوى، وتثبيت الإضافات. بالطبع، لا يزال هناك الكثير لتتعلمه، ومع ذلك، باتت لديك الآن المعرفة الكافية لاستخدام جوملا joomla، والمقدرة لبدء الاستكشاف بنفسك. إذا كنت تريد التعمق في هذه المنصة، فإليك بعض الموارد الموصى بها: وثائق جوملا المساعدة منتديات جملة يُرجى أن يكون هذا الدرس التعليمي لمنصة جوملا Joomla للمبتدئين قد ساعدك فعليًا في اتخاذ خطوتك الأولى. ترجمة -وبتصرّف- للمقال Joomla Tutorial for Beginners (Step-by-Step) لصاحبه Nick Schäferhoff. اقرأ أيضًا نظرة عامة على نظام إدارة المحتوى جوملا Joomla 4 كيفية تحديث موقعك إلى أحدث إصدار لنظام إدارة المحتوى جوملا Joomla 4 تثبيت نظام إدارة المحتوى جوملا Joomla 4 مقدمة في جملة Joomla
  25. El Sayed El Tohamy
    مزيد من المعلومات حول "الوحدات البرمجية والكتل التصميمية في دروبال Drupal"
    حسنًا، بالوصول إلى هذه المرحلة من هذا التدريب، يُفترض أن تكون لديك أساسيات التعامل مع دروبال. وإذا سبق لك العمل على أي نظام إدارة محتوى أو مصمم مواقع ويب من قبل، فالمتوقع أن تكون هذه المهارات مألوفةً جدًا بالنسبة لك. ومع ذلك، يستطيع دروبال أن يزيد من إمكانياته وتمديدها لتناسب كل الأغراض التي قد تكون مطلوبة. تنشيط وتعديل الوحدات البرمجية Modules يفضّل في هذه المرحلة من التعرف على دروبال، أن تكتسب مهارة الوحدات البرمجية Modules. وكما ذكرنا، فهذه برامج صغيرة يمكنها إضافة جميع أنواع الميزات والوظائف إلى موقع دروبال الخاص بك، ويأتي دروبال أساسًا مع مجموعة منها يمكن العثور عليها في الإضافات Extend. لا يتم تثبيت جميع الوحدات البرمجية Modules وتنشيطها افتراضيًا. ولتغيير ذلك، كل المطلوب هو وضع علامة في المربع بجانب كل وحدة ثم اذهب لأسفل وانقر على تثبيت Install، ليتولى دروبال بعد ذلك الباقي. وعلى العكس من ذلك، فأيّ وحدات لم تَعُد بحاجة إليها، يمكن إزالتها، وذلك بالذهاب إلى صفحة التبويب "إلغاء التثبيت Uninstall". تتم إزالة الإضافات أساسيًا بنفس طريقة التثبيت، ولكن بعكس الاتجاه. ألغ تحديد أي إضافات غير مرغوب فيها، ثم انتقل إلى الأسفل وانقر على الزر "إلغاء التثبيت" Uninstall. إضافة الوحدات البرمجية التشاركية Contributed Modules إلى جانب الوحدات البرمجية Modules الافتراضية، هناك أيضًا الكثير من الوحدات الأخرى التي يطلق عليها الوحدات التشاركية Contributed Modules وهي التي تمت برمجتها بواسطة مطورين آخرين ويطلق عليهم الطرف الثالث Third-party، بالتالي فإضافتها إلى موقعك يكاد يكون نفس طريقة تثبيت سمات Themes دروبال، والتي تناولناها مسبقًا. أولًا، يجب العثور على الوحدة المطلوبة داخل الدليل الرسمي، وبمجرد الاستقرار على أحدها، يتم تنزيل ملفاتها أو نسخ الرابط الخاص بها. بعد ذلك يمكن إضافته إلى الموقع عبر Extend> Install new module. هناك الكثير من الوحدات التي يمكن المفاضلة بينها، وهي أكثر من السمات، فقد يصل عددها إلى 46000 أو أكثرك لذا إذا لم تكن متأكدًا أيًّا منها مناسب للتثبيت، فإليك بعض الخيارات الرائعة: Token: هذه الوحدة البرمجية تفيد في كتابة نص صغير على بصيغة معينة تسمى نائب Placeholder، ليُستبدل لاحقًا بقيمة معينة داخل المقال أو الصفحة. في الوقت الحالي، تمت كتابة معظم وظائف هذه الوحدة في دروبال، لكن بعض الوحدات لا تزال تستخدمها، مثل وحدة Pathauto. Chaos Tools Suite: وهي معروفة بـ Ctools، وتساعدك في إنشاء الوحدات البرمجية Modules الخاصة بك، بالإضافة إلى النماذج ومربعات الحوار وأنواع المحتوى التي تخص المدونة والمزيد. Pathauto: يحتوي دروبال أساسًا على وحدة برمجية تخص التعامل مع المسار، ولكن هذه الوحدة تضطرك لإنشاء عناوين URL يدويًا. وهذا أمر مزعج ومرهق جدًا أن تقوم به يدويًا لكل منشور. هنا تأتي هذه الوحدة Pathauto وتريحك من هذا العناء، إذ تنشئ العناوين URLs تلقائيًا، وذلك عن طريق تعيين أنماط معينة (بالاستعانة بالوحدة Token)، لتولَّد عناوين المنشورات وغيرها تلقائيًا بناءً على النمط الذي يحدده مشرف النظام. وهذا يفيد كثيرًا، إذ تتوافق عناوين URL المنتَجة تلقائيًا مع معايير محركات البحث. Gutenberg: إذا كنت قادمًا من ووردبريس إلى دروبال، فعندما تعلم أن محرر جوتنبرج Gutenberg الجديد متاح أيضًا في دروبال، فقد تسعد (أو ربما تُحبط، هذا يتوقف على تجربتك). وهو الذي يسمح بتحرير موقع الويب بنظام كتل التصميمات Blocks، وهو متاح مجانًا. Google Analytics: تحليلات جوجل، هذه الوحدة مفيدة لكل من يريد الحصول على معلومات حول استخدام موقعه، فهي تسهل التكامل مع تحليلات جوجل وتجعل الأمور سهلةً للغاية في تحقيق الهدف. لمزيد من وحدات دروبال المفيدة، راجع هذه المقالة. التعرف على كتل التصميمات Blocks بمجرد الانتهاء من إضافة كل الوحدات التشاركية Contributed Modules المطلوبة، قد ترغب في إضافة شريط جانبي إلى موقعك بميزات وعناصر متنوعة مثل إضافة صور أو قوائم، وهذه الميزات في دروبال يُطلق عليها كتل التصميم لأن كلًا منها يمكن سحبه والتعامل معه ككيان منفصل أو كتلة منفصلة، وسوف نتحدث عنها بتفصيل أكبر في نهاية هذا الدرس التعليمي. هذه الكتل يمكن وضعها في مناطق عديدة من الصفحة وكذلك ضبط مظهرها وشكلها وحجمها وموضعها وصفحات موقع الويب التي تظهر عليها. التعرف على مناطق الكتل Block Regions الخاصة بك سوف تختلف الكتل التي يمكن التعامل معها اعتمادًا على السمة theme والوحدات Modules والمكونات الأخرى على موقعك. ويمكنك العثور على جميع الخيارات التي تتحكم فيها من خلال القائمة Structure > Block Layout. يتم حفظ الكتل حسب السمة Theme، لذلك في الجزء العلوي، توجد قائمة بالسمات المثبتة على موقعك؛ أما بالأسفل فتوجد قائمة بجميع الأماكن التي يمكن إضافة كتل التصميمات blocks إليها، وتسمى المناطق regions. إذا لم تكن متأكدًا من أماكنهم، فانقر فوق Demonstrate block regions في الجزء العلوي. سيتم عمل عرض للموقع، بحيث يتم تمييز وتسمية أماكن تواجد كل منطقة. إضافة كتل التصميم Blocks للمناطق Regions لإضافة كتلة Block إلى مكان ما، كل ما هو مطلوب التمرير والوصول إلى المنطقة المرغوبة والنقر فوق "إضافة الكتلة Place block". وستظهر قائمة بكل الخيارات المتاحة. بعد النقر على Place block بجانب العنصر المراد إضافته، ستظهر شاشة الضبط. من الجدير بالذكر، أنه ستكون هناك اختلافات بسيطة على حسب الكتلة التي يتم وضعها. في حالة الكتلة المسماة Breadcrumbs. على سبيل المثال، يمكنك إضافة عنوان (وتحديد ما إذا يتم إظهاره أو لا) وأيضًا إعدادات إظهار الكتلة؛ أما في الجزء السفلي، فيمكنك أيضًا تغيير المنطقة التي ستظهر فيها (في حال اخترت منطقة خاطئة يمكنك التغيير من هنا). بمجرد الانتهاء ثم النقر على الزر "حفظ الكتلة Save block" تضاف الكتلة إلى الموقع. التحكم في كتل التصميم بطبيعة الحال، تتوافر إمكانية تغيير أي شيء يخص إعدادات الكتل الموجودة بموقعك. فلنقل الكتلة من منطقة إلى أخرى مثلًا، توجد طريقتان، الأولى اختيار المنطقة الجديدة من القائمة المنسدلة، والطريقة الثانية هي بسحبها وإفلاتها من منطقة إلى أخرى. في أقصى اليمين، إذا تم النقر على الزر Configure فإن ذلك سيقود إلى شاشة الإعدادات الخاصة بالكتلة لتغيير أي منها؛ أما النقر على أيقونة السهم فسيتسبب في فتح القائمة المنسدلة ليظهر اختياران، أولهما هو Disable الذي يعطل الكتلة، أما الثاني فهو Remove، الذي يتسبب في إزالتها نهائيًا. بعد الانتهاء من كل التغييرات المطلوبة، لا تنسَ أن تنقر على الزر حفظ Save block أسفل الصفحة. ضبط إعدادات الكتل على الواجهة الأمامية يمكن أيضًا تعديل كتل معينة من خلال الواجهة الأمامية لموقعك. ويتم ذلك بالطواف فوق أي منها حتى تظهر أيقونة القلم (أيقونة التعديل)، انقر فوقها، ثم انقر مرةً أخرى على "ضبط الكتلة Configure block". سيقود هذا إلى ظهور نفس الشاشة السابقة وهنا، يمكنك تغيير أي إعدادات، وتغيير المنطقة إلى منطقة أخرى، وكذلك إزالة الكتل. بالمناسبة، يؤدي النقر على رابط "تعديل Edit" في الزاوية اليمنى العليا إلى تمييز جميع العناصر القابلة للتحرير في الصفحة بوضع رمز بجانبها، وهذا سيسهل عليك إيجاد الأماكن القابلة للتعديل. إنشاء كتل تصميمية مخصصة Custom Blocks كنقطة أخيرة في كتل دروبال في هذا الدرس التعليمي، ينبغي أن تعلم أنه يمكن أيضًا إنشاء كتل مخصصة من إنتاجك. وقد يكون لهذا فائدة عظيمة جدًا. فعلى سبيل المثال، قد تكون لديك معلومة حول ما تريد عرضه في مناطق متعددة من موقعك، مثل ساعات العمل بشركتك، أو خبر معين مطلوب إظهاره للزوار، ولفعل هذا انتقل إلى Structure > Block layout > Custom block library (علامة التبويب في الأعلى). وبالنقر على Add custom block يتم الانتقال إلى الشاشة التالية: أدخل وصفًا للكتلة حتى تتمكن أنت والمسؤولون الآخرون من معرفة نبذة مختصرة عنها، بعد ذلك اكتب المحتوى الذي تريد عرضه في المحرر الموجود بالأسفل، وبمجرد الانتهاء انقر على "حفظ Save" لحفظ الكتلة المخصصة Custom block الخاصة بك؛ وعندها يمكنك إضافتها للمناطق المختلفة على موقعك بنفس طريقة الكتل الأخرى. التعرف على أحدث مزايا وإمكانيات دروبال تمامًا كما هو الحال مع ووردبريس، قدم دروبال مؤخرًا نوعًا من محرر الكتل لتصميم المحتوى. ونظرًا لأن هذه ميزة جديدة وعظيمة، فلن يكتمل أي هذا الدليل التعليمي لدروبال دون ذكرها. في حالة دروبال، يُطلق على المحرر الجديد اسم "مصمم التخطيط Layout Builder" وهو أحد الوحدات الأساسية، ومع ذلك، لا يتم تثبيته افتراضيًا. ولعلاج ذلك، في قائمة "الوحدات البرمجية Modules" الموجودة تحت Extend، ابحث عن Layout Builder و Layout Discovery. انتقِ كلًا من الاختيارين، وانزل للأسفل وانقر على الزر "تثبيت Install". بمجرد تفعيل مصمم التخطيط Layout builder، ستحتاج لضبطه وتحديد ما المحتوى الذي سيتعامل معه، ويتم ذلك من خلال القائمة "الهيكلة >أنواع المحتوى" Structure > Content Types. Ï65 ستجد هنا قائمةً بجميع أنواع المحتوى على موقع دروبال الخاص بك (بناءً على ما تم في هذا الدرس، فيُفترض أن يوجد المقال والصفحة الأساسية). استخدم القائمة المنسدلة في النهاية لاختيار ضبط العرض Manage display لأي نوع محتوى تريد تعديله. هناك طريقة أخرى وهي النقر فوق "تحرير Edit" أو "إدارة الحقول Manage Fields" ثم النقر فوق علامة التبويب "ضبط العرض Manage display" في الجزء العلوي من الشاشة التالية. من المفترض أن تأخذك أيًّا من الطريقتين إلى نفس المكان. عندما تصل إلى هناك، مرّر لأقصى الأسفل ثم نشّط خيار "تفعيل مصمم التخطيط Use Layout Builder" والحفظ. تعرف على محرر تخطيط دروبال Drupal Layout Editor نظرًا لأن هذا الدرس التعليمي موجه للمبتدئين، فسيتم تقديم نظرة عامة قصيرة فقط على ما يمكن أن يفعله مصمم التخطيط Layout Builder. يسمح لك محرر تخطيط دروبال Drupal Layout Editor بتغيير هيكلة أو تصميم ما نطلق عليه "أنواع المحتوى" الخاصة بك بطريقة السحب والإفلات drag-and-drop. وأنواع المحتوى تُعَد قوالب يتم تخطيطها وتصميمها وحفظها، وبعد ذلك تربط الصفحات بنوع معين، فتظهر بيانات الصفحة بالتصميم المخصص لهذا النوع أو القالب. في قائمة "إدارة العرض Manage display"، ومع تنشيط الاختيار Layout Builder، يفترض ظهور الزر "إدارة التخطيط Manage layout" الذي لم يكن موجودًا من قبل. عند النقر على هذا الزر، سيتم الوصول إلى صفحة معاينة (تجريبية) لهذا النوع أو القالب، مع إمكانية تعديل تخطيطه. يتكون المحرر بالأساس من أقسام sections وكتل blocks، وإذا تم النقر فوق "إضافة قسم Add section"، فستظهر قائمة بالاختيارات المتاحة، وكل اختيار يمثل تخطيطًا مختلفًا، بحيث يكون الاختلاف في عدد الأعمدة ونسبة عرض width ratio كل عمود. في الصورة التالية يظهر التخطيط 50% 50%، والذي يعنى عمودان متساويان في العرض. بعد اختيار تخطيط القسم، يجب كتابة اسم للقسم، وعند النقر على "إضافة قسم Add section"، تتم إضافته إلى تخطيط الصفحة، وسنلاحظ أن القسم المضاف يتكون من عمودين متساويين كما بالصورة التالية. بعد ذلك، لإضافة كتل إلى القسم، يكفي النقر مرةً واحدةً على الزر الذي يحمل نفس الاسم، وستظهر قائمة منزلقة أخرى تحتوي كل الكتل المتاحة على موقعك، بالإضافة إلى إمكانية إنشاء كتل مخصصة. انقر فوق إحداها لضبط الإعدادات الخاصة بها، ثم اضغط على "إضافة كتلة Add block" لإضافتها إلى الصفحة. إضافةً إلى ذلك، يمكن تغيير أماكن الكتل الموجودة باستخدام طريقة السحب والإفلات، والعديد من الخيارات الأخرى مثل إزالة أقسام كاملة، وضبط إعدادات الكتل، وغيرها من الاختيارات. عند الانتهاء والنقر فوق "حفظ التخطيط Save layout"، سيتم تطبيق التغييرات على كل محتوى يستخدم هذا النوع، فالنوع بمثابة قالب إذا تم تغييره، وسيتم تطبيق ذلك على كل من يستخدمه. يُعَد هذا تدريبًا عمليًا رائعًا، أليس كذلك؟ استخدم مصمم التخطيط Layout Builder لتعديل الصفحات الفردية بالإضافة إلى ما يقوم به مصمم التخطيط Layout Builder من إجراء تغييرات على أنواع (قوالب) المحتوى، يمكن أيضًا استخدامه لإجراء تغييرات على محتوى صفحات معينة وليس على التخطيط العام للنوع نفسه؛ وللتمكن من ذلك، يجب التأكد من تنشيط الخيار "السماح بتعديل العناصر الفردية Allow each content item to have its layout customized" والموجود تحت "إدارة العرض Manage Display". إذا نُفّذت الخطوات السابقة وحاولت تعديل محتوى يستخدم هذا النوع، فستحصل الآن على علامة تبويب جديدة تسمى "تخطيط Layout" في الأعلى تنقلك إلى نفس المحرر. هنا، يمكنك إجراء تغييرات على أجزاء المحتوى الفردية التي ستلغي الإعدادات المكتسبة من النوع العام فيكون لها تخطيطها الخاص، ويمكن زيادة إمكانيات وقدرات مصمم التخطيط عن طريق الوحدات البرمجية Modules، وهناك خيارات إضافية. لمزيد من المعلومات، يمكنك زيارة شرح دروبال. الخواطر النهائية: دروس دروبال للمبتدئين رغم أن هذا الدرس التعليمي كافٍ جدًا لمنحك معلومات راسخةً ومتينةً لتصميم موقع ويب باستخدام دروبال، إلا أنه يجب أن تضع في حسبانك أن الأمر يتطلب بعض الصبر لإتقان إمكانيات دروبال بالكامل. ومن المعروف أن العملية التعليمية تستغرق وقتًا، لذلك فمن أفضل الطرق للحصول على الخبرة هي التدريب على الأدوات والنظام ومعرفة كيفية تنفيذ الأشياء التي تريدها على موقعك. نرجوا أن يكون هذا الدرس لتعليم دروبال للمبتدئين قد ساعدك فعليًا في اتخاذ خطوتك الأولى، وإن كان لديك أي تساؤل حوله فلا تتردد في طرحه بالتعليقات. ترجمة -وبتصرّف- للمقال Beginners’ Guide to Drupal (How to Build a Website) لصاحبه Nick Schäferhoff. اقرأ أيضًا المقال السابق: إنشاء وتعديل المدونات والمحتوى في دروبال Drupal التعامل مع واجهة المستخدم وصفحات الموقع في دروبال Drupal دليل المبتدئين لتهيئة دروبال Drupal الأخطاء التي يقع فيها المبتدئون في دروبال
×
×
  • أضف...