山形情報共有ポータルサイト、山形情報便は全国に山形のいろんな情報を提供しているサイトです。


Ubuntu_Press - 201406のエントリ

Magic3テンプレート作成完了

カテゴリ : 
Ubuntu
執筆 : 
Admins 2014-6-25 15:54
自分お決まりのパターンでテンプレートを作成しました。

完成画像


今回はどんなブラウザから見てもレイアウトが崩れないようレーアウトはテーブルタグを利用し
最大幅1024PX・サイドバーは左右207px・センターを610pxに固定させDIVでラッピングしセンター配置にしてから作成しました。
ヘッダーには自分でリンクさせるページへのナビゲーションバーを設置
Bodyの背景はグレーのグラデーションを配置、テーブル内背景は3カラム画像を配置し左右に色を入れました。
その後Magic3のPHPの埋め込み
他のテンプレートのindexページ・templateDetails.xml への宣言を参考にしCSSで作成していきました。

メニューバーをh3として背景に余白を入れ画像を埋め込みました。
文字はサイズとテキストインデントを入れ調整

最後に、
テーブルを利用しての作成はレイアウトが簡単ですがSEO的にはやはりDIV・floatを使いレイアウトするのべきなんでしょうね?
次回はテーブルタグを使用しないでDIV・floatを使いレイアウトしてみます。

JoomlaのテンプレートがMAgic3で使えるということで何点かダウンロードし試してみました。
結果問題なく表示されました。
Joomlaのテンプレートはたくさんあるのでお気に入りのテンプレートを探して使うのもいいと思います。

MAgic3のカスタマイズと今後の作成について

カテゴリ : 
Ubuntu
執筆 : 
Admins 2014-6-20 18:44
前回のプチカスタマイズから構造を調べtemplate.cssを弄って見ました。
最初にこのデフォルトで使われているart41_sample2のCSSは最新のCSS3でIEの場合最新IE.9でないと正しく表示されません。
ベンダープレフィックスによるブラウザごとの設定によるボーダーの各コーナーを丸めて見せる事
ほかCSS3には幾つかの追加された項目があります。
私自身まだCSS3については良く知りませんのでとりあえず知れる範囲でカスタマイズを行って見ました。

カスタマイズ後の画像


確認ブラウザはIE以外のOpera Firefox Chromeで問題なく表示されましたがIE.9では試していません。
今回カスタマイズをしてみて大体のカスタマイズの仕方が分かりました。
MAgic3はウイジェットを使ってレイアウトをしていますが基本的にはXOOPSなんかとあまり代わりが無いような気がしました。
HTMLの中にPHPをどう埋め込むかでCSSなどは別に最新のもので無く今までのやり方でもOKです。

ちなみに今回作成してみたテンプレート画像です。



いつもXOOPSでやっているみたいにして今回簡単に作成してみました。
確認ブラウザはOpera Firefox Chromeで問題なく表示されました。多分IEでも問題ないと思います。
今後はもっと時間をかけ今回のテンプレートをもっと複雑化して見栄えの良いテンプレートにしていきます。

テンプレート構造
MAgic3
index.php (xoops theme.html)
templateDetails.xml (manifesto.ini.php)
/css/template.css (style.css)
/images/

MAgic3の簡単カスタマイズ

カテゴリ : 
Ubuntu
執筆 : 
Admins 2014-6-7 15:25
カスタマイズの方法としてはこれが正しいのかどうか分かりませんが自分なりに我流でやってみました。
まず管理画面に入りメニューからテンプレートの管理を選択
デフォルトで選択されているart41_sample2を弄る前にダウンロードします。
(ダウンロードは一番右のアイコンから)
カスタマイズはローカルサーバPC環境で直接行います。
まず最初ですのでどうなるか分からなかったのでデフォルト選択されたMAgic3のart41_sample2の画像の差し替えとCSSの修正を行いました。

ブラウザMAgic3のインデックスページを右クリックしページのソースを閲覧
CSSの場所は、templates/art41_sample2/css/template.css
CSSからヘッダー画像のファイルはtemplates/art41_sample2/images/header.jpgです。
画像加工はGIMPとIncscapeで行いました。

header.jpg:デフォルト画像は幅900px高さ200pxを今回少し広めることにするので幅1024px高さ200pxにしました。
画像の加工はGIMPで文字入れはInkscapeで行いました。

template.css:はまず今回は簡単にヘッダー画像の差し替えと全体の幅だけを行うのでgeditを使用。
geditでCSSの中からbodyがwidth:900pxでしたので元画像サイズ900pxを検索すべて置き換えをしてみて
ブラウザよりページの再読み込みを行い問題があれば修正していくつもりで閲覧しました。
結果なんの問題もなく正しく表示されました。
一応他のブラウザでも確認しました(Linux環境なのでIEでは出来ません)
今回はLeft・Rightが固定でCenterが固定されていなかったので上手くいきましたがいつもこんな風に行くとは限りません。
これからいろいろCSSを書き換えてみたいと思います。
まずはここまで

プチカスタマイズ後の画像

MAgic3を操作をしての不具合?

カテゴリ : 
Ubuntu
執筆 : 
Admins 2014-6-5 22:58
最初、これは「NetCommonsと似ているな」と感じました。
モジュールについて
モジュールが最初から組み込まれているためファイルの転送に結構時間がかかる
(ファイルは一度にアップしないで分けてアップするのが正解)

モジュールは使うかどうかの選択をする。
モジュールの内容についてはちょっと違いがあり用途により選択する。
モジュールについては使い続けるならば組み込みの方がいいかも!
XOOPSは使いたいモジュールだけを組み込めばいいのだが、難点がある
モジュールはいろんな人が各自が配布している関係で肝心のXOOPSのバージョンアップに必ずしも将来に渡り使えるとは限らないのだ
現に私自身、長い間XOOPSを使って来ましたが、現在では使えなくなったモジュールがある。

こんな事からいろいろCMSを使ってみて試してみた結果、将来長く使えるCMSをと考えている。

MAgic3は魅力であるがまだ何とも言えない。
今回ブログを書いてみて画像をアップする際問題が生じた。
画像をアップロードする画面を呼び込むと[.htaccessに正しく書き込めない]ということでエラーになって使えないことが判明しました。
最初はパーミッションかと思い書き込めるよう権限を与えて再度挑戦。
今度は一瞬うまくいったようだったがまた使えなくなってしまった。

.htaccessの初期状態はこんな風になっていました。
php_flag engine off

しかし、書き込み権限を与えて書き込ませてみると.htaccessの中身は空でした。
どうしたものか?しばらく考え込む‥・

結果、一旦.htaccessを削除してしまうことにしました。
元々FTPで転送したファイルなのでFTPから簡単に削除。

フォルダresourceは書き込み権限があるので.htaccesは新たに作成してくれるはずと決めつけ再度挑戦!
結果、無事アップロードする画面が開かれたのである。
フォルダ作成・画像のアップロード・削除等やってみたが問題なし・・・
よかった。
WEBからの生成だから当然権限はApacheになってしまっているからこれで問題が起きたらFTPからは削除出来ない。

ローカルサーバより.htaccesの中身を確認
<IfModule mod_php4.c>
php_value engine off
</IfModule>
<IfModule mod_php5.c>
php_value engine off
</IfModule>

と、こんな風に書かれていました。

MAgic3でのドキュメントページ
インストールについて
MySQL5.5で動作可とあるが(当サーバMySQL5.5.37)
最初インストールした時点PHPエラーを思い出す。
本当に大丈夫なのか???
そういえば最初にインストールした時点の確認画面でMySQLが見つからないとか?赤い文字で書いてあったような?
その時の「PHPの一部のファイルに問題のメッセージが最上段にでました。」これではなかったのか?
でもせっかく動きだしたのだから当分使い続けテストてみよう。

再度インストールしたら今度はスクリーンショットをしっかり取っておきます。

CMS.MAgic3を使ってみて

カテゴリ : 
Ubuntu
執筆 : 
Admins 2014-6-4 14:32
Magic3をローカルサーバにインストールしてみました。

別PCよりgFTPソフトを使ってサーバに全部のファイルを転送します。
フォルダ名はmagicとしました。
インストール初期画面でパーミッションで2ヶ所引っかかったのでパーミッションを変更
他にPHPの一部のファイルに問題のメッセージが最上段にでました。
何のファイルが問題になったのか記録をしてなかったのでちょっと忘れました。
先に進めることがちょっと不安なのでとりあえずgFTPでアップしたファイルのすべてを削除

一度ローカルサーバ本体に直接ファイルを展開
パーミッションをインストールフォルダ
magic以下すべてのフォルダを707、すべてのファイルを606に設定しインストール
ローカルサーバからは何の問題なくインストールが完了しました。
多分問題になったのはどこかのパーミッションがきちんと設定されていなかったのでは?
無事インストールが確認出来たので再度削除し別PCより再度挑戦!

今回はMagic3のファイル数が多いので分割してアップしてみました。
パーミッションの変更は下記のようにしました。

magic:[777or707]
include:[777or707]
resource:[777or707]
sitedef.php [666or606]

今度は問題なくインストールされ動作しました。
操作方法が分からないので適当に遊んで見ました。
Magic3はウイジェットでホームページを構築するので色々ドラッグしては確認しながら試してみました。