WordPressテーマフレームワーク「Beans」で投稿の更新日を表示させる方法

beans

Beansは構造化データマークアップ(schema.org)されたWordpressテーマフレームワークの一つです。

構造化データマークアップされていることでGoogle検索結果での表示が最適化(リッチスニペット)され、サイトへの流入の促進、SEO対策にも期待できます。

ただ必ずしもリッチスニペットとして表示されるとは限らないようで、条件も年々厳しくなっているようです。

続きを読む

Sketch.appで画像や写真にマスクやグラデーションマスクをかける

sketch

画像や写真の切り抜きによく使うマスク(Mask)
PhotoshopやIllustratorを使ったことがある人にとってお馴染みのツールですが、使い方がPhotoshopやIllustratorに慣れているとちょっとややこしい。

普通にマスクをかけたつもりが他のオブジェクトが消えてしまったり、マスクをかけた画像がいつの間にか違うところに移動してしまったり。。

マスクはSketch上でデザインを作るのに重要な機能です。
ここではマスクのかけ方から、その注意点などについて詳しく解説していきます。

続きを読む

【初心者におすすめ】WordPress向けレンタルサーバ比較2017

エックスサーバー

Webサイトの運営で重要なものの一つが「レンタルサーバ」
安いものであれば月数百円から使うことができるものもあれば、数万円もするサーバもあります。
あまり安いものを選んでしまうと、サーバのスペックが足りずページの表示が遅かったり、サーバがダウンしやすいこともあります。

WordPressの使う場合、htmlファイルやCSSファイルとは別にデータベースが必要になってきます。レンタルサーバによってはデータベースが無いものもあります(安いプランは特に)
またデータベースを必要とするのでスペックもある程度重視する必要があります。さらに最近はセキュリティ面も重視されるようになってきていますので、その点も見過ごせません。

そこでWordpress向けのレンタルサーバを比較してみました。

続きを読む

Webデザイナー必見!Sketchの背景パターンのデザインで使えるサイト4選

Bg-patterns

SketchはUIデザイン作成に特化したアプリでMacのみで使用できます(2017年8月現在)
フォトショップのように写真加工は無く、イラストレーターのように多機能ではないけど、両者と比べて圧倒的に軽量で、各デバイスごとに書き出せるのが便利!そして(アドビと比べて)安価!

筆者は案件によってSketchとフォトショップを使い分けていますが、それぞれアプリに特徴があって、

「なんでこの機能はフォトショップに無いんだろう。。」

「Sketchのこの機能をもう少し使いやすくしてほしいなぁ。。」

といったことがよくあります。
続きを読む