活動実績・履歴

2010年7月28日

【団体概要】【会計】

【団体概要】【会計】

2010年7月19日

WordPressのデザイン編集 -構造編ー

【現在この記事は作成中です】【作成者・小林知久】

(このページはWPに不慣れなスタッフ向けのマニュアル兼防備録です。外部の方が参照する場合に内容の保証等はできませんのでご了承ください。また、文章以外でも口頭で補足しているものもありますので完全でない場合は多々あります。)

<基礎知識・前提>

◆サーバー上の、 wordpress/wp-content/themes にある sozo-engine フォルダを、ここでは『テーマフォルダ』と呼びます。(この中にこのWPブログで使う素材などの骨格素材あり)

◆PHPファイルやCSSファイルは、管理画面→外観→テーマ編集から編集できます。でも、Tabが使えないとかで不便も多いので、ローカルで編集してFTPアップするほうがベター。ローカルにTeraPadなどのテキスト編集フリーソフトを入れてそこで編集がいいかと。

〇デザイン素材画像(投稿内でアップした画像以外の画像)の変更方法

<画像収納場所>テーマフォルダ内 images

  …一部例外あるかも。あったらゴメン。アップした時の気分次第 

<注意点>既存の画像とタテヨコpxサイズは必ず同じにしてください。そのうえで、『画像ファイル名を同じ』にして上書きしてください。(よく、jpgとgifを間違えてる場合が多いので油断しないで)これがが一番楽。

もっとこだわりたかったり、止むをない場合は、テーマフォルダ内のphpファイルやcssの編集が必要となります。該当の画像がどこに使われているかGrepReplaceで検索して置換するといいかな。くれぐれも慎重に。

〇トップページにリンクバナー等を貼る場合

  ・・・home.phpを習性。詳細はWP更新メモ※1参照。画像はテーマフォルダ内の任意の場所でいいが、整理のため原則 images 内に収納のこと。

〇カテゴリーのシステム上のナンバー

1、Uncategorized 2、 3、スタッフ紹介 4、Project 5、Press 6、入会のお誘い 7、会計・役員体制 8、活動理念 9、Info&Dialy 11、アートプラント 12、Organization 14、Member 15、アーティスト紹介 16、東京紅茶 17、IZA

〇個別ページデザインを採用しているカテゴリ

3、スタッフ紹介 → category-3.phpと、style.cssのdiv#content div#main div#memberlistを編集

15、アーティスト紹介 → category-15.phpと、style.cssのdiv#content div#main div#artistlistを編集

二つのスタイルシート設定の違いは高さだけです。また、本文中の<P>要素にもスタイルシートで行間詰め設定をしているので、更新の際に消さないように注意。

ダッシュボードの設定→表示設定で、サイト全体の投稿表示件数を1ページ20としていますのでそれ以降は次のページにいくことになります。また、両カテゴリーともPHPの設定で、とりあえず記事50件の呼出としているので、もしそれ以上掲載したい場合は、PHPを変更してください。

17、IZA → category-15.phpを編集します。style.cssはほとんど絡まないようにしていて、PHP上に直接HTMLで書き込んでいる形が多いです。