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

CONTENTS

Protostarテンプレートの背景画像を設定する　2013年10月6日
Protostarテンプレートのフォントをメイリオへ 2013年10月6日
ファイルアップロードサイズ
Beez3 テンプレートの「情報を開く」を非表示にする
Joomla のエディタのフォントを入れ替えるよ！
Joomla の favicon.ico を入れ替えるよ！
Templateのfont-family
モジュール内部に書き込むHTMLソース
JoomlaにJavaScriptを埋め込むよ！
Joomlaを、専用ポートで表示するよ！
Joomlaを入れて見るよ！
- FreeBSD の Portsを探す
  - # portinstall www/joomla31

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

Protostarテンプレートの背景画像を設定する　2013年10月6日†

テンプレート管理: ファイルの編集「index.php」テンプレート内のファイル「protostar」の編集中です。

で、body.site を

  <style type="text/css">
    body.site
    {
      border-top: 3px solid <?php echo $this->params->get('templateColor');?>;
      background-color: <?php echo $this->params->get('templateBackgroundColor');?>;
      //background-image: url("images/NWH48/background.gif");?>;
background-image: url("http://www2.smb.net/NWH48/images/NWH48/background.gif");?>;

のように書き換える。// の行だと、トップ画面だけBG指定が効くが、それ以外に遷移するとBGが白紙になるので、絶対パスにする。

↑

Protostarテンプレートのフォントをメイリオへ 2013年10月6日†

テンプレート管理: ファイルの編集　「css/template.css」テンプレート内のファイル「protostar」の編集中です。

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

を

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

へ置換。3カ所。

↑

ファイルアップロードサイズ†

Joomlaのファイルアップロードサイズは、「メディア管理オプション」で設定する。例えば　10 MB　とするが、それだけではダメ。

さらに、PHPの設定（デフォルトだと2MB）も変更。

OpenPNE 2.12 カスタマイズ（upload編)

phpの設定ファイル、/usr/local/etc/php.ini 無ければ、作るヨロシ。

[PHP]

; Maximum size of POST data that PHP will accept.
post_max_size = 12M
; Maximum allowed size for uploaded files.
upload_max_filesize = 10M

↑

Beez3 テンプレートの「情報を開く」を非表示にする†

Beez3テンプレートは、ユーザログインなどを「情報を開く」タブ？リンク？をクリックすることで表示します。この「情報を開く」を非表示してみます。

テンプレート管理: テンプレートのカスタマイズメインページ用テンプレートの編集を開きます。

~~最初の方にある、$showRightColumn の行をコメントアウトするヨロシ。~~

っていうのは過去のBeez3のようで、今（2013/10/16現在の最新版）だと、PHPのエラーが出ます。

従いまして、非表示にするには、テンプレートのソースのとおり、position-3, 6, 8 にモジュールを配置しないようにします。

// Check modules
$showRightColumn  = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom      = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft      = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn == 0 and $showleft == 0)
{
  $showno = 0;
}

JHtml::_('behavior.framework', true);

↑

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;

ただし、Joomla のコンパネから設定すると、font-family: の所が、fonfont-family: のように桁ズレをおこして、反映されなかったりするので、要チェック。(^_-)-☆

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

root@blackcube:/root/bin # grep font-family /usr/local/www/joomla31/administrator/templates -r
/usr/local/www/joomla31/administrator/templates/isis/html/editor_content.css:        font-family: Arial,sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/html/editor_content.css:        font-family:Helvetica ,Arial,sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/html/editor_content.css:        font-family: Arial, Helvetica,sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/html/editor_content.css:  font-family: Helvetica,Arial,sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/html/editor_content.css:        font-family: Arial, Helvetica, sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/less/icomoon.less: font-family: 'IcoMoon';
/usr/local/www/joomla31/administrator/templates/isis/less/icomoon.less: font-family: 'IcoMoon';
/usr/local/www/joomla31/administrator/templates/isis/less/icomoon.less: font-family: 'IcoMoon';
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  fonfont-family: "Helvetica Neue", "磧磴礫礫", "Meiryo UI", Helvetica, Arial, sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: inherit;
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: 'IcoMoon';
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: 'IcoMoon';
/usr/local/www/joomla31/administrator/templates/isis/css/template.css:  font-family: 'IcoMoon';

などがヒット。こちらも、フォントの指定をすれば、コントロールパネルのフォントが指定できるようです。

2013/10/15時点では、　font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;　

を、

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

へ置換して様子見中。

↑

モジュール内部に書き込むHTMLソース†

テンプレートで指定したフォント設定は、どうやら、モジュール内部に書き込んだHTMLでの表示にまでは効果が及ばないらしい。

そこで、モジュール内部のHTMLソースにもフォント指定が必要の模様。

<style type="text/css">
<!--
 body,td,th {font-family: "メイリオ", "Meiryo UI", "Helvetica Neue", Helvetica, Arial, sans-serif;}
-->
</style>

↑

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>

↑