FlatPress.info

Information & blog

テーマ設定を変更する

テーマを変更するのはクリック一つで事足ります。以下の画面において希望するテーマをクリックしてください。ただし、テーマの整合性が取れていなかった場合には、デザインが崩れたり、表示されないものがあったり、最悪、何も表示されなくなることもあります。少なくともデフォルトに戻したい場合は、後述の「テーマの変更に失敗したら」の手順にて復旧してください。

テーマ変更は「管理エリア」の「テーマ」をクリックして希望のテーマを選択(クリック)します。

chage-theme

さて、どこからテーマを持ってきたらいいかといいますと、後段に並べたサンプル画面はここ(http://wiki.flatpress.org/res:themes)からダウンロードしたものです。そのサイト(英文)に行くとテーマのサムネールとダウンロード先があります。ただ、ここにお見せしている以外については、リンク切れやそのテーマをインストールしてもうまく表示されない状況でした。

download-themes.jpg

インストールしてみたテーマ(テンプレート)

どのテーマ名なのかは、画像のタイトル(マウスを画像の上に置くと表示される)から読み取ってください。なお、同サイトが紹介しているテーマ中について、こに掲載していないテーマはうまく表示しなかったことを付言しておきます。ダウンロードしたテーマは解凍してからディレクトリ(ディレクトリ名は変更することが可能です)ごと、FTPで[/flatpress.themes/fp-interface/themes/]の配下に転送しておきます。一旦、好みのテーマをダウンロードして、中身のヘッダー画像や表示位置などを修正しつつ、ご自分の好みに仕上げていくのも、とても面白いと思います。(下記には本テストサイトのカスタマイズ中のテーマを含んでいます)実際に自分の手でテーマをこのように同一コンテンツにて一覧表示してみると、どのテーマが自分のイメージに合っているかの把握が非常にし易いことにも気づいた次第です。

 

【FlatPressのテーマの一例】 説明の便宜上、FlatPress.themes という純粋仮想ドメインを準備して画像スナップを撮りました。

 azure.jpg bearggero-master.jpg bitter_sweet.jpg inove.jpg disciple.jpg  emerald_grass.jpg esh.jpg flatmistylook-dark.jpg flatpress.jpg fluxish.jpg fpaleksandr.jpg fpskeleton.jpg fpthm-bluebayou.jpg ligero.jpg nautica22_liquid.jpg orignal.jpg pastels.jpg simplaflex.jpg simplewood.jpg snail.jpg terminal.jpg xubox.jpg

テーマの変更に失敗したら

テーマの変更で何らかの不具合が生じた場合には、デフォルトのテーマに戻せばよいのですが、そもそも「管理エリア」のページすら表示されなくなってしまうと、すべてお手上げです。

そうなってしまった場合には、以下のように当該ファイルをテキストエディタで修正します。ターミナルとしてサーバにログインできない場合には、手元のPCで修正しておき、FTPにてこのファイルを上書きすればOKです。

 

テーマの設定をしているファイル名とその場所を示しておきますので参考にしてください。

/fp-content/config/settings.conf.php (コメントアウトされている行です)

<?php

$fp_config = array (
  'general' =>
  array (
    'www' => 'http://www.flatpress.themes/',
    'title' => 'FlatPress',
    'subtitle' => 'My FlatPress blog',
    'footer' => '',
    'author' => 'flatpress',
    'email' => 'このメールアドレスはスパムボットから保護されています。閲覧するにはJavaScriptを有効にする必要があります。',
    'startpage' => NULL,
    'maxentries' => '5',
    'notify' => true,
//    'theme' => 'mybobu',
    'theme' => 'leggero',
    'blogid' => 'fp-2baa5863',
    'charset' => 'utf-8',
  ),

 

FlatPess 記事

Copyright c  flatpress.info 2015. All Rights Reserved.