- Drupal 6 Theming Cookbook
- Karthik Kumar
- 413字
- 2021-04-13 16:56:40
This recipe details the steps involved in changing the favicon displayed with the theme. A favicon, dubbed as a shortcut icon in the Drupal interface, is an image which is particular to a site and is displayed in the address bar of the browser next to the site URL as well as the browser tab. It also makes its presence felt if the site is bookmarked in the browser as in the following screenshot:
We are going to need the icon file to be added which is recommended to be of size 32x32 pixels or higher. An example icon file named favicon.ico can be seen in the misc folder in the Drupal installation.
Adding a custom favicon to the theme can be done by performing the following steps:
- Navigate to
admin/build/themes(Home | Administer | Site building | Themes). - Click on the Configure link next to the theme in question.
- Look for the Shortcut icon settings fieldset.
- Within, uncheck the Use default shortcut icon checkbox as we want to use a custom icon.
- Using the Upload icon image field, browse and select the icon file in the filesystem.
- Finally, click on the Save configuration button below to upload and save the changes.
The uploaded file is saved in the Drupal filesystem and the path to the icon is registered as a theme setting in the database. When a page is being rendered, the Drupal theme system designates this .ico file as the favicon for the site.
In the following screenshot, we can see the logo image added in the previous recipe also being used as the basis for a favicon:
Besides manually uploading the icon file via the theme's configuration page, other options exist to perform the same task.
Alternatively, instead of uploading the icon file via Drupal, use the Path to custom icon textbox to point to the icon file on the server. A third option is to place the icon file in the theme's folder and rename it favicon.ico. Provided that the Use the default shortcut icon field is checked, the theme will automatically look for this file in its folder and use it as its favicon. Not specifying a favicon will result in the site using Drupal's default icon, Druplicon, instead.
Tip
Other formats besides the ICO format are also supported by some, but not all browsers. More information is available at http://en.wikipedia.org/wiki/Favicon#Browser_support.
- Vulkan學習指南
- Spring Web Flow 2 Web Development
- ChronoForms 3.1 for Joomla! site Cookbook
- Flash CC動畫制作案例教程
- 無師自通AutoCAD：中文版室內設計
- Photoshop CS6中文版從入門到精通（核心技法卷）：摳圖、修圖、Camera Raw、調色、銳化、合成
- SOLIDWORKS 2020產品設計基本功特訓（第3版）
- Python Testing: Beginner's Guide
- 音樂日記：Studio One 6場景×風格編曲實用教程
- 平面設計師實戰教程
- 中文版AutoCAD自學經典
- Oracle E/Business Suite R12 Supply Chain Management
- Autodesk Maya 2015標準教材II
- Instant MDX Queries for SQL Server 2012
- 商務數據可視化（全彩微課版）