Warning: Constants may only evaluate to scalar values in /home/partner/public_html/open/wp-content/plugins/file-manager-advanced/constants.php on line 13

Warning: Constants may only evaluate to scalar values in /home/partner/public_html/open/wp-content/plugins/file-manager-advanced/constants.php on line 25
OpenPNE 3デザイン変更 | Open Life Diary

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のフォルダー内のイメージファイル変更にて配色を変更

  penorg  back  

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


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

[修正ディレクトリー]
/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;
}



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


■【アイテム色変更に伴う背景色の白からカラーコード#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;
+}
/*----------------------------------------------



p


■管理画面での設定

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

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

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

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


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

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

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

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


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

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

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

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

スポンサーリンク
広告
広告

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
広告