ৱাৰ্ডপ্ৰেছত Dashicons কেনেকৈ ব্যৱহাৰ কৰিব লাগে - এটা ষ্টেপ-বাই-ষ্টেপ গাইড
বিষয়বস্তুৰ তালিকা
সকলোৰে লগত এনেকুৱা হয়।
আপুনি আপোনাৰ ভাল লগা এটা থিম বিচাৰি পায়, আপুনি সেইটো ইনষ্টল কৰে আৰু কেইমাহমান আপোনাৰ চাইটৰ ৰূপ উপভোগ কৰে। কিন্তু তাৰ পিছত কেইমাহমানৰ পাছত থিমটো বাসি অনুভৱ হ’বলৈ আৰম্ভ কৰে। অলপ বিৰক্তিকৰ।
একমাত্ৰ সমস্যাটো হ’ল, নতুন কিবা এটা বিচাৰি দুঘণ্টামান সময় কটাব নিবিচাৰে। যদিহে আপোনাৰ থিমটোত অলপ মছলা যোগ কৰাৰ উপায় থাকিলহেঁতেন, ইয়াক আঁতৰাই ৰাখিবলৈ অলপ ফ্লেয়াৰ থাকিলহেঁতেন।
আপুনি হতাশাত হাত দুখন ওপৰলৈ পেলোৱাৰ আগতে, মই আপোনাক আপোনাৰ... থিমটো অত্যধিক প্ৰচেষ্টা নকৰাকৈ, আৰু অপ্ৰয়োজনীয় ছবি যোগ নকৰাকৈ যিয়ে আপোনাৰ চাইটটো লেহেমীয়া কৰিব পাৰে।
Dashicons প্ৰৱেশ কৰক। Dashicons হৈছে ৱৰ্ডপ্ৰেছ 3.8 ত প্ৰৱৰ্তন কৰা ফন্ট আইকন। আপুনি আপোনাৰ ডেচব'ৰ্ডত লগ ইন কৰাৰ সময়ত দেখা সেই ভয়ংকৰ আৰু শীতল আইকনবোৰ। আপুনি যদি আপোনাৰ থিমত সেইবোৰো যোগ কৰিব পাৰে তেন্তে ভাল নহ'বনে?
বাৰু, আপুনি পাৰে আৰু মই আপোনাক কেনেকৈ দেখুৱাম।
আপুনি আপোনাৰ... নেভিগেচন মেনু?
এটা সহজ উদাহৰণেৰে আৰম্ভ কৰোঁ আহক। ডেচিকনসমূহ ইতিমধ্যে সংস্কৰণ ৩.৮ৰ পৰা ৱৰ্ডপ্ৰেছত অন্তৰ্ভুক্ত কৰা হৈছে কিন্তু আপুনি এতিয়াও ইয়াক আপোনাৰ চাইটৰ সন্মুখৰ শেষত সঠিকভাৱে প্ৰদৰ্শন কৰিবলৈ অন্তৰ্ভুক্ত কৰিব লাগিব; অৰ্থাৎ, আপোনাৰ থিম।
পদক্ষেপ 1: আপোনাৰ থিম Dashicons প্ৰস্তুত কৰক
আপোনাৰ থিম Dashicons প্ৰস্তুত কৰিবলৈ প্ৰথমে আপোনাৰ functions.php ফাইলটো খোলক (Apearance> ত পোৱা যায় ;সম্পাদক – অবিকল্পিতভাৱে ই আপোনাৰ বৰ্তমান থিমৰ CSS ফাইল খোলিবfunctions.php ফাইলটো আৰু ইয়াক সম্পাদকত লোড কৰিবলৈ ইয়াত ক্লিক কৰক।)
স্তৰ ২: স্ক্ৰিপ্টটো এনকিউ কৰক
তললৈকে স্ক্ৰল কৰক আৰু এই শাৰীবোৰ পেষ্ট কৰক শেষত ক'ডৰ:
//Enqueue the Dashicons script add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' ); function load_dashicons_front_end() { wp_enqueue_style( 'dashicons' ); }ঠিক আছে! এতিয়া আপোনাৰ থিম Dashicons ব্যৱহাৰ কৰিবলৈ সাজু হৈছে।
স্তৰ ৩: মেনু বস্তুসমূহত Dashicons যোগ কৰা
আপোনাৰ হোম লিংকৰ বাবে এটা Dashicon যোগ কৰোঁ আহক। Dashicons ৱেবছাইটলৈ যাওক আৰু আপুনি ভাল পোৱা আইকনটো নিৰ্বাচন কৰক।
আপডেট কৰক: Dashicons প্ৰথমে GitHub.io ত উপলব্ধ আছিল, কিন্তু তাৰ পিছত ইয়াক WordPress.org ত উপলব্ধ কৰা হৈছে।
চতুৰ্থ স্তৰ:
আকাংক্ষিত আইকনত ক্লিক কৰক (এই ক্ষেত্ৰত মই ঘৰ আইকন নিৰ্বাচন কৰিলোঁ) আৰু তাৰ পিছত কপি HTML ত ক্লিক কৰক। ই আপোনাক প্ৰয়োজনীয় ক'ডৰ সৈতে এটা পপ-আপ উইণ্ড' দিব।
পদক্ষেপ 5:
আপোনাৰ ৱৰ্ডপ্ৰেছ ডেচব'ৰ্ডলৈ উভতি যাওক, Appearance > ত ক্লিক কৰক ; মেনু আৰু ক'ডটো পেষ্ট কৰক য'ত ই নেভিগেচন লেবেল লিখা আছে।
যদি আপুনি এতিয়াও শব্দটো দেখাব বিচাৰে, ইয়াক বন্ধ কৰা div ব্ৰেকেটৰ পিছত টাইপ কৰক।
See_also: ব্লগৰ নাম কেনেকৈ বাছি ল'ব (ব্লগ নামৰ ধাৰণা আৰু উদাহৰণ অন্তৰ্ভুক্ত)
ক্লিক কৰক আপোনাৰ হোম পেজটো সংৰক্ষণ আৰু লোড কৰক। আপোনাৰ ঘৰৰ লিংকে এতিয়া এটা ভাল, ক্ৰিস্প ডেশ্বিকন প্ৰদৰ্শন কৰিব লাগে।
আপুনি সকলো নেভিগেচন মেনু বস্তুৰ বাবে বা কেৱল ঘৰৰ বাবে এইটো কৰিব পাৰে। মাত্ৰ ওপৰৰ পদক্ষেপসমূহ মিল থকা আইকনসমূহৰ সৈতে পুনৰাবৃত্তি কৰক। সেইটো সহজ আছিল নহয়নে?
আপুনি পোষ্ট মেটাত ডেচিকন কেনেকৈ ব্যৱহাৰ কৰে?
আপুনি আৰু এখোজ আগুৱাই গৈ আপোনাৰ পোষ্ট মেটাত ডেচিকন যোগ কৰিব পাৰে, বা আন কথাত ক'বলৈ গ'লে লেখকৰ সন্মুখত ডেচিকন যোগ কৰিব পাৰে নাম, তাৰিখ, শ্ৰেণী বা টেগ; নিৰ্ভৰ কৰিআপোনাৰ থিম আৰু ই প্ৰদৰ্শন কৰা তথ্য।
যিহেতু আপুনি ইতিমধ্যে আপোনাৰ থিমত Dashicons এনকিউ কৰিছে, আপুনি এতিয়া কৰিবলগীয়া সকলো হ'ল আপোনাৰ style.css ফাইল খোলিব (বা স্বনিৰ্বাচিত CSS সম্পাদক ব্যৱহাৰ কৰক যি সদায় এটা উন্নত বিকল্প যাতে আপুনি আপোনাৰ থিম আপডেইট হোৱাৰ পিছত পৰিবৰ্তনসমূহ হেৰুৱাব নালাগে!), মিল থকা নিৰ্বাচক বিচাৰি উলিয়াওক আৰু CSS ক'ড যোগ কৰক।
ধৰক আপুনি আপোনাৰ নাম বা আপোনাৰ লেখকৰ নামৰ সন্মুখত এটা আইকন যোগ কৰিব বিচাৰে।
See_also: আপোনাৰ ইনষ্টাগ্ৰাম লক্ষ্য দৰ্শক কেনেকৈ বিচাৰিব (নবীন গাইড)পদক্ষেপ ১:
প্ৰথমে আমি বিচৰা এটা আইকন বাছি লম।
পদক্ষেপ ২:
তাৰ পিছত ইয়াত ক্লিক কৰক, আৰু এইবাৰ Copy CSS নিৰ্ব্বাচন কৰক। আকৌ, ই আপোনাক পেষ্ট কৰিবলগীয়া ক'ডৰ সৈতে এটা পপ-আপ উইণ্ড' দিব।
স্তৰ ৩:
এতিয়া আপোনাৰ style.css খোলক আৰু সংশ্লিষ্ট নিৰ্বাচক বিচাৰি উলিয়াওক, এই ক্ষেত্ৰত – .entry-author । :befo যোগ কৰিলে আৰু তাৰ পিছত আপুনি Dashicons ৱেবছাইটৰ পৰা কপি কৰা CSS ক’ড পেষ্ট কৰিলে, লেখকৰ নামৰ সন্মুখত এটা সুন্দৰ আইকন থাকিব। আপুনি Dashicons আখৰ ব্যৱহাৰ কৰিছে বুলিও ধাৰ্য্য কৰিব লাগিব। পৰিৱৰ্তিত ক'ডটো এনেকুৱা দেখা যায়:
.entry-author:before { font-family: "dashicons"; content: "\f110"; }আহকচোন অলপ ষ্টাইলিংও যোগ কৰোঁ, আৰু এতিয়া সম্পূৰ্ণ কৰা ক'ডটো এনেকুৱা দেখা যায়:
.entry-author:before { font-family: "dashicons"; content: "\f110"; color: #f15123; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1; vertical-align: top; margin-right: 5px; margin-right: 0.5rem; } শেষ ফলাফল
গতিকে কি এইটো শেষত কেনেকুৱা হ'বনে?
এই ধৰণৰ কিবা এটা:
আপুনি ডেচিকন ব্যৱহাৰ কৰাৰ বহুতো উপায় আছে – আপোনাৰ সৃষ্টিশীলতাক ঠাই ল'বলৈ দিয়ক আৰু চাওক আপুনি কি কৰিব পাৰে।
এই সকলোবোৰ একেলগে ৰাখি
ওপৰৰ উদাহৰণসমূহৰ বাহিৰেও, আপুনি আপোনাৰ বেকএণ্ডত Dashicons ব্যৱহাৰ কৰিব পাৰে বিভিন্ন ধাৰ্য্য কৰিবলেবিভিন্ন পোষ্ট ধৰণৰ বাবে আইকন, বা আপুনি সিহতক আপোনাৰ পোষ্টৰ শিৰোনাম, ৱিজেট শিৰোনামত ব্যৱহাৰ কৰিব পাৰে, বা যদি আপুনি এটা স্বনিৰ্বাচিত লেণ্ডিং পৃষ্ঠা সৃষ্টি কৰিছে তেন্তে আপুনি আপোনাৰ চাইটৰ বিভিন্ন পৃষ্ঠাৰ মাজত পাৰ্থক্য কৰিব পাৰে।
ইয়াত কিহৰ এটা মৌলিক উদাহৰণ দিয়া হৈছে আপুনি সেইবোৰ ব্যৱহাৰ কৰি সৃষ্টি কৰিব পাৰিব:
