11/05/2025
سوال 1: WordPress تھیم بنانے اور کسی موجودہ تھیم میں تبدیلی کرنے میں کیا فرق ہے؟
جواب: WordPress تھیم بنانے سے آپ کو مکمل آزادی ملتی ہے کہ آپ اپنی مرضی کے مطابق تمام فنکشنز اور اسٹائلز ترتیب دے سکیں۔ جب آپ کسی موجودہ تھیم کو تبدیل کرتے ہیں، تو کچھ حدود ہوتی ہیں اور آپ تھیم کی ساخت یا فنکشنز میں زیادہ تبدیلی نہیں کر سکتے۔ عام طور پر، میں کسٹم تھیم بنانے کو ترجیح دیتا ہوں۔
سوال 2: Custom Post Types (CPT) کیا ہیں اور آپ نے انہیں اپنے پروجیکٹس میں کس طرح استعمال کیا ہے؟
جواب: Custom Post Types مخصوص پوسٹس ہوتی ہیں جنہیں ہم اپنی ویب سائٹ کے مختلف سیگمنٹس میں استعمال کرتے ہیں۔ مثلاً، ایک پورٹفولیو ویب سائٹ میں ہر پروجیکٹ کو CPT کے ذریعے مختلف طریقے سے دکھایا جا سکتا ہے۔
سوال 3: WordPress میں styles اور scripts کو صحیح طریقے سے کیسے enqueue کرتے ہیں؟
جواب: WordPress میں styles اور scripts کو enqueue کرنے کے لیے functions.php فائل کا استعمال کیا جاتا ہے اور wp_enqueue_style() اور wp_enqueue_script() فنکشنز کے ذریعے ان کو لوڈ کیا جاتا ہے۔
سوال 4: WordPress میں theme اور plugin میں کیا فرق ہوتا ہے؟
جواب: Plugin مخصوص فنکشنز کے لیے بنایا جاتا ہے جیسے کیچے صاف کرنا یا ای میل بھیجنا، جبکہ theme ویب سائٹ کے ظاہری ڈیزائن اور ساخت کے لیے ذمہ دار ہوتا ہے۔
سوال 5: Figma یا Adobe XD ڈیزائن کو WordPress میں Elementor یا WPBakery کے ذریعے کیسے تبدیل کرتے ہیں؟
جواب: Figma یا Adobe XD ڈیزائن کو WordPress میں Elementor کے drag and drop فیچر کا استعمال کرتے ہوئے تبدیل کیا جا سکتا ہے۔ اس کے علاوہ، کچھ ڈیزائن کو کسٹم کوڈ کے ذریعے بھی WordPress میں تبدیل کیا جا سکتا ہے۔ میں WPBakery میں ماہر نہیں ہوں لیکن سیکھنے کے لیے تیار ہوں۔
WooCommerce & E-commerce Questions
سوال 6: کیا آپ نے کبھی WooCommerce اسٹور کو شروع سے سیٹ اپ کیا ہے؟ آپ نے کیا اقدامات کیے تھے؟
جواب: ہاں، میں نے کئی بار WooCommerce اسٹور سیٹ اپ کیا ہے۔ سب سے پہلے ایک تھیم انسٹال کرتا ہوں جیسے کہ WPOcean یا HelloElementor، پھر WooCommerce اور دیگر ضروری پلگ ان انسٹال کر کے پروڈکٹس شامل کرتا ہوں۔ ادائیگی کے گیٹ ویز کو سیٹ اپ کرنے کے لیے WooCommerce کی سیٹنگز کا استعمال کیا جاتا ہے۔
سوال 7: WooCommerce کے چیک آؤٹ پیج کو کیسے کسٹمائز کرتے ہیں بغیر core فائلز کو متاثر کیے؟
جواب: WooCommerce کے چیک آؤٹ پیج کو Elementor کے ذریعے کسٹمائز کیا جا سکتا ہے۔ ایسا کرنے سے core فائلز پر کوئی اثر نہیں پڑتا۔
سوال 8: WooCommerce کی پرفارمنس کو بہتر بنانے کے لیے آپ کون سے پلگ ان یا تکنیک استعمال کرتے ہیں؟
جواب: WooCommerce کی پرفارمنس کو بہتر بنانے کے لیے LightSpeed پلگ ان اور امیج آپٹمائزیشن پلگ ان استعمال کرتا ہوں۔
Performance, SEO, & Security Questions
سوال 9: آپ WordPress سائٹ کی پرفارمنس (اسپیڈ اور لوڈ ٹائم) کو کیسے بہتر بناتے ہیں؟ آپ کون سے ٹولز یا پلگ ان استعمال کرتے ہیں؟
جواب: میں LightSpeed پلگ ان، امیج آپٹمائزیشن پلگ ان، غیر ضروری پلگ انز کو ہٹانے اور .webp امیجز کا استعمال کرتا ہوں تاکہ سائٹ کی پرفارمنس بہتر ہو۔
سوال 10: آپ ایک ویب سائٹ کو SEO-friendly کیسے بناتے ہیں؟ آپ کون سے ٹولز یا آن پیج اسٹریٹجیز استعمال کرتے ہیں؟
جواب: اگر ویب سائٹ کا اسٹرکچر HTML ٹیگ اور CSS اسٹائل شیٹس کے ذریعے بہتر طریقے سے ڈیزائن کیا گیا ہو تو وہ SEO کے لیے بہتر ہوتی ہے۔ میں Yoast SEO یا All in One SEO جیسے ٹولز بھی استعمال کرتا ہوں۔
سوال 11: آپ WordPress ویب سائٹ کو عام سیکیورٹی خطرات سے کیسے محفوظ رکھتے ہیں؟
جواب: WordPress ویب سائٹ کی سیکیورٹی کو بہتر بنانے کے لیے میں ہمیشہ تھیم، پلگ انز اور WordPress کی ورژن کو اپ ڈیٹ کرتا ہوں۔
Collaboration & Tools Questions
سوال 12: آپ عام طور پر ڈیزائنرز اور مواد تخلیق کرنے والوں کے ساتھ کس طرح تعاون کرتے ہیں؟
جواب: میں ڈیزائنرز اور مواد تخلیق کرنے والوں کے ساتھ WhatsApp اور ای میل کے ذریعے تعاون کرتا ہوں۔
سوال 13: کیا آپ ورژن کنٹرول سسٹمز (جیسے Git) استعمال کرتے ہیں؟ اگر ہاں تو کیسے؟
جواب: مجھے Git کا علم ہے اور میں اسے بنیادی طور پر جانتا ہوں، لیکن عملی طور پر WordPress میں میں نے اسے کبھی استعمال نہیں کیا۔
HTML & CSS Related Questions
سوال 14: HTML کیا ہے اور یہ کس لیے استعمال ہوتی ہے؟
جواب: HTML ایک markup language ہے جو ویب پیجز کا structure بنانے کے لیے استعمال ہوتی ہے جیسے headings, paragraphs, links, images وغیرہ۔
سوال 15: CSS کیا ہے اور یہ HTML سے کیسے مختلف ہے؟
جواب: CSS (Cascading Style Sheets) ایک style language ہے جو HTML elements کو design اور style دینے کے لیے استعمال ہوتی ہے، جیسے رنگ، سائز، اسپیسنگ، وغیرہ۔
سوال 16: HTML میں اور میں کیا فرق ہے؟
جواب:
ایک block-level element ہے جو پورے row پر قبضہ کرتا ہے۔
ایک inline element ہے، جو صرف اتنی جگہ لیتا ہے جتنی اس کے اندر مواد ہوتا ہے۔
سوال 17: Responsive design کیا ہوتا ہے؟
جواب: Responsive design وہ ہوتا ہے جو ہر سکرین (mobile, tablet, desktop) پر صحیح اور خوبصورت نظر آئے۔ یہ عام طور پر media queries سے حاصل کیا جاتا ہے۔
سوال 18: Media Queries کیا ہوتے ہیں؟
جواب: Media queries CSS میں conditions لگانے کے لیے استعمال ہوتے ہیں تاکہ مختلف screen sizes کے لیے مختلف styles دی جا سکیں۔
مثال:
css
Copy
Edit
(max-width: 768px) {
body {
background-color: lightblue;
}
}
سوال 19: CSS میں کلاس (.class) اور ID ( ) میں کیا فرق ہے؟
جواب:
class کو multiple elements پر استعمال کیا جا سکتا ہے۔
صرف ایک element پر استعمال کیا جاتا ہے اور ہر ID unique ہوتی ہے۔
سوال 20: HTML میں فارمز کیوں استعمال ہوتے ہیں؟
جواب: Forms user سے data لینے کے لیے استعمال ہوتے ہیں جیسے name, email, password وغیرہ۔ مثلاً:
html
Copy
Edit
سوال 21: CSS میں position property کیا ہوتی ہے اور اس کے کتنے types ہیں؟
جواب: Position کسی element کی جگہ کو control کرتی ہے۔ اس کے پانچ types ہوتے ہیں:
static (default)
relative
absolute
fixed
sticky
سوال 22: Z-index کیا ہوتا ہے؟
جواب: Z-index CSS میں layers کو manage کرنے کے لیے استعمال ہوتا ہے۔ جس element کا z-index زیادہ ہوگا، وہ دوسرے elements کے اوپر دکھائی دے گا۔
سوال 23: Pseudo-classes کیا ہوتی ہیں؟
جواب: CSS میں pseudo-classes ایسے effects کے لیے ہوتی ہیں جیسے hover, focus, active وغیرہ۔
مثلاً:
css
Copy
Edit
a:hover {
color: red;
}
سوال 24: CSS Grid اور Flexbox میں کیا فرق ہے؟
جواب:
Flexbox ایک بعدی (one-dimensional) لائ آؤٹ ہے، یعنی یہ صرف ایک row یا column میں elements کو ترتیب دیتا ہے۔
CSS Grid دو بعدی (two-dimensional) لائ آؤٹ ہے، یعنی یہ rows اور columns دونوں کو ایک ساتھ ترتیب دیتا ہے۔
سوال 25: CSS میں Media Query کا استعمال کیسے کرتے ہیں؟
جواب: Media Queries مختلف سکرین سائزز کے لیے مختلف اسٹائلز فراہم کرنے کے لئے استعمال ہوتے ہیں۔ مثال کے طور پر:
css
Copy
Edit
(max-width: 768px) {
body {
background-color: lightblue;
}
}
یہ کوڈ موبائل یا چھوٹی اسکرین والی ڈیوائسز کے لیے مختلف styles اپلائی کرتا ہے۔
سوال 26: HTML5 اور HTML4 میں کیا فرق ہے؟
جواب: HTML5 جدید ترین ورژن ہے اور اس میں بہت ساری نئی خصوصیات شامل کی گئی ہیں:
نیا اور semantic tags جیسے , , , وغیرہ۔
بہتر form controls اور validation۔
Multilingual content کو سپورٹ کرنے کے لیے lang attribute۔
Audio اور Video tags، جن کے ذریعے میڈیا کو آسانی سے embed کیا جا سکتا ہے۔
سوال 27: CSS میں Box Model کیا ہے؟
جواب: CSS Box Model ہر element کا layout structure فراہم کرتا ہے۔ یہ 4 حصوں پر مشتمل ہوتا ہے:
Content: جہاں اصلی مواد ہوتا ہے۔
Padding: مواد کے ارد گرد کا خالی جگہ۔
Border: Padding اور Margin کے درمیان کی لائن۔
Margin: Box کے باہر کا خالی space۔
سوال 28: HTML میں anchor tag کا کیا استعمال ہے؟
جواب: tag ویب پیج پر لنک بنانے کے لیے استعمال کیا جاتا ہے۔ مثال کے طور پر:
html
Copy
Edit
Visit Example
یہ لنک صارف کو ایک ویب سائٹ پر لے جاتا ہے۔
سوال 29: CSS میں Transition اور Animation میں کیا فرق ہے؟
جواب:
Transition کسی element کی حالت میں تبدیلی کو آہستہ آہستہ منتقل کرنے کے لیے استعمال ہوتا ہے۔ مثال کے طور پر، color یا size میں تبدیلی۔
Animation ایک یا زیادہ تبدیلیوں کو خود بخود چلانے کے لیے استعمال ہوتا ہے اور اس میں keyframes کا استعمال ہوتا ہے تاکہ مختلف مراحل میں تبدیلی ہو سکے۔
سوال 30: HTML میں کا کیا استعمال ہے؟
جواب: tag ویب پیجز پر صارف سے ڈیٹا جمع کرنے کے لیے استعمال ہوتا ہے۔ اس کے ذریعے فارم سے ڈیٹا بھیجا جا سکتا ہے۔
