管理画面からできる、デザイン変更方法の１つ「ヘッダーのロゴ画像の変更方法」をご紹介します。
OpenPNEのデフォルトデザインではなく、よりお好みのデザインに近づくことが出来ます。

対象バージョン：OpenPNE 3.6.x / 3.8.x

【ロゴ画像を用意する】

幅100ピクセル×高さ80ピクセル以内の画像データをご用意ください。
このサイズを上回りますと、レイアウトが崩れる恐れがあります。
jpeg、pngに対応しております。

【ロゴ画像を差し替える】

○表示したいロゴ画像を、予めアップロードします

１、管理画面＞画像・書きこみ管理＞画像アップロード へアクセスします
２、画像ファイルを選択し、画像ファイル名に logo と入力します
３、画像をアップロードをします
４、アップロード画像リストに遷移し、その画像が表示されます
　※アップロードした画像は admin_logo_(連続した数字).jpg のような名前となります
５、その画像をクリックし、画像の URL を控えておきます
　※URL の例：http://SNSのURL/cache/img/jpg/w_h/admin_logo_1330527600.jpg

ロゴ画像の URL が用意できれば良いので、管理画面の画像アップロード機能以外で画像を用意することも可能です。

○CSS を入力します

１、管理画面＞デザイン設定＞カスタム CSS 設定 へアクセスします
２、以下のように CSS を入力します
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
#Body #Header h1 {
width: 100px; /* ロゴ画像の幅 –(A) */
height: 80px; /* ロゴ画像の高さ */
background-image: url(http://sample.example.com/cache/img/jpg/w_h/admin_logo_1330527600.jpg); /* ロゴ画像の URL */
}
#Body #globalNav { margin-left: 100px; } /* (A)と同じ値にします */

#globalNav {
float: none;
width: auto;
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

３、「送信」をクリックします
CSS の変更が適用され、左上のロゴ画像を差し替えることができます。

＊3.8.xの画面による変更例

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■公式SNS
https://sns.openpne.jp/
OpenPNEユーザーの皆さんが気軽にコミュニケーションができるQ&Aサイトです。
どなたでも無料で利用できます。（facebook、google、twitter の各アカウントでログインが可能です。）

■技術サポートサービス
http://support.pne.jp/
OpenPNE開発元の手嶋屋が提供しているサービスです。
有料になりますがこちらにお申し込みいただきますと弊社のOpenPNE開発エンジニアがOpenPNEの様々なトラブルについて、調査・サポートさせていただきます。
今後とも、OpenPNE 技術サポートサービスをよろしくお願いいたします。