Category Archives

8 Articles

サイトロゴ作成~初心者でも簡単に無料で作れるサイトロゴ~

by 空岡大地

=========================================

サイトを作成する上で必要になるのがサイトの目印、サイトロゴです。
サイトを初めて作る方にとって大きなハードルになるかもしれません。

「サイトロゴをどうやって作ればいいかわからない」「外部に依頼すると高くつくからどうしよう」といったお悩みを解消します。
誰でも簡単に無料でサイトロゴを作れる方法をご紹介致します。

最後に作ったサイトロゴの画像のサイズ変更方法もご紹介します。
サイト作成を気持ちよくスタートさせてください。

==========================================

初心者にオススメのサイトロゴ作成ツール
store.jp logo maker ・・・柔らかく、優しい印象のロゴが作りたい方向け
Squarespace Logo・・・オシャレな印象のロゴを作りたい方向け

===========================================

◇LOGO MAKER(store.jp)
~シンプルでかなり簡単にロゴを作れます~
https://stores.jp/logo

作成手順
1.ロゴの名前を入力してください
ロゴの名前を編集したいときは、テキスト欄で編集。
2.キャッチコピー欄を入力(必要がなければ入力しなくてもOK)
3.画像・テキストをドラック&ドロップしてお好みのレイアウトに。
POINT・・文字カラーやフォントも選べます

4.完成したら保存するだけ。
5.保存する画像サイズを選択。

◇Squarespace Logo
~シンプルかつオシャレなロゴが簡単に素早く作れます。~
URL:https://logo.squarespace.com/

サイト表記は英語ですが、
操作方法は簡単でLogoMakerとほとんど同じです。

作成手順
1.ロゴの名前を入力してください
ロゴの名前を編集したいときは、テキスト欄で編集。
2.キャッチコピー欄を入力(必要がなければ入力しなくてもOK)
3.画像・テキストをドラック&ドロップしてお好みのレイアウトに。
POINT・・文字カラーやフォントも選べます

4.完成したら保存するだけ。
5.保存する画像サイズを選択。

POINT : ロゴのダウンロードについて
・商用利用禁止ですが、400x400px(PNG)が無料でダウンロードできます。
・Squarespace Logoの会員は5000x5000px(PNG)までの解像度の高いダウンロードが可能です。
非会員の方でも10ドルで購入可能です。

アイコンは今見えているものだけではありません。
Squarespace Logoはアイコンのバリエーションが豊富でなおかつオシャレです。
もちろん文字フォントや色も好みに合わせて変更できます。

たとえば、アイコンと文字フォントを変えてみるだけでこんなに印象が変わりますよ↓

AIRPLANE、BOAT、STAR、CIRCULE、FLOWERなどSearch欄で自由に検索してみてください。
GOODやHAPPYといった形容詞でもたくさんアイコンが出てくるので面白いですよ。
お気に入りのアイコンが見つかるのではないでしょうか?

==========================================

・サイトロゴ画像のサイズを変更しよう。

サイトロゴが完成したら、次は画像をお好きなサイズに変更します。
画像サイズを変える時に便利なツールがあります。「IMAGE440 画像変換サービス」です。
早速ですが画像変換サービスを使って画像ピクセルを変更しましょう。
URL:https://www.image440.com/

◇編集手順
1.「ファイルを選択」で画像を選択。
編集したい画像を選択して下さい。

2. 変換フォーマットを用途に応じて選択。

※表でご案内の予定
JPEG形式:写真の保存に使われる形式です。
1677万色以上のフルカラーで保存ができます。

GIF形式:イラストに使われる形式です。
256色までしか表現できませんが、背景の透ける透明色を指定できるなどの特徴があります。

PNG形式:次世代のWEB用画像ファイルです。
フルカラー、透明色や透明度を指定できる、可逆圧縮ができるなど優れた点が多いです。

3.変更方法を選択。

画像のサイズ変更方法が選択できます。
~横・縦のピクセルを自分で設定したい場合は「縦横サイズ」を選択すると、
自由に横縦のピクセルを決めることができます。~

あとは「変更実行」をクリックするだけ。
これで画像サイズの変更は完了です。

==========================================

みなさんお気に入りのサイトロゴはできましたでしょうか?
サイトロゴはサイトの中でも大切な要素の一つです。
サイト作成初心者の方はこれから分からないことがたくさん出てくるかと思いますが諦めずに頑張りましょう!

CDNが無料で使えるレスポンシブECサイト構築ショッピングカート

CDNが無料で使えるレスポンシブECサイト構築ショッピングカート

みなさんこんにちは。12月に入り、本格的な年末商戦シーズンになりました。

12月は旧暦で「師走(しわす)」とも言います。語源は諸説あり、はっきりないことが多く正確には分かっていません。一説には、年末になると「師(僧侶)」が忙しく「走」りまわることから、師走と付けられたとも言います。

さて、今回はECサイトの表示速度の改善が期待できるCDN(コンテンツデリバリーネットワーク)についてご紹介します。
Read More

ネットショップをレスポンシブウェブデザインにすべき理由

ネットショップをレスポンシブウェブデザインにすべき理由

今回はネットショップをレスポンシブウェブデザインにすべき理由を考察します。これまでネットショップの多くはPC中心のサイト運営をしてきました。2017年多くのネットショップのサイトは変化対応ができておらず、いまだPC中心の運営になっているのではないでしょうか。しかし時代が大きく2つ変わりました。それは「既にネットショップ利用者が既にモバイル中心になったこと」、もう一つが「PC向けのネットショップではなく、スマホやタブレット、PCなどマルチスクリーンに対応しなければいけないこと」です。

この時代背景からネットショップがなぜレスポンシブウェブデザインにしなければいけないか、逆にしなければどうなるのか、を考察します。
Read More

【jQuery】レンスポンシブな固定フッターメニューの作成方法

【jQuery】レンスポンシブな固定フッターメニューの作成方法

固定フッターメニューを作成する

弊社がある滋賀県ですが、今月雪が降る日が多く冷え込んでいます。

お陰様でしもやけに悩まされておりまして、仕事に集中できません。。。
辛いです。。。

はい!ということで皆様いかかがお過ごしでしょうか。サポート部の本田です。

去年の年末くらいから、サイトでよく見られるハンバーガーメニューを使うことをやめたら
PVが増えたとか、再訪問が増えたとか色んなメリットがあるという記事が話題になっていました。

Read More

Youtube動画の埋め込み方法

Youtube動画の埋め込み方法

Youtube動画の埋め込み

サポート部の市川です。
通販サイトでは動画を活用することで、ユーザーの購買意欲を高めることができます。
実店舗で商品を見たり触れたりすることができない代わりに、動画を見ることでユーザーは商品を擬似体験することができ使用感・イメージを高めることができるからです。
今回はYoutubeにアップロードした動画をサイトで活用できるようサイトへの動画埋込方法についてご紹介します。とても簡単なので積極的にご活用ください。

Read More

【JS】【wordpress】google feed APIを代替する方法

【JS】【wordpress】google feed APIを代替する方法

by 山本健 9 Comments

google feed API遂に廃止か?!

サポート部の山本です。

先週大きなニュースがありました。

google feed APIが動かなくなっているということです。。。

正確には、廃止したのかはわかりませんが以前にも一旦廃止され、その後復旧するということがありました。
復旧するかもしれないという可能性に懸けるのも一つですが
この際別の方法で実装するのが良いかと思います。

ということで今回は代替方法をご案内します!

Read More

nmapを用いたポートスキャン

nmapを用いたポートスキャン

こんにちは、開発部山田です。
今回はセキュリティの観点からポートスキャンについてのお話です。

Read More

保護中: レスポンシブリニューアルでメーカー自社ECサイト展開の基盤を確立 靴下業界国内No.1 岡本株式会社様

by 黒河宏太郎

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。