كيفية إنشاء أعمدة في موضوع سيدني

نشرت: 2022-10-22

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

كيف يمكنني تغيير عدد الأعمدة في WordPress؟

الائتمان: WPBeginner

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

تتيح لك وحدة مدونة Divi عرض منشورات المدونة إما بعرض كامل أو بأحجام الشبكة. كقاعدة عامة ، إذا اخترت تخطيط شبكة ، فلا يمكن أن يكون لديك أكثر من ثلاثة أعمدة. في هذا البرنامج التعليمي ، سنوضح لك كيف يمكنك الجمع بين CSS Grid و Divi Blog لإنشاء أي عدد من الأعمدة. تجعل وحدة مدونة Divi من السهل إنشاء صفحة مدونة في السحابة. باستخدام Divi Builder ، يمكنك إنشاء وحدة مدونة لصفحتك. سنستخدم إحدى حزم التخطيط المجانية الخاصة بنا لإنشاء صفحة مدونة. لتغيير تخطيط وحدة المدونة الخاصة بك ، اختر Fullwidth وقم بتعيين عدد المنشورات على عشرة.

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

فيما يلي ملخص سريع للنتائج. إذا استخدمنا حشوة علوية 5625٪ ، فيجب أن تكون للصور نسبة عرض إلى ارتفاع تبلغ 9:16. يجب أن نضع الصورة المميزة بحيث تناسبها تمامًا داخل حاوية الصورة قبل أن يعمل المقتطف الأول. هذه هي النظرة النهائية على وحدة المدونة الخاصة بنا بناءً على تخطيط الأعمدة والشبكة الجديد .

فوائد نظام غذائي نباتي الفوائد العديدة لنظام غذائي نباتي


وورد موضوع سيدني

الائتمان: themeora.com

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

Sydney Pro هو موضوع WordPress بسيط وجذاب ، مما يجعله خيارًا مثاليًا لعرض خدمات شركتك للعملاء المحتملين. يجب تحميل سمة الشحن. الهدف من Load هو إنشاء مواقع ويب تروج للبضائع والشحن والتخزين والنقل والخدمات اللوجستية. إذا كنت ترغب في إضافة مجموعة متنوعة من الوظائف إلى موقع الويب الخاص بك ، فإن Enfold Responsive Multi-Purpose WordPress Theme هو الموضوع المناسب لك.

أعمدة WordPress

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

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

كتلة الأعمدة: كيفية إضافة وإزالة الأعمدة

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

العمود Css

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

يسمح تخطيط CSS متعدد الأعمدة بتعريف بسيط لأعمدة النص المتعددة ، تمامًا كما هو الحال في الصحف. في هذا الفصل ، سنتعرف على الخصائص التالية. يتم استخدام خاصية امتداد العمود لتحديد عدد الأعمدة التي يجب أن يمتد العنصر عبرها. يتم تحديد خصائص عمود-قاعدة- * بخاصية اختصار تسمى خاصية قاعدة العمود. الرجاء تحديد عرض القاعدة ونمطها ولونها في الأعمدة التي تسبقها.

أهمية الأعمدة والصفوف

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

أعمدة Wp المتقدمة

يعد Advanced WP Columns مكونًا إضافيًا قويًا يتيح لك إنشاء تخطيطات أعمدة مخصصة لمنشوراتك وصفحاتك. باستخدام هذا المكون الإضافي ، يمكنك التحكم بسهولة في عدد الأعمدة وعرض كل عمود والتباعد بين الأعمدة. تعد أعمدة WP المتقدمة طريقة رائعة لإنشاء تخطيطات فريدة ومخصصة للمحتوى الخاص بك.

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

هل يمكنك عمل أعمدة في ووردبريس؟

تعد إضافة أعمدة إلى صفحة WordPress الخاصة بك أمرًا بسيطًا مثل استخدام واحد من العديد من مكونات WordPress الإضافية. أعمدة الشبكة خفيفة الوزن ، على سبيل المثال ، يمكن تثبيتها وتنشيطها على موقع WordPress في ثوانٍ.

فوائد ركوب الدراجة إلى المدرسة

عمود واحد ، عمودان ، 3 أعمدة ، 4 أعمدة ، 5 أعمدة ، 6 أعمدة ، 7 أعمدة