Categories

Featured templates

Featured templates

Featured templates

如何在WordPress, Joomla和Drupal中创建特定页面的CSS规则

Phil Nowak October 8, 2012
Rating: 3.0/5. From 2 votes.
Please wait...

有时为页面添加惟一的类是非常重要的,但不添加惟一标识符是不可能的.
在本教程中,您将学习如何创建和使用特定的CSS类/id来更改WordPress的特定页面, Drupal and Joomla.

  • The first CMS we will inspect is Drupal

    1. 打开Drupal管理面板,进入顶部的“结构”菜单,选择“页面”。
    2. 找到需要编辑的页面,按右侧的“编辑”按钮:

    3. Update 它通过点击你需要的选项,然后“编辑”按钮在右边-你可以看到它在前面 screenshot.
    4. Click “General” tab 在左侧的“变体”菜单下:

    5. 在“Add body CSS classes”字段中输入新类,然后按“Update和底部的“保存”按钮进行应用:

    6. 现在你可以检查你的 website 使用Firebug,并确保你有专门为该页面应用的新的唯一标识符:

  • 下一个我们将使用 Joomla 并解释如何添加唯一的页面ID.

    1. 打开Joomla管理面板,进入菜单管理器, 然后去你用来打开页面的菜单-通常是“主菜单”,然后点击按钮, 例如,如果您需要编辑“og体育”页面, 然后你需要打开“og体育”按钮.
    2. 当你在一个特定的菜单按钮,按“页面显示选项” tab 在右边的面板上:

    3. 您需要添加页面类值,就像刚才看到的Drupal一样

    4. 按“保存”按钮,它将被应用到您的页面. 现在,当你访问它的新ID将被添加.
  • The last CMS we inspect is WordPress

    1. In WordPress CMS 您不需要添加任何唯一标识符,因为它由引擎自动添加
    2. 你可以使用Firebug来定位它——检查你的body类:

      您的页面类看起来像“page-page- ID -”和一个数字,表示系统分配的唯一页面ID.

  • 现在你知道了如何分配唯一标识符,这样你就可以用它来设置唯一样式,例如:
    			.your_ID h2{显示:none;}
    		

    它将隐藏ID为“your_ID”的页面的所有H2实例。

感谢收看我们的视频教程. 如果您在编辑模板时有任何问题,请与我们联系. Good Luck!!!

请随时查看下面的详细视频教程:

如何在WordPress, Joomla和Drupal中创建特定页面的CSS规则

Wordpress模板
这个条目被张贴了出来 Joomla! Tutorials, WordPress教程, Working with CSS and tagged css, page, rules, specific. Bookmark the permalink.

Submit a ticket

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: Submit a ticket