كيفية استخدام قالب اقتباس WordPress

نشرت: 2021-09-20

تقدم WordPress Quote Block طريقة سهلة لعرض اقتباس من مصدر خارجي. يعرض النص بعلامة اقتباس ويتضمن تعليقًا لإضافة اقتباس. إنها كتلة بسيطة ولكن استخدامها داخل المحتوى الخاص بك يمكن أن يلفت انتباه القارئ ويضيف بعض التركيز إلى النص الخاص بك.

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

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

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

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

بالتناوب ، يمكنك كتابة / اقتباس حيث تريد وضع الكتلة والضغط على إدخال أو اختياره من الخيارات.

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

يؤدي هذا إلى إضافة "كتلة الاقتباس" إلى المحتوى الخاص بك حيث يمكنك إضافة أي عرض أسعار تريده.

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

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

سيختلف التصميم وفقًا للموضوع الذي تستخدمه. يتم عرض الاقتباس الذي يستخدم سمة Twenty-One بخط شبه عريض ، بينما يتم عرض الاقتباس بوزن منتظم.

كيفية إضافة كتلة الاقتباس إلى منشورك أو صفحتك

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

إعدادات وخيارات كتلة الاقتباس

إعدادات وخيارات كتلة الاقتباس

يتضمن Quote Block إعدادات وخيارات داخل الكتلة وعلى الشريط الجانبي الأيمن. سننظر عن كثب في كلا النوعين من الإعدادات والخيارات.

شريط أدوات كتلة الاقتباس

شريط أدوات كتلة الاقتباس

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

تغيير نوع الكتلة أو النمط

تغيير نوع الكتلة أو النمط

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

اسحب وانقل

اسحب وانقل

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

تغيير المحاذاة

تغيير المحاذاة

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

تغيير المحاذاة

يستخدم هذا المثال المحاذاة إلى الوسط ، والتي تعمل على توسيط النص والاقتباس داخل الكتلة.

غامق ومائل

غامق ومائل

نمط غامق ومائل للنص الذي تقوم بتمييزه. استخدمهم معًا أو بشكل مستقل. في هذا المثال ، استخدمتها بشكل مستقل معًا في الاقتباس وبشكل مستقل في الاقتباس.

وصلة

وصلة

يؤدي هذا إلى إضافة عنوان URL إلى النص الذي حددته. يكشف إدخال عنوان URL عن اقتراحات تستند إلى عناوين URL التي استخدمتها من قبل. يمكنك ضبطه لفتح الرابط في علامة تبويب جديدة.

وصلة

لقد أضفت الارتباط إلى الاقتباس في هذا المثال. تم وضع خط تحت النص لإظهار أنه ارتباط.

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

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

تحتوي المزيد من الخيارات على سبعة خيارات لتصميم النص الذي تقوم بتمييزه عند النقر فوقها. لقد أضفت وشددت على كل واحد منهم في المثال أعلاه. تشمل الخيارات:

الكود المضمن - يعمل على تنسيق النص ليبدو مثل الكود. كلمة " تعرف" يتم تنسيقها كرمز مضمّن.

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

إدخال لوحة المفاتيح - يؤدي هذا إلى ضبط النص على هيئة تنسيق HTML للوحة المفاتيح. يتم تنسيق كلمة هناك مع مدخلات لوحة المفاتيح التصميم.

يتوسطه خط - يضيف هذا خطًا فوق النص. لقد أضفت خطًا يتوسطه خط للكلمة ولكن في الصورة أعلاه.

منخفض - هذا يجعل النص منخفضًا ، مثل كلمة إنسان .

مرتفع - هذا يجعل النص مرتفعًا ، مثل خطأ الكلمة.

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

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

قم بتخصيص الألوان عن طريق الاختيار من لون محدد مسبقًا أو لون مخصص من منتقي الألوان ، أو عن طريق إدخال الرمز السداسي أو رمز RGB أو رمز HSL.

خيارات

خيارات

يشتمل الزر "خيارات" على 10 خيارات كتلة قياسية:

إخفاء المزيد من الإعدادات - يؤدي هذا إلى إخفاء الشريط الجانبي الأيمن.

نسخ - يؤدي هذا إلى نسخ كتلة الاقتباس حتى تتمكن من لصقها في مكان آخر داخل المحتوى الخاص بك.

تكرار - يؤدي هذا إلى إضافة نسخة مكررة من قالب الاقتباس أسفل النص الأصلي.

أدخل قبل - يضيف هذا مسافة للكتلة قبل كتلة الاقتباس.

إدراج بعد - يضيف هذا مسافة للكتلة بعد كتلة الاقتباس.

نقل إلى - يتيح لك هذا تحريك الكتلة بوضع خط أزرق لإظهار مكان نقل الكتلة.

تحرير بتنسيق HTML - يفتح هذا محرر التعليمات البرمجية حيث يمكنك تحرير HTML.

إضافة إلى الكتل القابلة لإعادة الاستخدام - هذا يضيف "كتلة عرض الأسعار" إلى الكتل التي يمكن إعادة استخدامها حتى تتمكن من إعادة استخدامها في صفحات ومنشورات أخرى.

المجموعة - يؤدي ذلك إلى إضافة الكتلة إلى مجموعة يمكنك تخصيصها.

إزالة الكتلة - يؤدي هذا إلى حذف كتلة الاقتباس.

اقتباس كتلة إعدادات الشريط الجانبي

اقتباس كتلة إعدادات الشريط الجانبي

تتضمن إعدادات الشريط الجانبي الأنماط والمتقدمة. يؤدي النقر فوق الكتلة إلى فتح تغييرات خيارات Quote Block في الشريط الجانبي. يؤدي النقر فوق الترس الموجود في الزاوية اليمنى العليا إلى فتح الشريط الجانبي أو إغلاقه.

الأنماط

الأنماط

تُظهر الأنماط خيارين: النمط الافتراضي والنمط الكبير. يعرض كلاهما معاينة لكيفية ظهور عرض الأسعار. يمكنك تعيين النمط الافتراضي في مربع القائمة المنسدلة المسمى النمط الافتراضي . يمكن أن تختلف الأنماط حسب الموضوع الخاص بك. يوضح المثال أعلاه النمط الكبير.

متقدم

متقدم

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

نصائح وأفضل الممارسات لاستخدام قالب الاقتباس بشكل فعال

استخدم علامات الاقتباس للتأكيد على جزء من النص أو لترك فكرة للقراء للتركيز عليها.

استخدمها للاقتباسات التي لم يتم العثور عليها في مكان آخر داخل المقالة.

حدد النمط الكبير لتمييز الاقتباس عن النص بشكل أكثر دراماتيكية.

اختر نمط الاقتباس بناءً على المحتوى الخاص بك والجمهور.

عند الاقتباس من مؤلف ، اكتب عنوان العمل عندما يكون ذلك ممكنًا.

بالنسبة للاقتباسات الأكاديمية ، استخدم طريقة الاقتباس التي تفضلها مدرستك.

حدد مجموعة لإضافة لون خلفية أو حد.

الأسئلة المتداولة حول كتلة الاقتباس

ما هو الغرض من قالب الاقتباس؟

لتقديم اقتباسات تبدو جيدة في المحتوى الخاص بك. تتم إضافتها إلى المحتوى بخط مختلف وتتضمن علامة اقتباس وتعليق على الاقتباس.

ما الفرق بين كتلة الاقتباس وكتلة الاقتباس؟

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

ما هي ميزة استخدام هذه الكتلة؟

إنها تبرز عن باقي النص ، لذا فهي تلفت الانتباه. يمكن للقراء أن يخبروا في لمحة أنه اقتباس. الكتلة أبسط في الاستخدام من Pullquote Block.

ما الذي يمكن أن تتحول إليه؟

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

ما الذي يمكن أن تستخدمه هذه الكتلة؟

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

استنتاج

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

نريد أن نسمع منك. هل تستخدم قالب الاقتباس؟ أخبرنا برأيك في التعليقات.

صورة مميزة عبر Vector.design / shutterstock.com