Joomlaを入れて見るよ！の履歴(No.8)

CONTENTS

Joomla のエディタのフォントを入れ替えるよ！
Joomla の favicon.ico を入れ替えるよ！
Templateのfont-family
JoomlaにJavaScriptを埋め込むよ！
Joomlaを、専用ポートで表示するよ！
Joomlaを入れて見るよ！
- FreeBSD の Portsを探す
  - # portinstall www/joomla31

Lastmodified　2013-11-14 (木) 10:06:36

Joomla のエディタのフォントを入れ替えるよ！†

Joomlaのコンテンツエディタに、定番のJCEをいれてるけど、使わないフォントばかり並んでて、使いたいフォントが入ってません。ということで、入れ替えます。

http://www.joomlacontenteditor.net/support/tutorials/editor/item/adding-and-removing-fonts

JCEの設定は、コントロールパネル＞コンポーネント＞JCE Editor＞Control Panel

Editor Profiles > Editor Parameters > Typography

Additional Fonts

メイリオ=メイリオ; meiryo=meiryo; meiryo UI=meiryo UI;

Remove Fonts

arial;andale mono;Arial Black;Book Antiqua;Comic Sans MS;Georgia;courier new;helvetica;impact;symbol;tahoma;terminal;trebuchet MS;verdana;webdings;wingdings;

↑

Joomla の favicon.ico を入れ替えるよ！†

http://ao-system.net/alphaicon/index.php

Joomlaのファビコンは何処にあるの？ってことで、

root@blackcube:/usr/local/www/joomla31 # grep favicon /usr/local/www/joomla31 -r

とかやってみたけど、結局は、Web表示させて、ソースを見ると・・・

<link href="/joomla/templates/beez3/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

<link href="/joomla/administrator/templates/isis/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

と、書いてありました。ｗ

↑

Templateのfont-family†

ports で入れた joomla3! のテンプレートは、

/usr/local/www/joomla31/templates/beez3

になります。で、フォントの設定を見てみると、

# grep font-family /usr/local/www/joomla31/templates/beez3 -r

/usr/local/www/joomla31/templates/beez3/css/layout.css: font-family: arial,sans-serif
/usr/local/www/joomla31/templates/beez3/css/layout.css: font-family: inherit;
/usr/local/www/joomla31/templates/beez3/css/nature.css: font-family: arial, helvetica, sans-serif;
/usr/local/www/joomla31/templates/beez3/css/print.css:  font-family:Arial, Verdana, Helvetica, sans-serif;
/usr/local/www/joomla31/templates/beez3/css/template_rtl.css:   font-family: 'Titillium Maps',  Arial;

という結果になります。ということは、日本語フォントの設定は無いので、Webブラウザのデフォルトフォントで表示されると言うことになります。

Windows 7 の　IE　だと、「MS Pゴシック」で表示されることになります。

以下の様に指定します。

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;

序でに、システム側のをみると、

# grep font-family /usr/local/www/joomla31/templates/ -r
 
/usr/local/www/joomla31/templates/system/css/editor.css:        font-family: Tahoma,Helvetica,Arial,sans-serif;
/usr/local/www/joomla31/templates/system/css/editor.css:        font-family:Helvetica ,Arial,sans-serif;
/usr/local/www/joomla31/templates/system/css/editor.css:        font-family: Arial, Helvetica,sans-serif;
/usr/local/www/joomla31/templates/system/css/editor.css:  font-family: Helvetica,Arial,sans-serif;
/usr/local/www/joomla31/templates/system/css/editor.css:        font-family: Arial, Helvetica, sans-serif;
/usr/local/www/joomla31/templates/system/css/error.css: font-family: helvetica, arial, sans-serif;
/usr/local/www/joomla31/templates/system/css/error.css: font-family: helvetica, arial, sans-serif;
/usr/local/www/joomla31/templates/system/css/error.css: font-family: helvetica, arial, sans-serif;
/usr/local/www/joomla31/templates/system/css/offline.css:       font-family: Arial, Helvetica, Sans Serif; font-size: 78%;

と、ワラワラとでてきますが、使用中のISISテンプレートの「css/template.css」の190行目あたりの、

body {
  margin: 0;
  font-family: "Helvetica Neue", "メイリオ", "Meiryo UI", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background-color: #fff;
}
a {

フォントの指定をすれば、コントロールパネルのフォントが指定できるようです。

↑

JoomlaにJavaScriptを埋め込むよ！†

http://www.fulldigit.net/content/view/73/28/

http://extensions.joomla.org/extensions/edition/custom-code-in-modules/5435/

http://joomla3.satoshis.com/index.php/extensions/20-extension/module.html

↑

Joomlaを、専用ポートで表示するよ！†

/usr/local/etc/apache22/extra/httpd-vhosts.conf

Listen 219.117.246.201:12345

#NameVirtualHost 219.117.246.201

<VirtualHost www.smb.net:12345>
ServerName www.smb.net
DocumentRoot /usr/local/www/
  Alias /joomla /usr/local/www/joomla31/
  AcceptPathInfo On
  <Directory /usr/local/www/joomla31>
      AllowOverride None
      Order Allow,Deny
      Allow from all
  </Directory>
</VirtualHost>

↑