আমার কয়েকটি পৃষ্ঠায় কাস্টম সিএসএস স্টাইলিং যুক্ত করা হচ্ছে


16

আমি আমার কয়েকটি পৃষ্ঠাগুলিকে একটি অনন্য শৈলীর জন্য কাস্টম সিএসএস স্টাইলিং যুক্ত করতে এবং ডিফল্ট টেম্পলেট স্টাইলিংকে ওভাররাইড করতে চাই।

জুমলাতে আমি কীভাবে এটি অর্জন করতে পারি?

উত্তর:


15

নির্দিষ্ট পৃষ্ঠায় কাস্টম সিএসএস কোড যুক্ত করার বিভিন্ন উপায় রয়েছে। এখানে কয়েকটি বিকল্প রয়েছে:

অল্টার। 1 - পৃষ্ঠা শ্রেণি পৃষ্ঠা ক্লাস
ব্যবহার করুন। "পৃষ্ঠা প্রদর্শন" ট্যাবের অধীনে মেনু আইটেম সম্পাদকটিতে, "পৃষ্ঠা শ্রেণি" নামে একটি ক্ষেত্র রয়েছে। কীভাবে আপনার টেম্পলেটটি কনফিগার করা হয়েছে তার উপর নির্ভর করে এটি আপনার <body>ট্যাগে (বা <div class="YOURCLASS">...</div>আপনার সামগ্রীর চারপাশে) একটি শ্রেণি যুক্ত করবে ।

এখানে চিত্র বর্ণনা লিখুন

তারপরে আপনি নির্দিষ্ট ক্লাসটি ব্যবহার করে কেবল আপনার টেম্পলেটটির সিএসএস ফাইলে একটি নতুন নিয়ম তৈরি করুন।

উদাহরণস্বরূপ mycustomclassআপনার মেনু আইটেমের "পৃষ্ঠা শ্রেণি" ক্ষেত্রে যোগ করুন এবং এটি আপনার সিএসএস ফাইলে রাখুন:

.mycustomclass p {font-color:red;} // Make text red on this particular page

অল্টার। 2 - কাস্টম সিএসএস মডিউলগুলি
এই উদ্দেশ্যে বেশ কয়েকটি মডিউল উপলব্ধ। একটি উদাহরণ কাস্টম সিএসএস , একটি মডিউল যা আপনাকে যে কোনও সিএসএস কোড যুক্ত করতে এবং আপনার স্টাইল করতে চাইলে যে পৃষ্ঠাগুলিতে প্রকাশ করতে দেয়।

অনুরূপ বিকল্পটি কাস্টম এইচটিএমএল অ্যাডভান্সড , একটি মডিউল যা আপনাকে আপনার পৃষ্ঠাগুলিতে এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সিএসএস যোগ করতে দেয় । <head>কোডটি স্বয়ংক্রিয়ভাবে ট্যাগে যুক্ত করা যায় ।

Alt 3. - অতিরিক্ত সিএসএস স্টাইলশিট লোড করুন
অন্য বিকল্প হ'ল আপনার টেমপ্লেটের index.phpফাইলটিতে বর্তমান মেনু আইটেম আইডি চেক করা এবং প্রয়োজনে অন্য সিএসএস স্টাইলশিট লোড করা:

<?php 
   $currentMenuId = JSite::getMenu()->getActive()->id ;
   if ($currentMenuId == "14") {
       echo '<link rel="stylesheet" type="text/css" href="mystyle.css">';
   }
?>

আমি প্রথম বিকল্পটি ব্যবহার করেছি (পৃষ্ঠা শ্রেণীর সাথে) তবে আপনি কি সম্পাদককে এই শৈলীগুলি প্রয়োগ করার কোনও উপায় সম্পর্কে অবগত আছেন? উদাহরণস্বরূপ, শিরোনামগুলির যে বিভাগের অন্তর্ভুক্ত তার উপর নির্ভর করে একই ফন্ট নেই, আমি সম্পাদকের ভিতরে প্রদর্শিত ফন্টের উপর নির্ভর করে ফন্টটি কীভাবে প্রয়োগ করতে পারি?
ওয়েব-টিকি

9

আমার প্রিয় পদ্ধতির একটি হ'ল শরীরের উপাদানগুলির জন্য গতিশীল ক্লাস তৈরি করা।

তাই:

<?php
  $app    = JFactory::getApplication();
  $menu   = $app->getMenu();
  $active = $menu->getActive();
  $class  = $active->alias . " pageid-" . $active->id;
?>
<body class="<?php echo $class; ?>">

উপরের কোডটি কী উত্পাদন করবে তার কয়েকটি উদাহরণ:

হোম পৃষ্ঠা:

<body class="home pageid-13">

আমাদের সম্পর্কে পৃষ্ঠা:

<body class="about-us pageid-15">

এখন আপনি উপরের ক্লাসগুলি ব্যবহার করে প্রতি পৃষ্ঠায় কাস্টম নির্দিষ্ট স্টাইল তৈরি করতে পারেন।


আমি এই সমাধানটি পছন্দ করি এটি অত্যন্ত কার্যকর এবং কার্যকর করা সহজ। +1
johanpw

4

এটি একই জিনিস করার আরেকটি পদ্ধতি।

ডক্টাইপের উপরে চলে যায়:

<?php
  $app = JFactory::getApplication();
  $menu = $app->getMenu()->getActive();
  $pageclass = '';

  if (is_object($menu))
    $pageclass = $menu->params->get('pageclass_sfx');
?>

আপনার বডি ক্লাসটি যেখানে আপনার সূচকে যায়:

<body id="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">

এখন, আপনি মেনু আইটেমের পৃষ্ঠা শ্রেণিতে যে কোনও কিছু যুক্ত করবেন বডি আইডিতে প্রদর্শিত হবে। শ্রেণিবিহীন যে কোনও মেনু আইটেম স্বয়ংক্রিয়ভাবে বডি আইডি = "ডিফল্ট" হয়ে যাবে।


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.