Joomla 3.x. 如何更改徽标图标(如果它被设置为字体Awesome图标)

Hello! 本视频教程展示了如何更改 logo icon in Joomla模板 (如果它被设置为 很棒的图标).

The logo in your Joomla模板 可以设为 图标字体图标 而不是作为图像:

让我们学习如何改变它.

你可以看到 logo consists of two parts – the icon itself and the logo text.

Use the Firebug扩展 为Firefox或 开发人员工具 你最喜欢的 browser to inspect the logo:

你可以看到 logo 控件控制文本 module with the ID: 205 – Single Article Module，这意味着有一篇文章在你的管理面板，其中的文本 logo can be edited.

让我们改变 logo text now.

本教程假设您已经登录到Joomla管理面板.

1. Navigate to Content ->Article Manager tab:

   

2. Use the CTRL+F/CMND+F key (Windows OS/Mac OS) to find the “logo” article.

3. 现在单击文章标题打开它进行编辑-您将看到 logo 出现的文章编辑界面中的文字:

   

4. Change the logo 文本到所需的一个，并单击绿色 “Save” 屏幕左上方按钮:

   

Now that the logo 文字已更改，让我们用您自己的图标替换.

导航到您的站点前端，然后返回 开发人员工具 to inspect the logo.

The logo 图标设置方法如下 CSS property in the template.css file:

内容:“\ f030”;

将图标代码替换为所需的图标代码 很棒的代码片段列表:

如果你想用你自己的图标代替 image/icon，取代前面提到的 CSS property 下面是:

内容:url(“FULL_PATH_TO_YOUR_IMAGE_GOES_HERE”);

Where FULL_PATH_TO_YOUR_IMAGE_GOES_HERE text is the direct path 到服务器上所需的映像，e.g. http://yoursite.com/joomla/images/logo-image.png

你也可以改变红圈 background 通过编辑下面的颜色 CSS property:

边框颜色:# e74c3c;

一定要保存 template.css 文件完成编辑后，并刷新页面以查看更改.

你可以看到 logo 已成功更改图标:

本教程到此结束. 你已经学会了如何改变 logo icon 在您的Joomla模板中(如果它被设置为 很棒的图标).

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