الرمز مستخدم

Hey Hoenir v

Thank you for taking the time to post this on the Xbox forums. We understand that you are experiencing difficulties with being able redeem a code on your account.

I would have to refer you to
contacting Xbox customer support as they would be much better equipped in assisting you with further information on this code.

I hope this helps.

Hi BronzeGoose6207,

The only way you can fix this is to get the code from the previous user, without that code the console will stay locked.

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

Hey there Tns4,

Sorry to hear you're having an issue with your account.

I'm having some difficulty understanding what exactly is happening.

• What are you trying to do that is giving you an error?
• What is the exact error you're having?

Please let us know some more clarification and we'll work with you from there.

افتح القائمة

شرط

إنشاء عنصر الاشتراك في النشرة الإخبارية

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك.

تنسيق 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

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل نموذج التعليمات البرمجية Component Styles: Result .

أنماط المكونات: انسخ هذا الرمز

,

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

أنماط المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentStyles": {

...

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

},

...

},

تحديد أنماط نص المكون لعنصر الاشتراك في النشرة الإخبارية

قم بإنشاء كائنات جديدة بحيث يمكنك تطبيق أنماط النص على العنوان والجسم والزر لعنصر الاشتراك في الرسائل الإخبارية.ComponentTextStyle

انسخ رمز المثال أنماط نص المكون: انسخ هذا الرمز .

قم بلصق التعليمات البرمجية بعد الكائن الأخير وقوس الإغلاق (}) للكائن بأكمله .componentTextStyle componentTextStyles

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل التعليمات البرمجية الخاصة بأنماط نص المكون: النتيجة .

أنماط نص المكون: انسخ هذا الرمز

,

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

أنماط نص المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentTextStyles": {

...

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

}

}

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك

أخيرًا ، أضف عنصر الاشتراك في النشرة الإخبارية إلى مقالتك.

انسخ رمز المثال النشرة الإخبارية: انسخ هذا الرمز .

الصق الكود بعد عنوان URL الخاص بتويتر وقبل قوس الإغلاق المربع (]) في نهاية المصفوفة components.

يجب أن يبدو الرمز الخاص بك مثل رمز المثال في النشرة الإخبارية: النتيجة .

النشرة الإخبارية: انسخ هذا الرمز

,

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

النشرة الإخبارية: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"components": [

...

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "hافتح القائمة

شرط

إنشاء عنصر الاشتراك في النشرة الإخبارية

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك.

تنسيق 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

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل نموذج التعليمات البرمجية Component Styles: Result .

أنماط المكونات: انسخ هذا الرمز

,

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

أنماط المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentStyles": {

...

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

},

...

},

تحديد أنماط نص المكون لعنصر الاشتراك في النشرة الإخبارية

قم بإنشاء كائنات جديدة بحيث يمكنك تطبيق أنماط النص على العنوان والجسم والزر لعنصر الاشتراك في الرسائل الإخبارية.ComponentTextStyle

انسخ رمز المثال أنماط نص المكون: انسخ هذا الرمز .

قم بلصق التعليمات البرمجية بعد الكائن الأخير وقوس الإغلاق (}) للكائن بأكمله .componentTextStyle componentTextStyles

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل التعليمات البرمجية الخاصة بأنماط نص المكون: النتيجة .

أنماط نص المكون: انسخ هذا الرمز

,

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

أنماط نص المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentTextStyles": {

...

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

}

}

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك

أخيرًا ، أضف عنصر الاشتراك في النشرة الإخبارية إلى مقالتك.

انسخ رمز المثال النشرة الإخبارية: انسخ هذا الرمز .

الصق الكود بعد عنوان URL الخاص بتويتر وقبل قوس الإغلاق المربع (]) في نهاية المصفوفة components.

يجب أن يبدو الرمز الخاص بك مثل رمز المثال في النشرة الإخبارية: النتيجة .

النشرة الإخبارية: انسخ هذا الرمز

,

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

النشرة الإخبارية: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"components": [

...

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

]

}

],

...

tml",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

]

}

],

...

افتح القائمة

شرط

إنشاء عنصر الاشتراك في النشرة الإخبارية

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك.

تنسيق 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

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل نموذج التعليمات البرمجية Component Styles: Result .

أنماط المكونات: انسخ هذا الرمز

,

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

أنماط المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentStyles": {

...

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

},

...

},

تحديد أنماط نص المكون لعنصر الاشتراك في النشرة الإخبارية

قم بإنشاء كائنات جديدة بحيث يمكنك تطبيق أنماط النص على العنوان والجسم والزر لعنصر الاشتراك في الرسائل الإخبارية.ComponentTextStyle

انسخ رمز المثال أنماط نص المكون: انسخ هذا الرمز .

قم بلصق التعليمات البرمجية بعد الكائن الأخير وقوس الإغلاق (}) للكائن بأكمله .componentTextStyle componentTextStyles

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل التعليمات البرمجية الخاصة بأنماط نص المكون: النتيجة .

أنماط نص المكون: انسخ هذا الرمز

,

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

أنماط نص المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentTextStyles": {

...

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

}

}

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك

أخيرًا ، أضف عنصر الاشتراك في النشرة الإخبارية إلى مقالتك.

انسخ رمز المثال النشرة الإخبارية: انسخ هذا الرمز .

الصق الكود بعد عنوان URL الخاص بتويتر وقبل قوس الإغلاق المربع (]) في نهاية المصفوفة components.

يجب أن يبدو الرمز الخاص بك مثل رمز المثال في النشرة الإخبارية: النتيجة .

النشرة الإخبارية: انسخ هذا الرمز

,

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

النشرة الإخبارية: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"components": [

...

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "hافتح القائمة

شرط

إنشاء عنصر الاشتراك في النشرة الإخبارية

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك.

تنسيق 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

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل نموذج التعليمات البرمجية Component Styles: Result .

أنماط المكونات: انسخ هذا الرمز

,

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

أنماط المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentStyles": {

...

"newsletterStyle": {

"mask": {

"type": "corners",

"radius": 6

},

"backgroundColor": "#F8F8FA",

"conditional": [

{

"backgroundColor": "#1C1C1E",

"conditions": [

{

"preferredColorScheme": "dark"

}

]

}

]

},

"newsletterButtonStyle": {

"border": {

"all": {

"color": "#000000",

"width": 1

}

},

"mask": {

"type": "corners",

"radius": 6

}

}

},

...

},

تحديد أنماط نص المكون لعنصر الاشتراك في النشرة الإخبارية

قم بإنشاء كائنات جديدة بحيث يمكنك تطبيق أنماط النص على العنوان والجسم والزر لعنصر الاشتراك في الرسائل الإخبارية.ComponentTextStyle

انسخ رمز المثال أنماط نص المكون: انسخ هذا الرمز .

قم بلصق التعليمات البرمجية بعد الكائن الأخير وقوس الإغلاق (}) للكائن بأكمله .componentTextStyle componentTextStyles

يجب أن تبدو التعليمات البرمجية الخاصة بك مثل التعليمات البرمجية الخاصة بأنماط نص المكون: النتيجة .

أنماط نص المكون: انسخ هذا الرمز

,

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

أنماط نص المكون: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"componentTextStyles": {

...

"newsletterHeadingTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 20,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterBodyTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"lineHeight": 18,

"textColor": "#000000",

"textAlignment": "center"

},

"newsletterButtonTextStyle": {

"fontName": "HelveticaNeue",

"fontSize": 15,

"textColor": "#000000",

"textAlignment": "center"

}

}

}

أضف عنصر الاشتراك في النشرة الإخبارية في مقالتك

أخيرًا ، أضف عنصر الاشتراك في النشرة الإخبارية إلى مقالتك.

انسخ رمز المثال النشرة الإخبارية: انسخ هذا الرمز .

الصق الكود بعد عنوان URL الخاص بتويتر وقبل قوس الإغلاق المربع (]) في نهاية المصفوفة components.

يجب أن يبدو الرمز الخاص بك مثل رمز المثال في النشرة الإخبارية: النتيجة .

النشرة الإخبارية: انسخ هذا الرمز

,

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

النشرة الإخبارية: النتيجة

تشير القطع الناقصة (...) إلى أسطر التعليمات البرمجية التي تم حذفها من هذا المثال.

{

...

"components": [

...

{

"role": "heading2",

"layout": "fullMarginAboveHalfBelowLayout",

"text": "NEWSLETTER SIGN-UP"

},

{

"role": "body",

"format": "html",

"layout": "noMarginLayout",

"text": "Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas."

},

{

"role": "container",

"layout": "newsletterLayout",

"style": "newsletterStyle",

"components": [

{

"role": "heading3",

"text": "Lorem ipsum dolor sit amet",

"textStyle": "newsletterHeadingTextStyle",

"layout": "newsletterHeadingLayout"

},

{

"role": "body",

"text": "Sign up for our daily newsletter, delivered straight to your inbox.",

"textStyle": "newsletterBodyTextStyle",

"layout": "newsletterBodyLayout"

},

{

"role": "link_button",

"format": "html",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

]

}

],

...

tml",

"URL": "https://apple.com",

"text": "Sign Up ↗︎",

"textStyle": "newsletterButtonTextStyle",

"layout": "newsletterButtonLayout",

"style": "newsletterButtonStyle"

}

]

}

]

}

],

...

*** Die E-Mail-Adresse wurde aus Datenschutzgründen entfernt. ***