قم بإنشاء رموز قصيرة لموضوع WordPress الخاص بنا

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

ثم اتبعت إصدارات أخرى ، وعلى الرغم من أنه يمكننا شراء أو استئجار خدمات ويب معينة لإنشاء تصميماتنا مثل تلك StudioDWeb.com، أو شراء قوالب تم إنشاؤها بالفعل في ThemeForest.net، لطالما أردنا أن يكون لدينا ما لدينا ، وأن نتكيف مع احتياجاتنا ونتوقف WebDevelopment.com يمكن أن تكون مفيدة 😀

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

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

وهذا ما ستبدو عليه المقالات:

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

لهذا السبب خطر لي أن أشاركك في كيفية إنشاء واحد منهم (المعلومات واحد) في حال كنت ترغب في تضمينها في مواضيعك WordPress. أعني ، شيء من هذا القبيل:

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

لهذا نستفيد من «سكين الجيش السويسري» WordPressيعني الملف function.php التي نجدها عادةً في جميع الموضوعات تقريبًا.

مثال على Function.php مع الرموز المختصرة DesdeLinux

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

داخل الدالة Function.php

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

// Info function infobox ($ atts، $ content = null، $ code = "") {$ return = ' "؛ عائد دولار. = محتوى دولار ؛ عائد دولار. = ' "؛ عودة $ return؛ } // الرمز المختصر add_shortcode ('info'، 'infobox')؛

من هنا نوضح شيئين. أولًا ، عندما نستخدم عمودين ، فإننا نعلق على السطر // معلومات إنه مجرد تعليق.

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

على سبيل المثال:

عائد دولار. = محتوى دولار ؛

متغير $ المحتوى وهو المكان الذي يذهب إليه المحتوى الذي نضعه في ShortCode افتراضيًا ، فإنه سيعيد قيمة فارغة إذا لم نضع أي شيء.

الآن اسم ShortCode هو ما وضعناه:

add_shortcode( 'info', 'infobox' );

أين يمكنك التغيير info على ما نريد. الآن ، لجعلها تبدو مثل المثال ، يجب أن نضع:

[ info ]Este será el ShortCode de ejemplo[ /info ]

على الرغم من ذلك بالطبع ، بدون المسافات ، التي أضعها لأنه من الواضح أنه سيتم تنشيط الرمز المختصر.

نمط ShortCode

إذا نظرت إلى السطر أعلاه ، بدون رمز PHP ومتغيراته ، سيبدو الرمز المختصر في HTML الخالص كما يلي:

<div class="alert-info"></div>

لذلك علينا فقط تطبيق أسلوب CSS.

.alert.alert-info {background: # d9edf7 url (info.png) no-تكرار 7px 50٪؛ نصف قطر الحدود: 4 بكسل ؛ الحدود: 1 بكسل صلب # bce8f1 ؛ اللون: # 3a87ad ؛ حجم الخط: 14 بكسل ؛ الهامش: 15 بكسل 15 بكسل ؛ المساحة المتروكة: 15 بكسل 15 بكسل 15 بكسل 50 بكسل محاذاة النص: يسار}

وهذا كل شيء .. أكرر ، أنا لست مبرمجًا أو أي شيء من هذا القبيل ، والتفسير الذي قدمته هو كيف أفهم أن الشفرة القصيرة تعمل 😛