مواد کے لیے رچ ٹیکسٹ ایڈیٹر کا استعمال

آپ اپنے آن لائن سٹور پر دکھائے جانے والے مواد کو فارمیٹ اور اسٹائل کرنے کے لیے Shopify کا رچ ٹیکسٹ ایڈیٹر استعمال کر سکتے ہیں۔

رچ ٹیکسٹ ایڈیٹر کہاں استعمال کریں

آپ اپنے سٹور پر متعدد جگہوں پر ٹیکسٹ شامل کرنے یا اس میں ترمیم کرنے کے لیے رچ ٹیکسٹ ایڈیٹر استعمال کر سکتے ہیں:

اگر آپ ایک ہم آہنگ تھیم استعمال کر رہے ہیں، تو آپ تھیم ایڈیٹر کی مدد سے اپنے صفحات یا ٹیمپلیٹس میں رچ ٹیکسٹ سیکشنز شامل کر سکتے ہیں۔

رچ ٹیکسٹ ایڈیٹر کے ساتھ HTML مواد شامل کریں

آپ رچ ٹیکسٹ ایڈیٹر کے ذریعے اپنی بلاگ پوسٹس، صفحات، پروڈکٹ کی تفصیلات، اور کلیکشن کی تفصیلات کے لیے HTML مواد درج کر سکتے ہیں۔

رچ ٹیکسٹ ایڈیٹر کے اندر مواد کا HTML کوڈ دیکھنے کے لیے کوڈ میں ترمیم کریں بٹن پر کلک کریں۔

HTML ویو میں، آپ رچ ٹیکسٹ ایڈیٹر میں موجود مواد میں بہت سی تبدیلیاں کر سکتے ہیں۔ آپ HTML استعمال کر کے تصاویر، ویڈیوز، یا ٹیبلز شامل کر سکتے ہیں، اور آپ لے آؤٹ اور مواد کے اسٹائل کو ڈیبگ یا فائن ٹیون کر سکتے ہیں۔

میڈیا ویجیٹ ایمبیڈ کریں

اگر آپ کوئی ویڈیو یا میوزک ویجیٹ ایمبیڈ کرنا چاہتے ہیں، تو آپ کو پہلے اسے Youtube، Vimeo، یا SoundCloud جیسی سروس پر ہوسٹ کرنا ہوگا۔ یہ سروسز ایک ایمبیڈ کوڈ تیار کرتی ہیں، جسے آپ کاپی کر کے اپنے Shopify ایڈمن کے رچ ٹیکسٹ ایڈیٹر میں پیسٹ کر سکتے ہیں۔

اقدامات:

  1. اس میڈیا کے لیے ایمبیڈ کوڈ تلاش کریں جسے آپ ایمبیڈ کرنا چاہتے ہیں۔
  2. ایمبیڈ کوڈ پر کلک کر کے اور PC پر ctrl + A یا Mac پر command + A دبا کر مکمل ایمبیڈ کوڈ منتخب کریں۔
  3. PC پر ctrl + C یا Mac پر command + C دبا کر ایمبیڈ کوڈ کاپی کریں۔
  4. اپنے Shopify ایڈمن میں، جس مواد میں آپ ترمیم کر رہے ہیں اس کے رچ ٹیکسٹ ایڈیٹر پر موجود Show HTML بٹن پر کلک کریں۔
  5. PC پر ctrl + V یا Mac پر command + V دبا کر ایمبیڈ کوڈ پیسٹ کریں۔
  6. سیو کریں پر کلک کریں۔

رچ ٹیکسٹ ایڈیٹر کے ساتھ ٹیکسٹ فارمیٹ کریں

فارمیٹنگ بٹن کے ذریعے، آپ تیزی سے پیراگراف، ہیڈنگ، یا بلاک کوٹ بنا سکتے ہیں۔ درست فارمیٹنگ اور ہیڈنگ کے درجات کا استعمال لوگوں اور سرچ انجن کو آپ کی ویب سائٹ کا مواد پڑھنے میں مدد دیتا ہے۔

ٹیکسٹ کے لیے فارمیٹ منتخب کرنے کے لیے، ٹیکسٹ کو ہائی لائٹ کریں اور پھر فارمیٹنگ بٹن پر کلک کریں۔

فارمیٹنگ کے آپشن

  • پیراگراف

    آپ کی ویب سائٹ کا زیادہ تر متنی مواد پیراگراف ٹیکسٹ ہوتا ہے۔ پیراگراف ٹیکسٹ کا فونٹ سائز عام طور پر 10–12 pt ہوتا ہے، لیکن کچھ تھیم مختلف فونٹ سائز استعمال کرتے ہیں۔

  • ہیڈنگ (1-6)

    ہیڈنگ کو مواد کی ساخت بنانے کے لیے استعمال کیا جاتا ہے۔ ہیڈنگ کے 6 لیول ہیں۔ ہیڈنگ 1 سب سے اہم لیول ہے اور ہیڈنگ 6 سب سے کم اہم ہے۔

  • بلاک کوٹ

    بلاک کوٹ کو ایسا ٹیکسٹ دکھانے کے لیے استعمال کیا جاتا ہے جو کسی اور سے منسوب ہو، جیسے کوئی اقتباس یا کسی کتاب یا ویب سائٹ کا کوئی حصہ۔

ٹیکسٹ بولڈ کریں

ٹیکسٹ کو بولڈ کرنے کے لیے، ٹیکسٹ کو ہائی لائٹ کریں اور بولڈ بٹن پر کلک کریں۔

ٹیکسٹ کو اٹالک کریں

ٹیکسٹ کو اٹالک کرنے کے لیے، ٹیکسٹ کو ہائی لائٹ کریں اور اٹالک بٹن پر کلک کریں۔

ٹیکسٹ انڈر لائن کریں

ٹیکسٹ کو انڈر لائن کرنے کے لیے، اسے ہائی لائٹ کریں اور انڈر لائن بٹن پر کلک کریں۔

بُلیٹڈ لسٹ بنائیں

بُلیٹڈ لسٹ بنانے کے لیے، بُلیٹڈ لسٹ بٹن پر کلک کریں۔

پہلا بُلیٹڈ لسٹ آئٹم بنانے کے لیے آپ ٹائپ کر سکتے ہیں۔ لسٹ کے نئے آئٹم بنانے کے لیے، enter یا return کلید دبائیں۔ لسٹ کو ختم کرنے کے لیے، enter یا return کلید دو بار دبائیں۔

نمبرڈ لسٹ بنائیں

نمبرڈ لسٹ بنانے کے لیے، نمبرڈ لسٹ بٹن پر کلک کریں۔

پہلا نمبرڈ لسٹ آئٹم بنانے کے لیے آپ ٹائپ کر سکتے ہیں۔ لسٹ کے نئے آئٹم بنانے کے لیے، enter یا return کلید دبائیں۔ لسٹ کو ختم کرنے کے لیے، enter یا return کلید دو بار دبائیں۔

ٹیکسٹ انڈینٹ کریں

کسی پیراگراف کو انڈینٹ کرنے سے اس کی بائیں جانب مارجن بن جاتا ہے۔ پیراگراف کو انڈینٹ کرنے کے لیے، انڈینٹ بٹن پر کلک کریں۔

ٹیکسٹ اَن انڈینٹ کریں

کسی پیراگراف کو اَن انڈینٹ کرنے سے اس کے انڈینٹ شدہ مارجن ہٹ جاتے ہیں۔ پیراگراف کو اَن انڈینٹ یا "آؤٹ ڈینٹ" کرنے کے لیے، آؤٹ ڈینٹ بٹن پر کلک کریں۔

ٹیکسٹ الائن کریں

ٹیکسٹ کو الائن کرنے کے لیے، ٹیکسٹ کو منتخب کریں، الائنمنٹ بٹن پر کلک کریں، اور بائیں الائن کریں، مرکز میں الائن کریں، یا دائیں الائن کریں کا انتخاب کریں۔

ٹیکسٹ کا رنگ تبدیل کریں

  1. ٹیکسٹ کو ہائی لائٹ کریں اور رنگ بٹن پر کلک کریں۔
  2. کوئی رنگ منتخب کرنے کے لیے اس پر کلک کریں یا ہیگزا کوڈ درج کریں تاکہ ہائی لائٹ کیے گئے ٹیکسٹ کو اس رنگ میں تبدیل کیا جا سکے۔

ٹیکسٹ کے پس منظر کا رنگ تبدیل کریں

  1. ٹیکسٹ کو ہائی لائٹ کریں اور رنگ بٹن پر کلک کریں۔
  2. پس منظر ٹیب پر کلک کریں۔
  3. کوئی رنگ منتخب کرنے کے لیے اس پر کلک کریں یا ہیگزا کوڈ درج کریں تاکہ ہائی لائٹ کیے گئے ٹیکسٹ کے پس منظر کو اس رنگ میں تبدیل کیا جا سکے۔

رچ ٹیکسٹ ایڈیٹر میں فارمیٹنگ صاف کریں

ٹیکسٹ یا امیج سے فارمیٹنگ ہٹانے کے لیے، مواد کو ہائی لائٹ کریں اور پھر فارمیٹنگ صاف کریں بٹن پر کلک کریں۔

رچ ٹیکسٹ ایڈیٹر کے ذریعے ٹیبل شامل کریں

آپ رچ ٹیکسٹ ایڈیٹر کی مدد سے اپنی بلاگ پوسٹ، صفحات، پروڈکٹ کی تفصیلات اور کلیکشن کی تفصیلات میں ٹیبل شامل کر سکتے ہیں۔ ٹیبل بنانے کے بعد آپ اس میں ٹیکسٹ، امیج یا ویڈیو بھی شامل کر سکتے ہیں۔

اقدامات:

  1. رچ ٹیکسٹ ایڈیٹر میں، ٹیبل شامل کریں بٹن پر کلک کریں۔
  2. ٹیبل شامل کرنے کے لیے ٹیبل شامل کریں پر کلک کریں۔ اس سے ایک قطار اور ایک کالم پر مشتمل ایک ٹیبل بن جاتا ہے۔

ٹیبل بنانے کے بعد، اس کی قطاروں اور کالم میں ترمیم کرنے کے لیے دوبارہ ٹیبل شامل کریں بٹن پر کلک کریں:

  • اوپر قطار شامل کریں: اپنے کرسر کو کسی قطار میں رکھیں اور اوپر ایک نئی قطار شامل کرنے کے لیے اس بٹن پر کلک کریں۔
  • نیچے قطار شامل کریں: اپنے کرسر کو کسی قطار میں رکھیں اور نیچے ایک نئی قطار شامل کرنے کے لیے اس بٹن پر کلک کریں۔
  • پہلے کالم شامل کریں: اپنے کرسر کو کسی کالم میں رکھیں اور اس کالم سے پہلے نیا کالم شامل کرنے کے لیے اس بٹن پر کلک کریں۔
  • بعد میں کالم شامل کریں: اپنے کرسر کو کسی کالم میں رکھیں اور اس کالم کے بعد نیا کالم شامل کرنے کے لیے اس بٹن پر کلک کریں۔
  • قطار حذف کریں: اپنے کرسر کو اس قطار میں رکھیں جسے آپ حذف کرنا چاہتے ہیں اور پھر اس بٹن پر کلک کریں۔
  • کالم حذف کریں: اپنے کرسر کو اس کالم میں رکھیں جسے آپ حذف کرنا چاہتے ہیں اور پھر اس بٹن پر کلک کریں۔
  • ٹیبل حذف کریں: ٹیبل کو مکمل طور پر حذف کرنے کے لیے اپنا کرسر ٹیبل میں کہیں بھی رکھیں اور پھر اس بٹن پر کلک کریں۔

آپ رچ ٹیکسٹ ایڈیٹر کی مدد سے بلاگ پوسٹ، صفحات، پروڈکٹ کی تفصیلات، اور کلیکشن کی تفصیلات میں لنک (ہائپر لنک) شامل کر سکتے ہیں۔ آپ ایسے لنک شامل کر سکتے ہیں جو کسٹمر کو آپ کے Shopify آن لائن سٹور کے صفحات اور دیگر ویب سائٹ پر لے جائیں۔ کسٹمر کو آپ سے رابطہ کرنے میں مدد دینے کے لیے، آپ ایسے لنک بھی شامل کر سکتے ہیں جو ای میل میسج کھولیں یا فون کال کریں۔

اقدامات:

  1. اس ٹیکسٹ یا امیج کو ہائی لائٹ کریں جسے آپ لنک میں تبدیل کرنا چاہتے ہیں۔
  2. لنک شامل کریں پر کلک کریں۔
  3. لنک کے لیے منزل کا URL درج ذیل اس سے لنک کریں فیلڈ میں درج کریں:
    • اپنے Shopify سٹور سے باہر کی کسی بیرونی ویب سائٹ سے لنک کرنے کے لیے، https:// کے بعد ویب ایڈریس درج کریں، مثال کے طور پر https://www.example.com۔
    • اپنے Shopify آن لائن سٹور کے کسی صفحے سے لنک کرنے کے لیے، مختصر URL درج کریں، مثال کے طور پر /collections/summer-collection۔
    • ایسا لنک بنانے کے لیے جو ای میل میسج کھولے، mailto: کے بعد ای میل ایڈریس درج کریں، مثال کے طور پر mailto:example@example.com۔
    • ایسا لنک بنانے کے لیے جو فون کال کرے، tel: کے بعد فون نمبر درج کریں، مثال کے طور پر tel:+0-123-456-7890۔
  4. لنک کا ٹائٹل باکس میں لنک کی مختصر تفصیل درج کریں۔
  5. اس کا انتخاب کریں کہ لنک کیسے کھلے گا، اس کے لیے اس لنک کو اس میں کھولیں مینو استعمال کریں:
    • اسی ونڈو میں: لنک صارف کے موجودہ براؤزر ٹیب یا ونڈو میں کھلے گا۔
    • نئی ونڈو: لنک براؤزر کی نئی ٹیب یا ونڈو میں کھلے گا۔
  6. اپنے ہائی لائٹ کردہ ٹیکسٹ کو لنک میں تبدیل کرنے کے لیے لنک شامل کریں پر کلک کریں۔

آپ کے Shopify سٹور کے اندر موجود صفحات کے لنکس کو اندرونی لنکس کہا جاتا ہے۔ آپ اندرونی لنکس بنانے کے لیے مختصر URLs استعمال کر سکتے ہیں۔ مثال کے طور پر، URL /collections آپ کے سٹور کے کلیکشنز پیج کی طرف اشارہ کرے گا۔

اپنے آن لائن سٹور کے کسی مخصوص پیج، جیسے کہ کلیکشن یا پروڈکٹ پیج سے لنک کرنے کے لیے، URL فارمیٹ /page-type/page-handle استعمال کریں۔ مثال کے طور پر، Summer Collection نامی اپنے بنائے ہوئے کلیکشن سے لنک کرنے کے لیے، URL /collections/summer-collection استعمال کریں۔

ان ویب سائٹس کے لنکس جو آپ کے Shopify سٹور سے باہر ہیں انہیں بیرونی لنکس کہا جاتا ہے۔ بیرونی لنکس کو مکمل طور پر درج کرنے کی ضرورت ہے اور یہ http:// سے شروع ہونے چاہئیں۔

آپ کے فائل اپ لوڈ کرنے کے بعد، آپ اسے رچ ٹیکسٹ ایڈیٹر میں موجود مواد سے لنک کر سکتے ہیں تاکہ اسے پروڈکٹ یا کلیکشن کی تفصیل، ویب پیج، یا بلاگ پوسٹ سے ڈاؤن لوڈ کے لیے دستیاب کرایا جا سکے۔

اقدامات:

ڈیسک ٹاپ
  1. اپنے Shopify ایڈمن سے، مواد > فائلز پر جائیں۔

  2. اس فائل کا URL کاپی کریں جسے آپ لنک کرنا چاہتے ہیں۔

  3. اپنے Shopify ایڈمن میں، اس پروڈکٹ، کلیکشن، ویب پیج، یا بلاگ پوسٹ پر کلک کریں جہاں آپ فائل شامل کرنا چاہتے ہیں۔

  4. رچ ٹیکسٹ ایڈیٹر میں، لنک کا ٹیکسٹ درج کریں یا منتخب کریں۔

  5. لنک کا ٹیکسٹ منتخب کریں۔

  6. لنک شامل کریں پر کلک کریں

  7. اس سے لنک کریں فیلڈ میں، اس فائل کا URL پیسٹ کریں جسے آپ لنک کرنا چاہتے ہیں۔

  8. لنک شامل کریں پر کلک کریں۔ رچ ٹیکسٹ ایڈیٹر میں، لنک شدہ ٹیکسٹ نیلے رنگ میں ڈسپلے ہوتا ہے اور انڈر لائن ہوتا ہے۔

موبائل
  1. Shopify ایپ سے، Menu آئیکن پر ٹیپ کریں۔

  2. مواد مینو میں، arrow down آئیکن پر ٹیپ کریں، اور پھر فائلز پر ٹیپ کریں۔

  3. اس فائل کا URL کاپی کریں جسے آپ لنک کرنا چاہتے ہیں۔

  4. اپنے Shopify ایڈمن میں، اس پروڈکٹ، کلیکشن، ویب پیج، یا بلاگ پوسٹ پر ٹیپ کریں جہاں آپ فائل شامل کرنا چاہتے ہیں۔

  5. رچ ٹیکسٹ ایڈیٹر میں، لنک کا ٹیکسٹ درج کریں یا منتخب کریں۔

  6. لنک کا ٹیکسٹ منتخب کریں۔

  7. لنک شامل کریں پر ٹیپ کریں

  8. اس سے لنک کریں فیلڈ میں، اس فائل کا URL پیسٹ کریں جسے آپ لنک کرنا چاہتے ہیں۔

  9. لنک شامل کریں پر ٹیپ کریں۔ رچ ٹیکسٹ ایڈیٹر میں، لنک شدہ ٹیکسٹ نیلے رنگ میں ڈسپلے ہوتا ہے اور انڈر لائن ہوتا ہے۔

رچ ٹیکسٹ ایڈیٹر کی مدد سے تصاویر شامل کریں

رچ ٹیکسٹ ایڈیٹر کا استعمال کرتے ہوئے تصویر شامل کرنے کے تین طریقے ہیں۔ آپ کر سکتے ہیں:

تصاویر اپ لوڈ کریں

اقدامات:

  1. رچ ٹیکسٹ ایڈیٹر میں، تصویر شامل کریں بٹن پر کلک کریں۔

  2. تصویر شامل کریں ڈائیلاگ میں، اپ لوڈ کردہ تصاویر ٹیب پر کلک کریں۔

  3. فائل اپ لوڈ کریں پر کلک کریں۔

  4. اپنے کمپیوٹر سے WebP، HEIC، SVG، GIF، JPEG یا PNG تصویری فائل منتخب کریں۔

  5. اسے منتخب کرنے کے لیے اس تصویر پر کلک کریں جسے آپ نے اپ لوڈ کیا تھا۔

  6. سائز مینو سے، تصویر کا ڈسپلے سائز منتخب کریں۔ آپ تصویر کے ڈسپلے سائز کو تبدیل کیے بغیر اسے شامل کرنے کے لیے اوریجنل منتخب کر سکتے ہیں۔

  7. تصویر کو رچ ٹیکسٹ ایڈیٹر میں رکھنے کے لیے تصویر شامل کریں پر کلک کریں۔

پروڈکٹ کی تصاویر سے انتخاب کریں

اقدامات:

  1. رچ ٹیکسٹ ایڈیٹر میں، تصویر شامل کریں بٹن پر کلک کریں۔

  2. تصویر شامل کریں ڈائیلاگ میں، پروڈکٹ کی تصاویر ٹیب پر کلک کریں۔

  3. اس تصویر پر کلک کریں جسے آپ شامل کرنا چاہتے ہیں۔ اگر آپ کو وہ پروڈکٹ میڈیا نہیں ملتا جسے آپ شامل کرنا چاہتے ہیں، تو آپ مختلف صفحات براؤز کرنے کے لیے تیر والے بٹنز استعمال کر سکتے ہیں۔

  4. سائز مینو سے، تصویر کا ڈسپلے سائز منتخب کریں۔ آپ تصویر کے ڈسپلے سائز کو تبدیل کیے بغیر اسے شامل کرنے کے لیے اوریجنل منتخب کر سکتے ہیں۔

  1. پروڈکٹ کی تصویر کو رچ ٹیکسٹ ایڈیٹر میں رکھنے کے لیے تصویر شامل کریں پر کلک کریں۔

تصویر کا URL استعمال کریں

عوامی URL استعمال کر کے تصویر شامل کرنے کے لیے:

  1. رچ ٹیکسٹ ایڈیٹر میں، تصویر شامل کریں بٹن پر کلک کریں۔
  2. تصویر شامل کریں ڈائیلاگ میں، URL ٹیب پر کلک کریں۔
  3. اپنی تصویری فائل کا عوامی طور پر قابل رسائی URL درج کریں۔
  4. رچ ٹیکسٹ ایڈیٹر میں تصویر کو اس کے اصل سائز میں شامل کرنے کے لیے تصویر شامل کریں پر کلک کریں۔

رچ ٹیکسٹ ایڈیٹر میں تصویر کو منتقل اور ری سائز کریں

کسی پروڈکٹ یا کلیکشن کی تفصیل، ویب پیج، یا بلاگ میں تصویر شامل کرنے کے بعد، آپ اسے مواد میں کسی دوسرے مقام پر منتقل کر سکتے ہیں۔

اقدامات:

  1. اپنے Shopify ایڈمن میں، اس پروڈکٹ، کلیکشن، ویب پیج، یا بلاگ پوسٹ پر کلک کریں جس میں وہ تصویر شامل ہے جسے آپ منتقل یا ری سائز کرنا چاہتے ہیں۔
  2. رچ ٹیکسٹ ایڈیٹر میں، تصویر پر کلک کریں۔
  3. درج ذیل میں سے کوئی ایک کام کریں:
    • تصویر کو منتقل کرنے کے لیے، کلک کریں اور اسے مواد فیلڈ میں کسی دوسرے مقام پر گھسیٹیں۔
    • تصویر کو ری سائز کرنے کے لیے، کسی ایک کونے پر کلک کر کے گھسیٹیں۔
  4. سیو کریں پر کلک کریں۔

رچ ٹیکسٹ ایڈیٹر میں تصویر میں ترمیم کریں

آپ رچ ٹیکسٹ ایڈیٹر میں تصویر کے سائز، ٹیکسٹ ریپنگ اور الائنمنٹ کو تبدیل کر سکتے ہیں۔ آپ تصویر کے URL میں ترمیم بھی کر سکتے ہیں، یا تصویر کا alt ٹیکسٹ شامل کر سکتے ہیں یا اس میں ترمیم کر سکتے ہیں۔

اقدامات:

  1. رچ ٹیکسٹ ایڈیٹر میں تصویر میں ترمیم کریں ڈائیلاگ کھولنے کے لیے تصویر پر ڈبل کلک کریں۔
  2. تصویر میں ترمیم کرنے کے لیے سائز اور الائنمنٹ کے آپشن استعمال کریں:
    • تصویر کا سائز تبدیل کرنے کے لیے، ایک سائز آپشن منتخب کریں۔
    • اپنے آن لائن سٹور کی SEO اور ایکسیسبیلٹی بہتر بنانے کے لیے، تصویر کا آلٹ ٹیکسٹ شامل کریں یا اس میں ترمیم کریں۔
    • سپیسنگ شامل کرنے کے لیے، پکسل کی وہ تعداد درج کریں جو آپ ہر سائیڈ پر سپیس کے طور پر چاہتے ہیں۔
    • تصویر کی الائنمنٹ تبدیل کرنے کے لیے، بائیں، درمیان، یا دائیں الائنمنٹ کی نمائندگی کرنے والے آئیکن میں سے منتخب کریں۔
    • ٹیکسٹ ریپنگ شامل کرنے کے لیے، Wrap text around image کو چیک کریں۔
  3. اپنی تبدیلیاں محفوظ کرنے کے لیے تصویر میں ترمیم کریں پر کلک کریں۔

رچ ٹیکسٹ ایڈیٹر کے ساتھ ویڈیو شامل کریں

آپ رچ ٹیکسٹ ایڈیٹر کا استعمال کر کے بلاگ پوسٹ، صفحات، پروڈکٹ کی تفصیلات، اور کلیکشن کی تفصیلات میں ویڈیو شامل یا ایمبیڈ کر سکتے ہیں۔

اگر آپ اپنی بنائی ہوئی کوئی ویڈیو ایمبیڈ کرنا چاہتے ہیں، تو پہلے آپ کو اسے ویڈیو سٹریمنگ سائٹ جیسے کہ YouTube یا Vimeo پر اپ لوڈ کرنا ہوگا۔

YouTube آپ کو متعلقہ ویڈیو غیر فعال کرنے کی اجازت نہیں دیتا، لیکن آپ یہ بتا سکتے ہیں کہ متعلقہ ویڈیو اسی چینل سے ہونی چاہیے جس کی ویڈیو ابھی چلی ہے۔

اقدامات:

  1. PC پر ctrl + C یا Mac پر command + C دبا کر ویڈیو کا URL کاپی کریں۔
  1. Embed Responsively ملاحظہ کریں۔ Embed Responsively ایک ایسا ٹول ہے جو آپ کو آپ کی ویڈیو کے لیے ایک بہتر ایمبیڈ کوڈ فراہم کرے گا۔
  1. Embed Responsively پر، اس ویڈیو ویب سائٹ کو منتخب کرنے کے لیے کلک کریں جہاں آپ کی ویڈیو موجود ہے۔
  2. PC پر ctrl + V یا Mac پر command + V دبا کر Embed Responsively پر Page URL باکس میں وہ ویڈیو کا URL پیسٹ کریں جو آپ نے کاپی کیا تھا۔
  3. Embed پر کلک کریں۔ Embed Responsively آپ کے لیے ایمبیڈ کوڈ بنائے گا۔
  4. اگر ویڈیو YouTube کی ہے اور آپ صرف اسی YouTube چینل سے متعلقہ ویڈیو دکھانا چاہتے ہیں، تو ایمبیڈ کوڈ میں ویڈیو کا URL تلاش کریں۔ کوٹیشن مارکس کے اندر آخر میں ?rel=0 کو کاپی کر کے پیسٹ کریں۔
  5. ایمبیڈ کوڈ باکس کے اندر موجود تمام کوڈ کو کاپی کریں۔
  6. اپنے Shopify ایڈمن میں، رچ ٹیکسٹ ایڈیٹر میں ویڈیو شامل کریں بٹن پر کلک کریں۔
  7. ویڈیو شامل کریں ڈائیلاگ کے باکس میں ایمبیڈ کوڈ پیسٹ کریں۔
  8. ویڈیو شامل کریں پر کلک کریں۔
  9. جب آپ مکمل کر لیں تو اس آئٹم میں اپنی تبدیلیاں محفوظ کرنے کے لیے محفوظ کریں پر کلک کریں جس میں آپ ترمیم کر رہے تھے۔

رچ ٹیکسٹ ایڈیٹر کے ساتھ آڈیو فائل شامل کریں

آپ بلاگ پوسٹ، صفحات، پروڈکٹ کی تفصیلات، اور کلیکشن کی تفصیلات میں آڈیو فائل شامل یا ایمبیڈ کرنے کے لیے رچ ٹیکسٹ ایڈیٹر کا استعمال کر سکتے ہیں۔

اقدامات:

  1. اپنے Shopify ایڈمن سے، مواد > فائلز پر جائیں۔

  2. آپ اپنے سٹور میں جو آڈیو فائل شامل یا ایمبیڈ کرنا چاہتے ہیں اسے اپ لوڈ کرنے کے لیے فائل اپ لوڈ کریں پر کلک کریں۔

  3. آن لائن سٹور سیکشن سے، اس صفحے یا بلاگ پوسٹ کے لیے رچ ٹیکسٹ ایڈیٹر کھولیں جس میں آپ آڈیو فائل کو نمایاں کرنا چاہتے ہیں۔

  4. اپنے صفحے پر آڈیو پلیئر ایمبیڈ کرنے کے لیے <div id="player"><audio controls="controls"> کاپی کریں، پھر رچ ٹیکسٹ ایڈیٹر میں کوڈ پیسٹ کریں۔

  5. درج ذیل کوڈ کاپی کریں:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. رچ ٹیکسٹ ایڈیٹر میں آڈیو پلیئر کے کوڈ کے بعد یہ کوڈ پیسٹ کریں، اور پھر https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 کو اس URL سے تبدیل کریں جو آپ نے آڈیو فائل کو Shopify پر اپ لوڈ کرتے وقت اس کے لیے بنایا تھا۔ آپ کسی بھی وقت فائل صفحے پر اپنی آڈیو فائل کا URL تلاش کر سکتے ہیں۔
  2. سیو کریں پر کلک کریں۔
  3. یہ یقینی بنانے کے لیے دیکھیں پر کلک کریں کہ آیا آپ کی آڈیو فائل درست طریقے سے چلتی ہے۔

رچ ٹیکسٹ ایڈیٹر میں اندرونی تبصرے شامل کریں یا ہٹائیں

آپ ایسے اندرونی ٹیکسٹ کے لیے کمنٹ ٹیگ <!-- اور --> استعمال کر سکتے ہیں جسے آپ اپنے سٹور پر شائع نہیں کرنا چاہتے۔

اقدامات:

  1. اپنے رچ ٹیکسٹ ایڈیٹر میں، HTML دکھائیں بٹن پر کلک کریں۔
  2. اندرونی تبصرہ شامل کرنے کے لیے، اس ٹیکسٹ کو <!-- اور --> کے اندر بند کریں جسے آپ پوشیدہ رکھنا چاہتے ہیں۔ مثال کے طور پر: <!--yourtext-->۔
  3. سیو کریں پر کلک کریں۔

کمنٹ ٹیگ کے اندر بند کیے گئے HTML ٹیگ اندرونی ٹیکسٹ کے طور پر محفوظ کیے جاتے ہیں۔ ان HTML ٹیگ کے درست طریقے سے کام کرنے کے لیے، آپ کو ان کے ارد گرد موجود کمنٹ ٹیگ <!-- اور --> کو ہٹانے کی ضرورت ہے۔

رچ ٹیکسٹ ایڈیٹر کو سمجھنا

رچ ٹیکسٹ ایڈیٹر ایک تھرڈ پارٹی مواد کی ترسیل کے نیٹ ورک (CDN)، TinyMCE کے ساتھ مربوط ہے۔ اس انضمام کے کچھ اہم اثرات ہیں:

  • مواد کی حد: رچ ٹیکسٹ ایڈیٹر میں درج کیے گئے مواد کے لیے 64 KB کی سخت حد ہے۔ اس کا اطلاق صفحات، بلاگ پوسٹ، اور اضافی سکرپٹ پر ہوتا ہے۔
  • HTML سینیٹائزیشن: TinyMCE مواد کو فلٹر کرنے کی ایسی لاجک فراہم کرتا ہے جو سٹور فرنٹ کی خرابیوں اور سیکیورٹی کے خطرات سے بچنے کے لیے خودکار طور پر HTML فارمیٹنگ کو درست کرتی ہے۔ اگرچہ آپ دستی طور پر HTML میں ترمیم کر کے اسے اس کی اصل شکل میں واپس لا سکتے ہیں، لیکن یہ تجویز کی جاتی ہے کہ آپ ممکنہ مسائل سے بچنے کے لیے ان خودکار تبدیلیوں کے ساتھ ہی کام کریں۔

رچ ٹیکسٹ ایڈیٹر کی ٹربل شوٹنگ

اگر آپ کو رچ ٹیکسٹ ایڈیٹر کے حوالے سے مسائل کا سامنا ہے، تو ٹربل شوٹنگ کے درج ذیل اقدامات اور عام مسائل کا جائزہ لیں۔

فارمیٹنگ کے مسائل کی ٹربل شوٹنگ کریں

کاپی شدہ مواد کے ساتھ فارمیٹنگ کے مسائل

ٹیکسٹ ہمیشہ اس ایڈیٹر یا ویب پیج کی فارمیٹنگ کو اپناتا ہے جہاں سے یہ شروع ہوا تھا۔ اگر آپ Microsoft Word میں مواد لکھتے ہیں اور پھر اسے کاپی کر کے رچ ٹیکسٹ ایڈیٹر میں پیسٹ کرتے ہیں، تو یہ وہی کلر، سائز، انڈینٹیشن، اور سپیسنگ برقرار رکھتا ہے، بشمول <div> ٹیگ۔

جب بھی ممکن ہو، اپنے مواد میں براہ راست رچ ٹیکسٹ ایڈیٹر کے اندر ہی ترمیم کریں اور فارمیٹ کریں۔

پیج کے مزید پیچیدہ لے آؤٹ کے لیے، پیج بلڈر ایپ استعمال کرنے پر غور کریں جیسے کہ Shogun Drag & Drop Page Builder۔

فارمیٹنگ کے مسائل کی نشاندہی کرنا

رچ ٹیکسٹ ایڈیٹر میں مسائل کی سب سے عام وجہ ایمبیڈڈ سٹائلنگ یا فارمیٹنگ ہے جو کسی دوسرے ماخذ سے مواد کاپی کر کے پیسٹ کرنے پر منتقل ہو جاتی ہے۔

یہ مختلف طریقوں سے ظاہر ہو سکتا ہے، لیکن عام طور پر یہ اس وقت مسئلہ بنتا ہے جب Shopify admin میں نظر آنے والی اور آپ کے لائیو سٹور پر نظر آنے والی چیزوں کے درمیان کوئی فرق ہو۔ اس میں معلومات کا اپ ڈیٹ نہ ہونا یا سٹائل کا مختلف نظر آنا شامل ہے۔

فارمیٹنگ کے مسائل کی ٹربل شوٹنگ

یہ ٹیسٹ کرنے کے دو طریقے ہیں کہ آیا مسئلہ فارمیٹنگ کی وجہ سے ہو رہا ہے: Clear formatting بٹن کا استعمال کر کے، یا رچ ٹیکسٹ ایڈیٹر کے مواد کو کسی HTML سٹریپر سے گزار کر۔

ٹیسٹ کرنے کے لیے، اس پروڈکٹ یا پیج کی ڈپلیکیٹ بنائیں جس میں مسئلہ موجود ہے، اور پھر اس ڈپلیکیٹ پر درج ذیل میں سے کوئی بھی ٹیسٹ کریں۔

ٹیسٹ 1: فارمیٹنگ کلیئر کریں

  1. رچ ٹیکسٹ ایڈیٹر میں موجود تمام مواد کو ہائی لائٹ کریں۔
  2. Clear formatting بٹن پر کلک کریں۔
  3. Save پر کلک کریں اور ٹیسٹ کریں۔

ٹیسٹ 2: HTML سٹریپر

  1. رچ ٹیکسٹ ایڈیٹر سے تمام مواد کاپی کریں۔
  2. اسے کسی HTML سٹریپر میں پیسٹ کریں، جیسے کہ striphtml.com۔
  3. تمام سٹریپ شدہ مواد کاپی کریں۔
  4. اسے واپس رچ ٹیکسٹ ایڈیٹر میں پیسٹ کر کے اصل مواد سے تبدیل کریں۔
  5. Save پر کلک کریں اور ٹیسٹ کریں۔

اگر ان میں سے کوئی بھی طریقہ مسئلہ حل کر دیتا ہے، تو اس کا مطلب ہے کہ مسئلہ اس فارمیٹنگ کی وجہ سے ہے جو رچ ٹیکسٹ ایڈیٹر میں اصل مواد شامل کرتے وقت منتقل ہوئی تھی۔ آپ اصل مواد کو ٹھیک کرنے کے لیے بھی یہی طریقے استعمال کر سکتے ہیں۔

غلط ترتیب والے امیج کوڈ کی ٹربل شوٹنگ

اگر wrap آپشن استعمال کرتے وقت آپ کو کسی امیج کے ساتھ ٹیکسٹ کو درست طریقے سے الائن کرنے میں مشکل پیش آ رہی ہے، تو آپ کو کوڈ کو اس طرح آگے پیچھے کرنے کی ضرورت پڑ سکتی ہے تاکہ امیج ٹیگ پیراگراف کے درمیان کے بجائے شروع میں ظاہر ہو۔

  1. رچ ٹیکسٹ ایڈیٹر میں Edit code بٹن پر کلک کریں۔
  2. امیج کوڈ تلاش کریں اور مکمل <img> ٹیگ کو پیراگراف کے شروع میں، <p> پیراگراف ٹیگز کے باہر منتقل کریں۔
  3. امیج کے نیچے والے پیراگرافس میں موجود کوئی بھی <span> ٹیگز ہٹا دیں۔
  4. Save پر کلک کریں۔

غلط الائن شدہ امیج کوڈ کی مثال:

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

درست کیا گیا کوڈ:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
کام نہ کرنے والے mailto لنکس کی ٹربل شوٹنگ

اگر mailto: لنکس کام نہیں کر رہے (خالی صفحہ لوڈ ہو رہا ہے یا ای میل نہیں کھل رہی)، تو چیک کریں کہ لنک کی ساخت کچھ یوں ہے:

mailto:email@example.com

اگر یہ مذکورہ فارمیٹ کے مطابق ہے اور پھر بھی توقع کے مطابق کام نہیں کر رہا، تو یہ براؤزر یا ای میل کلائنٹ کی سیٹنگز کا مسئلہ ہو سکتا ہے۔ اپنے براؤزر اور ای میل کلائنٹ کی سیٹنگز چیک کریں تاکہ یہ یقینی بنایا جا سکے کہ وہ mailto: لنکس کو درست طریقے سے ہینڈل کرنے کے لیے کنفیگرڈ ہیں۔

ری سائز ہونے کے بعد پیج امیجز کے اصل سائز میں واپس آ جانے کی ٹربل شوٹنگ

جب کسی پیج میں امیجز شامل کیے جاتے ہیں، تو جنریٹ ہونے والے HTML میں src پیرامیٹر اور data-mce-src پیرامیٹر دونوں شامل ہوتے ہیں۔ اگر یہ دونوں مماثل نہ ہوں، تو بالآخر src کو اپ ڈیٹ کر کے data-mce-src کے مطابق کر دیا جاتا ہے۔

تاہم، جب آپ رچ ٹیکسٹ ایڈیٹر کا استعمال کرتے ہوئے کسی امیج کو ری سائز کرتے ہیں، تو صرف src اپ ڈیٹ ہوتا ہے، جبکہ data-mce-src پر اصل سائز کا URL برقرار رہتا ہے۔ کچھ اور کلکس کے بعد، src واپس data-mce-src URL پر تبدیل ہو جاتا ہے۔

اس سے بچنے کے لیے، اپنی مطلوبہ امیج کے سائز سے مماثل کرنے کے لیے data-mce-src URL کو مینوئل طور پر اپ ڈیٹ کریں:

  1. رچ ٹیکسٹ ایڈیٹر میں Edit code بٹن پر کلک کریں۔
  2. ری سائز کیا گیا امیج ٹیگ تلاش کریں۔
  3. src اور data-mce-src دونوں پیرامیٹرز تلاش کریں۔
  4. src URL سے مماثل کرنے کے لیے data-mce-src URL کو اپ ڈیٹ کریں۔
  5. Save پر کلک کریں۔
خودکار HTML تبدیلیوں (سینیٹائزیشن) کی ٹربل شوٹنگ

آپ محسوس کر سکتے ہیں کہ جب آپ رچ ٹیکسٹ ایڈیٹر میں تبدیلیاں کرتے ہیں، تو متعلقہ HTML خود بخود تبدیل ہو جاتا ہے۔

ایسا کیوں ہو رہا ہے؟

Shopify کا رچ ٹیکسٹ ایڈیٹر ایک تھرڈ پارٹی کنٹینٹ ڈیلیوری نیٹ ورک (CDN) TinyMCE کے ساتھ مربوط ہے۔ یہ CDN کنٹینٹ فلٹرنگ لاجک کا ایک وسیع اور قابل اعتماد سیٹ فراہم کرتا ہے جو خودکار طور پر ان HTML لائنوں کی فارمیٹنگ درست کرتا ہے جو سٹور فرنٹ پر خرابی کا باعث بن سکتی ہیں یا سیکیورٹی کے خطرات پیدا کر سکتی ہیں۔ اس عمل کو HTML سینیٹائزیشن کہا جاتا ہے۔

مجھے کیا کرنا چاہیے؟

اگرچہ آپ اپنے HTML کو مینوئل طور پر تبدیل کر کے اسے پہلے جیسی حالت میں واپس لا کر کنٹینٹ فلٹرنگ لاجک کو نظر انداز کر سکتے ہیں، لیکن یہ تجویز کیا جاتا ہے کہ آپ خودکار تبدیلیوں پر عمل کریں۔ یہ خودکار درستگیاں متوقع طرز عمل ہیں اور آپ کے سٹور فرنٹ میں ایسی تبدیلیوں کو روکنے کا اہم مقصد پورا کرتی ہیں جو مسائل کا باعث بن سکتی ہیں۔

اگر آپ ایسا HTML لکھ کر مخصوص مقاصد حاصل کرنے کی کوشش کر رہے ہیں جسے CDN درست کرنے کی کوشش کر رہا ہے، تو غور کریں کہ کیا ان مقاصد تک پہنچنے کے مزید بہتر طریقے موجود ہیں، جیسے آپ کے تھیم کوڈ میں ایسی تبدیلیاں کرنا جو متوقع HTML فارمیٹنگ کو سپورٹ کریں۔

کسٹمرز کو ان کی منتخب کردہ مارکیٹ سے باہر لے جانے والے لنکس کی ٹربل شوٹنگ

اگر آپ ذیلی فولڈرز اور Geolocation ایپ کے ساتھ Shopify Markets استعمال کر رہے ہیں، تو پروڈکٹ کی تفصیلات، بلاگ پوسٹس، پیجز، اور کلیکشن کی تفصیلات میں موجود لنکس کسٹمرز کو ان کے منتخب کردہ علاقے میں رکھنے کے بجائے انہیں آپ کی پرائمری ڈومین پر ری ڈائریکٹ کر سکتے ہیں۔

ایسا کیوں ہو رہا ہے؟

رچ ٹیکسٹ ایڈیٹر ڈائریکٹ لنکس (مکمل URLs) اور اندرونی لنکس (مختصر URLs) دونوں کو سپورٹ کرتا ہے۔ اگر آپ مکمل URL پر مشتمل ڈائریکٹ لنک استعمال کرتے ہیں (مثال کے طور پر، https://yourstore.com/collections/summer)، تو کسٹمرز ان کی منتخب کردہ مارکیٹ کو نظر انداز کرتے ہوئے اس مخصوص URL پر بھیج دیے جاتے ہیں۔

اسے ٹھیک کرنے کا طریقہ

اس بات کو یقینی بنانے کے لیے کہ آپ کے لنکس ریجن-اویئر ہیں اور کسٹمرز کو ان کی منتخب کردہ مارکیٹ میں رکھتے ہیں، مکمل URLs کے بجائے ایسے اندرونی لنکس استعمال کریں جو / سے شروع ہوتے ہیں۔

  • ڈائریکٹ لنک (ریجن-اویئر نہیں ہے): https://yourstore.com/collections/summer
  • اندرونی لنک (ریجن-اویئر ہے): /collections/summer

موجودہ لنکس کو اپ ڈیٹ کرنے کے لیے:

  1. اپنے Shopify admin میں، اس پروڈکٹ، کلیکشن، پیج یا بلاگ پوسٹ پر جائیں جہاں آپ لنکس کو اپ ڈیٹ کرنا چاہتے ہیں۔
  2. رچ ٹیکسٹ ایڈیٹر میں، HTML دیکھنے کے لیے Edit code بٹن پر کلک کریں۔
  3. کوئی بھی ایسے لنکس تلاش کریں جو https:// سے شروع ہوتے ہیں اور جن میں آپ کے سٹور کی ڈومین شامل ہے۔
  4. مکمل URL کو مختصر URL فارمیٹ سے تبدیل کریں۔ مثال کے طور پر، https://yourstore.com/pages/about کو تبدیل کر کے /pages/about کریں۔
  5. Save پر کلک کریں۔

اگر آپ کے پاس اپ ڈیٹ کرنے کے لیے بہت سی پروڈکٹس، کلیکشنز، بلاگز یا پیجز ہیں، تو آپ انہیں CSV فائلوں میں ایکسپورٹ کر سکتے ہیں، ڈائریکٹ لنکس کی شناخت کے لیے اپنی ڈومین یا http کو تلاش کر سکتے ہیں، انہیں اندرونی لنکس سے اپ ڈیٹ کر سکتے ہیں، اور پھر اپ ڈیٹ شدہ CSV فائلوں کو واپس اپنے سٹور میں امپورٹ کر سکتے ہیں۔