Webテクノロジー備忘録

EC-CUBE Modx OpnePNEなど、オープンソース系を中心にしたカスタマイズの備忘録

一般的な会社概要ページのテーブル枠リスト用CSS

/*************
会社案内
*************/

.company_info {
padding-top: 5px;
padding-bottom: 20px;
line-height: 20px;
width: 500px;
}

.company_info table {
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-left-color: #333333;
width: 100%;
}

.company_info th {
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #333333;
border-bottom-color: #333333;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;
background-color: #eef3ed;
width: 25%;
text-align: left;
font-size: 12px;
}

.company_info td {
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #333333;
border-bottom-color: #333333;
border-right-width: 1px;
border-bottom-width: 1px;
padding: 10px;
width: 75%;
font-size: 12px;
}

PageTop

WordPressでテーマ(Theme)を編集可能にする

WordPressのカスタマイズをテーマthemeを使って手軽にやりたい人のためにテーマを編集する方法。
これをやらないと、テーマが編集できません。

/wp-content/themes/ 編集したいテーマが格納されたフォルダのファイルを666に変更。

以上。

PageTop

XreaでWordPressをSQliteで動かす方法

最近、色々なところで「SEOにはWordPressが最高!」という声を聞き、
ちょっと興味がわいてきたのでWordPressを使ってみることに。

ただ、色々企画との兼ね合いで開発したサーバーからの移転が
必要になることから、SQliteを用いてインストールできないものかと
調べてみると、やっぱりありました。便利なプラグイン。

http://wordpress.org/extend/plugins/pdo-for-wordpress/

設定・インストールは超簡単!

1、上記URLからプラグインをダウンロード。wp-content 配下に展開。
  ※このプラグインは Wordpress の 2.3 以降対応。

2、wp-content 配下に database というディレクトリを作ってパーミッションを777に。

3、wp-config-sample.php をリネームしてwp-config.phpにして、下記のコード(赤字)を追記

 ...
define('DB_COLLATE', '');

define('DB_TYPE', 'sqlite');
...

あとは普通にWordPressをインストール!

しかしながら問題が発生・・・

Xrea Coreserverのようなsafemodeで動作しているサーバーでは
下記のような処理が必要らしい。(.htaccessでCGIモードで動かす)

http://wpdocs.sourceforge.jp/%E3%82%BB%E3%83%BC%E3%83%95%E3%83%A2%E3%83%BC%E3%83%89%E3%81%AB%E3%82%88%E3%82%8B%E5%88%B6%E9%99%90%E3%81%A8%E5%AF%BE%E5%87%A6%E6%96%B9%E6%B3%95

結論としては、WordPressのディレクトリ直下に下記を記述した.htaccessを配置

AddHandler application/x-httpd-phpcgi .php

またXreaではシステムから生成されたフォルダ・ファイルの所有者がApachになっているので
サーバー設定の「ツール」でファイルの所有権を変更。

その後、wp-content/database/debug.txtのパーミッションを777に

おお!うまくいった!

余談ですが、WordPressのロゴってフォルクスワーゲンに似てない!?ra

PageTop

EC-CUBE ページごとにtitleタグを変更する方法

EC-CUBEでSEO対策とかでtitleタグをページ単位で完全に分岐させたいときのsite_frame.tplの書き方。

<!--{if $smarty.server.PHP_SELF == "/products/bunki.php"}-->
<title>分岐させたいページのタイトル
<!--{else}-->
<title>それ以外のページ<!--{$arrSiteInfo.shop_name|escape}-->/
<!--{/if}-->

smartyのif文で分岐させたシンプルなかたち

PageTop

EC-CUBEで値のない商品項目欄を非表示にするsmartyの書き方

オンラインストアでは、商品によって項目欄が異なるケースがあると思います。
例えばAという商品では「原産国」といった表記必要ですが、同じストア内の別の商品では「原産国」という表示は必要ない・・・という場合です。

この場合はEC-CUBEの商品管理画面で値のない項目の欄(無記入の項目欄)は、商品詳細ページで非表示にしたい・・・というケースが起きますので、その場合の書き方。いずれもsmartyで簡単に書けます。

例):管理画面で「原産国」の項目が空の場合、「原産国」という項目を表示しない


<div id="product_ditail>
<h4>
<!--{$arrProduct.name|escape}-->
</h4>
<dl>
<!--{assign var=lv2 value="sub_title1"}-->
<!--{if $arrProduct.sub_title1}-->
<dt>原産国
<dd>:
<!--{$arrProduct.sub_title1|nl2br}-->
</dd>
<!--{/if}-->

</div>

※sub_title1が原産国の入力フィールドになっています。

基本的にif〜/ifまでがポイントで、sub_title1を読み出して、その値がなければ非表示となります。

PageTop