منذ أن بدأنا هذا المشروع، كنا نرغب دائمًا في أن يكون له بصمتنا الخاصة، ولهذا السبب تم إنشاء القالب الثاني الذي نستخدمه في DesdeLinux بنسبة 100٪ من قبلنا.
وتلتها إصدارات أخرى، وبينما يمكننا شراء أو استئجار خدمات ويب معينة لإنشاء تصميماتنا، مثل تلك التي تقدمها EstudioDWeb.com ، أو شراء قوالب جاهزة من ThemeForest.net ، فقد كنا نرغب دائمًا في امتلاك تصميمنا الخاص، المُكيّف مع احتياجاتنا، ويمكن أن تكون زيارة DesarrolloWeb.com مفيدة
على أي حال، أنا شغوف بتصميم وتطوير المواقع الإلكترونية، وأعمل بالفعل على تصميم جديد لـ DesdeLinux وسأعرض لكم بعض لقطات الشاشة لكيفية تقدم العمل.
الفكرة ليست الخروج مما تكيفنا عليه بالفعل ، لذلك تظل العديد من العناصر كما هي أو بطريقة مماثلة. أبدأ بالصفحة الرئيسية
وهذا ما ستبدو عليه المقالات:
كما ترون، الأمور تسير على ما يرام بالنسبة لنا، وقد أضفنا رموزًا مختصرة جديدة لإنشاء المقالات.
لهذا السبب فكرت في مشاركة طريقة إنشاء أحدها (الخاص بالمعلومات) في حال رغبتكم في إضافتها إلى قوالب ووردبريس الخاصة بكم . شيء من هذا القبيل:
أنا لست خبيرًا في البرمجة باستخدام نظام إدارة المحتوى هذا ، لذلك لن أحاول شرح سبب وكيفية عملها بهذه الطريقة ، سأوضح لك فقط كيفية القيام بذلك ، فترة.
للقيام بذلك، نستخدم "سكين الجيش السويسري" الخاص بـ WordPress ، وأنا أشير إلى ملف functions.php الذي نجده عادةً في جميع القوالب تقريبًا.
ما سنفعله في هذا الملف هو إضافة بنية الرمز المختصر لدينا وبالطبع التسمية التي تظهره. بحيث يتيح الحصول عليه.
داخل الدالة Function.php
داخل ملف function.php الخاص بنا ، سيكون ما سنضعه هو بنية HTML للرمز القصير ، ولكن ليس فقط وضع علامات HTML على هذا النحو. سيكون لدينا شيء مثل هذا:
// Info function infobox ($ atts، $ content = null، $ code = "") {$ return = ' "؛ عائد دولار. = محتوى دولار ؛ عائد دولار. = ' "؛ عودة $ return؛ } // الرمز المختصر add_shortcode ('info'، 'infobox')؛
من هنا نوضح بعض الأمور. أولاً، عندما نستخدم شرطتين مائلتين، فإننا نعلق على السطر، وبالتالي فإن // Info هو مجرد تعليق.
يمكن تغيير اسم الوظيفة، في هذه الحالة infobox، إلى أي شيء نريده، ولكن يجب أن يتطابق مع الاسم الذي استخدمناه في السطر الأخير.
على سبيل المثال:
عائد دولار. = محتوى دولار ؛
سيعيد المتغير $content ، وهو المكان الذي يوضع فيه المحتوى الذي نضعه في ShortCode، قيمة فارغة إذا لم نضع أي شيء.
الآن اسم ShortCode هو ما وضعناه:
add_shortcode( 'info', 'infobox' );
حيث يمكنك تغيير المعلومات إلى ما تشاء. الآن، لجعلها تبدو مثل المثال، يجب أن نضع:
[ 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 بكسل محاذاة النص: يسار}
وهذا كل شيء... وأكرر، أنا لست مبرمجًا أو أي شيء من هذا القبيل، والشرح الذي قدمته هو كيف أفهم عمل ShortCode