2011-2012年末年始の営業について

年末年始の営業につきまして、誠に勝手ながら下記の通りとさせていただきます。

本年営業終了:平成23年12月30日(金)18:00まで

年末年始休業:平成23年12月31日(土)~平成24年1月4日(水)まで

新年営業開始:平成24年1月5日(木)9:30から

以上となります。宜しくお願い致します。

制作実績追加 (株)Home Terrace様

松江市の不動産会社(株)Home Terrace様のウェブを制作させていただきました。

http://www.home-terrace.com/

WordPressを利用した不動産サイトで、物件検索には既存プラグインを利用しております。(不動産サイト用のプラグインもあるようなのですが、今回は既存プラグインで対応。)

物件登録も、各カテゴリー毎に整理、入力画面のフォーマットに従って入力するだけの簡単入力仕様です。現在、社長様自ら別件登録に汗を流しておられます。

制作実績追加 ショップサーブカスタマイズ

お客様のサイトは非公開という事で….

今回のショップサーブカスタマイズ内容は構造部分のみ。デザイン・各種バナー、ボタン類はお客様側で制作されたものを使用。詳細は以下の通り

  • トップページのヘッダ部分直下へフラッシュを挿入(※1)
  • サイドバーをプルダウンメニューへ(※2)
  • 商品一覧ページの表示枠デザイン
  • 商品詳細の表示枠デザインと画像拡大スクリプト導入

※1:トップページにフラッシュを導入する事自体は簡単なのですが、今回はその表示位置が特徴的です。お客様のたってのご希望で、ヘッダ部分(ロゴ画像・カートを見る..などヘッダメニューがある部分)の直下へ挿入したい….(つまり、ウェブの横幅いっぱいに表示)とのご要望。
通常ショップサーブでは、コンテンツ部分へ挿入するので「できません」とお伝えしたのですが、これをやってる先人がいらっしゃったんです。お客様に教えていただきました。

本来、HTML構造上は「あり得ない(やらない)」手法なんですが..問題なく表示出来てます。因みに納品時点ではフラッシュの代わりにイメージ画像を挿入してあります。

※2:プルダウンというより..アコーディオンスクリプトを利用。HTMLについて少しだけでも分かっている方でしたら問題ないのですが、カテゴリー追加時などにちょっと手間がかかります。

ショップサーブをご利用中、またはご検討中のお客様で上記のような事をお考えでしたら、お気軽にお問い合わせ下さい。

brBrbr300 / PS Disable Auto Formatting

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

WordPress改行プラグイン : brBrbr300

自動整形&タグ除去回避プラグイン : PS Disable Auto Formatting

WordPress改行プラグインにて

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

クライアントのご要望にてブログ部分を<br />にしたいと思った時。

Shift + Enterして下さいとも言えず,,,

使用させていただいたプラグインはこちら:brBrb300

制作側としてひとつ気になる点があり一部変更(入力した本文全体が<p></p>で囲まれる点をなんとかしたい。そう言えば、某ネットショプASPもサイドバー内の自由入力欄が<p>でマークアップされてた,,,,<p>の中に<ul>でリスト,,,,う~ん)

<p>
ああああああああああああ<br />
ああああああああああああ<br />
</p>

固定ページ、またその他の<p>タグ等の関係もあり出来れば

<div class=””>
ああああああああああああ<br />
ああああああああああああ<br />
</div>
としてマークアップしたいところ,,,,なので

$brbr=”<div class=\”***\”>\n”.$brbr.”</div>\n”;

これでいいのやら,,,

WordPressをルートディレクトリへインストール

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

自動インストールではルート下にディレクトリを作成し、その中にWordpressが入るのだがルート直下にインストールする実験。

http://example.com/wordpress/ではなく、http://example.com/で表示させる。(わざわざ手動でルート直下にインストールしなくても方法はあるのですが、もしもの時に備えさくらでテスト。)

1:データベースの準備
チェック部分は控えておきましょう。

サーバ設定

2:Wordpressをアップロード
DLしておいたWordpressをアップロード

3:Wordpressにアクセス
http://example.com/へアクセスしたか、あるいはhttp://example.com/wp-adminへアクセスしたか忘れたのですが下記のように。

wordpress

4:次のステップへ

wordpress2

5:データベース情報の設定

wordpress

6:下記で完了
インストール後はログインして通常のWordpressの設定へ

wordpress

以上。

制作実績追加 4claps様ショッピングサイト

松江市で子供服・アクセサリー・小物・雑貨等を販売されていらっしゃる4claps様のショッピングサイト(ネットショップ)を制作させていただきました。

デザインは前回ウェブサイトに続き4claps様!トップページのバナーからボタン類に至るまで、4claps様でご用意いただいたものをショッピングカートのシステム側に反映させていただきました。

可愛らしいお洋服から小物まで、多数品揃えしていらっしゃいますので是非一度お立ち寄り下さい。

市内にお住まいの方は、直接お店の方が良いと思います。所在地はこちらでご確認下さい

近隣にお住まいの方、また他府県からこのページにアクセスされた方は下記サイトにて通販をお楽しみください。

 

4claps様ショッピングサイト(ネットショップ)

4clapsネットショップ1 4clapsネットショップ2 4clapsネットショップ3

ショッピングカートASPについて

今回、カートシステムとしてXcartを使用しましたが(私もはじめて利用)、なかなかデザインの自由度が高いカートシステムです。

今回はカートボタンから先(決済部分)のみの利用だったのですが、商品一覧・商品詳細・トップページまでそこそこ手を加える事が出来ます。今回はカート側の便利機能を利用したかったので、構造部分にはあまり手を加えてないのですが、デザイン上はかなり融通が利くシステムです。

テンプレートタグ 日付けについて

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

  • the_date() . the_date(‘引数’)
  • the_time() . the_time(‘引数’)

引数を指定しない場合、管理画面の設定が反映される。

the_date()の場合、同じ日に複数の記事がある場合は、最初の記事だけ出力される。

よって、トップページで新着リストとして [ 投稿日 タイトル ] のみ表示させる場合はデザイン的に不都合な時も,,,,

とりあえず必ず日時を表示させたい場合、最も簡単な対応は

<?php get_the_date(); ?>(3.0以上)

WordPressのtitle属性 use_desc_for_title

リンクソース内に挿入されるtitle属性を削除したいと思った時の私的覚書。

WordPress Codex(日本語)で調べるとuse_desc_for_title=0でOKらしいので指定してみるが、titleが挿入されてしまう(削除されない)。

以下で詳しく説明されています。

wp_list_categories() の use_desc_for_title 挙動

なるほど,,,,

制作実績1件追加(20111014)

NTT東日本・NTT西日本 販売代理店(株)マックスサポート様のフレッツ光申し込み受け付けサイトを制作させていただきました。

NTTの審査は結構厳しいです(細かい,,,当たり前ですね)。

NTT東日本・NTT西日本フレッツ光

画像の挿入

画像挿入ボタン

以下重要部分です。
リンクURLの設定を忘れないようにして下さい。

表示画像詳細設定

・サムネイル・中サイズ,,,とありますが、これは投稿記事部分に表示される大きさです。(このページの上記画像。このページの場合は中サイズにしておりますが、アップロードされた画像によって任意で指定して下さい。)

アップロードする画像のサイズにご注意ください。投稿画像のトリミング

投稿画像のトリミング

※以下は、画像拡大スクリプトをご使用中のお客様向けにフリーソフトの「Vix」を利用した画像のトリミング方法についての説明です。(デジタルカメラのデータをそのままアップロードした場合、ファイルサイズが大き過ぎるためにウェブ表示用に加工した画像をアップロードします)

  1. デジタルカメラ等のデータをPCに保存します。
    デスクトップ上に新規フォルダを作成して下さい。(保存先は何処でもかまいません。説明上デスクトップに新規フォルダを作成したと仮定して説明させていただきます。)
    新規フォルダ作成
  2. ViXを起動します。ViX起動
  3. 画像(元データ)のリサイズ
    (※リサイズして保存する際、画像のファイル名はそのままでOKです。)
    ①表示されている画像の中で、今回使用したい画像(アップロードしたい画像)を選択します。複数枚リサイズする場合は、キーボードの[ Ctrlキー ]を押しながら画像を選択して下さい。
    ②メニューから 画像総合変換を選択します。画像選択
  4. リサイズ – 縦横の大きさを変更します。
    リサイズ画像の大きさは任意ですが、ユーザーのPC画面解像度・使用デバイス等の関係もありますので800×600以下が良いと思われます。サイズ指定
  5. 保存
    保存

CSS3 角丸 border-radius

楕円の水平方向・垂直方向の半径の組み合わせ。

[ px ] [ em ] [ pt ] [ % ]

#sample {
  background-color or border

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}
#sample {
  background-color or border
  
  /* 左上・右上・右下・左下 */
  border-radius: 50px 50px 50px 50px / 80px 80px 80px 80px;
  -moz-border-radius: 50px 50px 50px 50px / 80px 80px 80px 80px;
  -webkit-border-radius: 50px 50px 50px 50px / 80px 80px 80px 80px;
  -o-border-radius: 50px 50px 50px 50px / 80px 80px 80px 80px;
  -ms-border-radius: 50px 50px 50px 50px / 80px 80px 80px 80px;
}
#sample {
  個別指定
  background-color or border
  
  border-top-left-radius: 10px; /* 左上 */
  border-top-right-radius: 10px; /* 右上 */
  border-bottom-left-radius: 10px;  /* 左下 */
  border-bottom-right-radius: 10px;  /* 右下 */

}

CSS3 ベンダープレフィクス

Firefox -moz-
Safari, Chrome -webkit-
Opera -o-
IE -ms-

ベンダープレフィックス無しの指定をする事!

Thunderbird 文字の折り返し設定

Thunderbirdで文字の折り返しを調整した時の備忘録。

[  オプション ]→[ 詳細  ]→[ 一般  ]→[ 設定エディタ  ]

フィルタでmailnews.wraplength

とりあえず数値を72から0に設定

thunderbird設定画像

サーバーメンテナンス終了のお知らせ

ご迷惑をおかけ致しましたが、サーバーメンテナンスの方は終了致しました。

通常通りメール送信可能となっております。

Outlookの添付ファイルがwinmail.datになる場合

お客様からお問い合わせがあったので!

クライアンへPDFを添付送信→クライアント側でファイルが開けない,,,,との事。

メールソフトはOutlook。

対処に関する参考サイト

サードプレイス

本日、ウェブ制作に関するプレゼン中に先方の副社長からお聞きした言葉「サードプレイス」。

忘れないようにメモ。

サードプレイスについては
http://www.japandesign.ne.jp/HTM/REPORT/3rd_place/01/

サードプレイスについてのアンケート調査結果
http://reposen.jp/2995/12/92.html

サーバーメンテに伴うメール受信等について

2011年08月27日(土)にサーバーメンテナンスの予定となっております。

9:00から18:00の予定ですが、この間一定時間ウェブが閲覧できない場合もございます。申し訳ございませんがメンテナンス終了までお待ちいただければ幸いです。

現在お取引のあるお客様へ

メールにつきましても、一定時間ですが弊社にて新規メールを確認する事が出来ない状況になります事をご了承ください。 なるべく26日までに送っていただくか、28日以降にご送信いただければ幸いです。

ご迷惑をおかけ致しますが宜しくお願い致します。

メンテナンスは終了しております

ご迷惑をおかけ致しましたが、メンテナンスは終了しております。

通常通りメール送信可能となっております。

制作実績追加 ケアハウス回生館様

社会福祉法人松江青雲会 ケアハウス回生館様のホームページを制作させていただきました。

http://www.matsue-kaiseikan.com/

今回はJQueryを利用して少し動きを付けております。(普段の制作ではあまりJQueryは使用しないんですが)

2011年夏季休暇のお知らせ

8月13日(土)から8月15日(月)まで営業をお休みさせていただきます。

メールの方は常時確認致しますが、お返事はお盆明け16日にさせていただきますので宜しくお願い致します。

尚、緊急のご用件の場合は、その旨をお知らせいただければ対応させていただきます。

Smart Update Pinger [Ping]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

再編集時にping を送信しないようにする。(送信タイミングは新規に記事を書いた時のみ)

Smart Update Pinger(日本語)

作成済みのPDFファイルを編集

アップロード用データとしていただいたpdfについて、後日「一部を修正してもらえますか」というお問い合わせがありました。

元データ自体は、これまた別の業者様が持っておられ(つまりpdfもその業者様が作成),,,,困ったという事で,,,,

私も実は普段pdfをほとんど利用する事がなく、今一使い方すらあまり知らない今日この頃。

一応調べて応急処置できたのでその備忘録という事で,,,,(ただし、フォントの関係で上手く仕上がらない場合もあり?)

pdfのメニューから「ツール」→「高度な編集」→「TouchUpテキストツール」にて編集

以下はイメージ

PDF編集1

PDF編集2

PDF編集3

PDF編集4

Disable Revisions [リビジョン]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

リビジョン機能を無効化するプラグイン Disable Revisions

既に投稿記事がある場合(運営途中)のリビジョン削除 Better Delete Revision

Thumbnail For Excerpts [サムネイル表示]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

トップページ他、カテゴリー・アーカイブリスト一覧でサムネイルを表示してくれるプラグイン。

Thumbnail For Excerpts

<?php the_content(); ?> → <?php the_excerpt(); ?>
  • Width: サムネイルの横幅
  • Height: サムネイルの縦幅
  • Align: 画像配置
  • Default Image: 画像がない場合に代替画像を表示させるか
  • Default image: 代替画像URL
  • Link: 画像へのリンク
  • Exclusion: 画像を表示させたくないカテゴリID(カンマ区切り)
  • Regenerate: 再生成?
  • Apply on home:トップページに適用
  • Apply on archives:アーカイブに適用
  • Apply on search:検索結果に適用

Breadcrumb NavXT[パン屑リスト]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

以前同様のパン屑リストプラグイン「Breadcrumb Navigation XT」をご紹介しておりましたが、Breadcrumb NavXTの方が使い勝手が良いのでこちらをお薦めします。

設定も凄く簡単です。

http://mtekk.us/code/breadcrumb-navxt/

TinyMCE Templates [テンプレート]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

これはかなり便利

ページ・シングルページ等の入力フォーム内にテンプレート(定型フォーマット)を挿入出来るプラグイン。ボタンひとつでtable・ulなどの定型フォーマットを挿入してくれるので便利。クライアントの入力支援に,,,

ダウンロードサイト:TinyMCE Templates

Compact Archives [アーカブスリスト]

このページは、Wordpessでサイトを制作する上で必要とするプラグイン、またテンプレートタグ等の備忘録です。Wordpessプラグイン、またWordpessのテンプレートタグ等の使用方法を解説したページではありません。よって該当プラグイン、またテンプレートタグ等のご質問等にはお答えしておりません。

アーカイブリストをコンパクトに表示するプラグイン

ダウンロードサイト:Compact Archives

ページ内の日付を英語表記に変更

/wp-content/languages/ja.po

/wp-content/languages/ja.mo

上記ファイルをダウンロード(一応バックアップをとる)

Poeditをダウンロード

January – December 部分、また Jan – Dec 部分を変更保存

アップロード

WP側ソース:<?php echo the_time(‘F j, Y’); ?>

制作実績追加 松江市 4claps様

4claps WEB

4月に松江市にOPENされた子供服・アクセサリー・小物・雑貨を販売されていらっしゃる4claps様のウェブサイト制作のお手伝いをさせていただきました。

今回、ウェブデザインは4claps様!プロ仕様のソフトをお持ちで、私の仕事はかなり軽減させていただきました。現在はホームページ部分とブログ部分のみの公開ですが、これからネットショップ部分を構築予定です。

WEB:http://www.4claps.co.jp/

4claps様について少し,,,,,

読み方は「フォークラップス」。

出雲大社の 一拝 一祈念 二拝 四拍手 一拝 にちなんで名づけられたようです。

場所は松江市東朝日町151-62 2F。


大きな地図で見る

イオン前の通りを南へ、まるなか製麺様の少し先です。(まるなか製麺様側の通りで少しだけ入った所にあります。通り沿いに看板があります!

お店の雰囲気もとても良く、なんとなく長居しそうな,,,,小さなお子さんのいらっしゃる方には是非お薦めのお店ですので、一度足を運んで見られては如何でしょうか。

きっと いい御縁があると思います,,,,,

7月4日更新

3日(日)に家族4人でショッピングに。

嫁も子供もいいお店と絶賛(人もお店も)していました。

特に下の子はお店にある「お絵描きボード」が気に入ったようで「また遊びに行きたい」と連呼しています。

お茶とお菓子ありがとうございました。

制作実績追加 島根県柔道連盟様

この度、御縁がありまして島根県柔道連盟様ホームページのテンプレートのみ制作させていただきました。

トップページ+下層ページテンプレートとなり、コンテンツは柔道連盟様の方でご入力いただきます。外部wiki等を導入されており、楽しそうなホームページになっています。

テンプレートのみ制作希望のお客様がいらっしゃいましたら、お気軽にご相談下さい。