OpenPNE 3デザイン変更

OpenPEN設置環境

・OpenPNEのバージョン
[OpenPNE3.8.20]

・運用環境
[kagoyaレンタル専用サーバー]

Apacheバージョン Apache/2.4.20
MySQLバージョン 5.6.22 (Ver 14.14 Distrib 5.6.22)
PHP 5.6.23

・OpenPNE設置場所
WEBサイト閲覧用ルートディレクトリー(public_html)にサブディレクトリー
(openpne)のフィルダーを作成展開

（デザインカスタマイズ変更内容）

■【フッターの「プライバシーポリシー」文字から「運用ルール」への変更】

[修正ディレクトリー]
/public_html/openpne/apps/pc_frontend/i18n/

[修正ファイル]
messages.ja.xml

[修正内容]
1316行目の文字変更

[修正箇所]　下記　－：削除　　+：追加

オリジナル（変更前）

      <trans-unit id="">
        <source>Privacy policy</source>
-       <target>プライバシーポリシー</target>
      </trans-unit>

カスタマイズ（変更後）

      <trans-unit id="">
        <source>Privacy policy</source>
+       <target>運用ルール</target>
      </trans-unit>

■【表示アイテムデザイン色変更】

[修正ディレクトリー]
/public_html/openpne/plugins/opSkinBasicPlugin/web/images

[修正内容]
imagesのフォルダー内のイメージファイル変更にて配色を変更

　　　　　　

サンプル画像デフォルト　　　　変更画像

■【グローバルメニューのタブの横にスジが入る】

[修正ディレクトリー]
/public_html/openpne/plugins/opSkinBasicPlugin/web/css

[修正ファイル]
main.css

[修正内容]
570行目目　0pxへ変更

[修正箇所]下記　－：削除　　+：追加

オリジナル（変更前）

#globalNav li {
  padding: 0;
- border-left: 1px solid #204D6C;
- border-right: 1px solid #082F57;
  float: left;
}

カスタマイズ（変更後）

#globalNav li {
  padding: 0;
+ border-left: 0px solid #204D6C;
+ border-right: 0px solid #082F57;
  float: left;
}

　　　グローバルメニューの文字間に線あり　　　　　　　　　グローバルメニューの文字間に線なし　　　　　　
　　

■【アイテム色変更に伴う背景色の白からカラーコード#F3F0EBへの変更】

[修正ディレクトリー]
/public_html/openpne/plugins/opSkinBasicPlugin/web/css

[修正ファイル]
main.css

[追加内容]
main.cssの668行目に下記追加

[修正箇所]下記　－：削除　　+：追加

オリジナル（変更前）

#Contents {
  background: transparent url(../images/bg_contents.gif) repeat-x scroll 0 0;
}
-
/*----------------------------------------------

カスタマイズ（変更後）

#Contents {
  background: transparent url(../images/bg_contents.gif) repeat-x scroll 0 0;
}
+#Contents {
+   background-color: #F3F0EB;
+}
/*----------------------------------------------

■管理画面での設定

——-(Powered by 後の文字とリンク先変更)————————————

管理画面　→　デザイン設定　→ HTML挿入　→　フッター　→　ログイン前ページフッター
管理画面　→　デザイン設定　→ HTML挿入　→　フッター　→　ログイン後ページフッター

上記項目でHtml枠で表示されている内容を変更

————————————————————————————————-

——-(利用規約・運用ルールの記載)————————————————

管理画面　→　SNS設定　→　サイトポリシー関連設定　

利用規約・プライバシーポリシー（運用ルール）の枠内の記載変更

————————————————————————————————–

——-(ログイン画面にＳＮＳ内容の説明)——————————————-

管理画面　→　デザイン設定　→ ガジェット設定 →　ログイン画面ガジェット設定

カジェット追加にてフリーエリア作成にてタイトル・内容を追記

————————————————————————————————–