افتح القائمة
شرط
إنشاء عنصر الاشتراك في النشرة الإخبارية
أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك.
تنسيق Apple News
واجهة برمجة تطبيقات Apple News
ملخص
يمكنك تزويد القراء بخيار الاشتراك في النشرة الإخبارية للمنشور الخاص بك من مقال. باستخدام الأنماط والتخطيطات بعناية ، يمكنك فصل عنصر الاشتراك في الرسائل الإخبارية بشكل مرئي عن محتوى مقالتك.
في هذه الصفحة ، ستتعرف على كيفية:
أضف عنصر الاشتراك في النشرة الإخبارية إلى مقالتك.
استخدم المكونات وأنماط المكونات وأنماط نص المكون وكائنات التخطيط لتخصيص عرض عنصر الاشتراك في الرسائل الإخبارية.
لقطة شاشة لمقالة Apple News بها عنصر تسجيل في رسالة إخبارية.
إنشاء كائنات تخطيط المكون للاشتراك في النشرة الإخبارية
لإجراء تعديلات على موضع عنصر الاشتراك في الرسائل الإخبارية ، يجب أولاً إنشاء كائنات جديدة:ComponentLayout
انسخ مثال التعليمات البرمجية Layout: Copy This Code .
الصق الكود بين قوس الإغلاق ( }) للكائن الأخير وقوس الإغلاق للخاصية بأكملها .componentLayoutComponentLayouts
يجب أن تبدو التعليمات البرمجية الخاصة بك مثل مثال التعليمات البرمجية Layout: Result .
التخطيط: انسخ هذا الرمز
,
"newsletterLayout": {
"margin": {
"top": 50,
"bottom": 50
},
"padding": 30
},
"newsletterHeadingLayout": {
"margin": {
"bottom": 24
}
},
"newsletterBodyLayout": {
"margin": {
"bottom": 26
}
},
"newsletterButtonLayout": {
"padding": {
"left": 24,
"right": 24,
"top": 12,
"bottom": 12
}
}
التخطيط: النتيجة
تشير القطع الناقصة (...) إلى حذف أسطر التعليمات البرمجية من هذا المثال.
{
...
"componentLayouts": {
...
"newsletterLayout": {
"margin": {
"top": 50,
"bottom": 50
},
"padding": 30
},
"newsletterHeadingLayout": {
"margin": {
"bottom": 24
}
},
"newsletterBodyLayout": {
"margin": {
"bottom": 26
}
},
"newsletterButtonLayout": {
"padding": {
"left": 24,
"right": 24,
"top": 12,
"bottom": 12
}
}
},
...
}
تحديد أنماط المكونات لعنصر الاشتراك في النشرة الإخبارية
قم بإنشاء كائن جديد بحيث يمكنك تطبيق الأنماط على عنصر الاشتراك في الرسائل الإخبارية.ComponentStyles
انسخ رمز المثال أنماط المكونات: انسخ هذا الرمز .
الصق الكود بين بعد خاصية الكائن وقوس الإغلاق ( ) للخاصية بأكملها .backgroundColorsidebarBackgroundStyle}componentStyles
يجب أن تبدو التعليمات البرمجية الخاصة بك مثل نموذج التعليمات البرمجية Com
Is this review helpful?
radio_button_uncheckedYes

Your review, profile name and photo will appear publicly in Google’s services. Your review must comply with the Google Workspace Marketplace Comment Guidelines and Review Policies. Learn More