Graphic & new technology

現在広告を出稿いただいているWixのPRを兼ねて、紹介記事を書いてみます。

Wixは、コーディング不要で簡単にサイトの作成・公開ができるサービスです。

ビジネスや音楽、エンターテイメント、デザイン等のカテゴリー毎に、たくさんのテンプレートが用意されていて、テンプレートを選ぶとパワポのような操作感で、テキストや画像を編集することができます。

編集が終わると、公開リンクをクリックするだけでWebサイトを公開できます。

無料版では、右上と下部にWixの広告が表示されますが、有料版に移行すると月額1,000円程度から、広告を非表示にすることができます（ホスティング費用（レンタルサーバ代）も込み）。

サイドバーにカテゴリーが表示されていて、
多くのテンプレートの中からソート・選択することができます。

「表示」ボタンをクリックすると、サイトのプレビュー画面に遷移。
「このサイトを編集」ボタンをクリックすることで、
早速サイトの作成が始められます。

パワポ感覚で操作できるUI。
左に並んでいるメニューボタンから、
画像の差し替えや背景色の変更、サイトの設定などをカスタマイズできます。

右上の「公開」ボタンをクリックすると、自分のサイトのURLが表示されます。

「今すぐ保存」をクリックして、サイト公開。
無料版の場合は右上と下部に広告が表示されます。

App Marketというものも用意されていて、お問い合わせフォームやFacebookのプラグイン、画像ギャラリーなどの機能を追加することもできます。

有料版では、独自ドメインも設定可能です。

コーディングがネックでサイト制作ができていない方は、一度試してみてはいかがでしょうか。

無料ホームページを作ろう | Wix.com

WordPressでカスタムフィールドを表示したい場合以下ですが、
見出しが入ってしまうのと、if文の後にechoしたい場合などに応用がききません。

<?php the_meta(); ?>

そのため、カスタムフィールドの値のみを出力するには、
以下のように記述します。

<?php
$meta = get_post_meta($post->ID, 'media', true);
echo $meta;
?>

ref: カスタムフィールドの使い方

WordPress 3.5.1でカスタムフィールドを表示（有効化）するには、
管理画面の右上「表示オプション」をクリックし、
「カスタムフィールド」にチェックを入れます。

illustratorでパワポのような、ヘッダやフッタ等の共通部分の管理をしたいときは、
以下のメニューで素早くペーストします。

「編集 / すべてのアートボードにペースト」

shortcut: shift + option + command + v

version: CS6

illustratorでデザインした状態で、
アンチエイリアス オフのテキストを書き出すには以下のようにします。

1. Photoshopを使う

テキストをコピーしてPhotoshopにテキストをペースト後、
トリミングしてPhotoshopで書き出す

2. illustratorでがんばる

スライスは使いにくいので、
illustratorでテキストを新規ファイルにペーストして、
「command + option + shift + s」でWeb用に保存。

「アートボードサイズでクリップ」のチェックを外し、
「文字に最適」か「なし」を選択して保存（「アートに最適」だとぼやけてしまう）。
Photoshopで開いてトリミングして保存。

というわけで2の方法は2度手間なので、結局最初からPhotoshopでやります。

Color Swatchesは、カラースウォッチのような見せ方のできるjQueryプラグインです。

Color Swatches

Spotlightを呼び出すショートカット：

control + space

Finder上でSpotlightを呼び出すショートカット：

control + option + space