Photoshopデザイナーの手にかかると誰でも痩せて美人になれる(イメージ変身1)
・ 現代人は見た目で勝負！Photoshopデザイナーの手にかかると誰でも痩せて美人になれます。 ・ A子さんに、先にメイクの練習だけを特訓して、マスターしてもらうとこうなります。 ・ プロフィール写真の自分に追いつこうと…
Photoshopで カバーをかっこよくつくるポイント
このポートフォリオの中のカバーは私自身が制作しています。これらはPhotoshopで制作しているのですが、そのカバー制作過程について解説します。カバー制作、プロとアマチュアの違い。私もプロのWebデザイナーになる前に感じていたのは…
サイト速度を改善するデザイナー段階での軽量化へのグラフィック制作
デザイナーのグラフィック作成時から、軽量化･最適化を意識したグラフィックを作る。通常Wordpressの場合、まずは稼働プラグイン数を抑える事に全力をあげます。なぜならプラグインが多すぎるとサイトの速度が遅くなるからです。実際プラグイ…
APIのチャート製作で UX/UIも秀悦なウェブ表示できます
Photoshopでグラフィックを作るとこうなります。これはPhotoshopで作ったカバーの一例です。もとの画像はこちらでした。この例のように、Photoshopでは画像を複数枚使い、それぞれを編集加工して、最適なグラフィ…
ieやedgeで表示されない病を克服したグラフィック
Webコーダーやデザイナー、エンジニアが 皆悩まされている ie&edgeの問題があります。ついにこの時がやっとやって来ました！今後は日本でもie&edgeのブラウザシェアが徐々に減っていくと思われる告知がマイクロソフト…
HTML&CSSのECサイト、CSSだけで一瞬でデザイン変更！
ウェブサイト制作の3つのパターン。▶︎ プラットフォームを使用する方法。プラットフォームとは、楽天とかYahooとか、ECキューブ、カラーミーショップとか既存システムを使用する方法。▶︎ CMSを使用する方法 - 動的ウェブサイト。…
レスポンシブでスマホ・タブレット対応のグラフィック
レスポンシブでスマホ・タブレット対応のグラフィック制作レスポンシブ：つまりスマホ対応のウェブサイトですが、数年前まで「既存サイトのレスポンシブ専用Webサイトを別途独立させたい」とか「全体をレスポンシブとPC併用にリニューアルさせ…
ECでは グラフィックの出来次第で商品がひきたつ
ECでは商品グラフィックの出来次第で商品をひきたたせる事ができます。ECサイトでは商品バナーのグラフィックの出来次第で、商品が売れたり売れなかったりします。つまりいかに秀悦なグラフィックを作れるかが、Ulデザイナーの腕の見せどころで…
差別化するグラフィック製作のポイントはどこですか？
差別化するグラフィック製作のポイントはどこですか？メンズアパレルECサイトのコンテンツ用グラフィックスです。Photoshopでコンテンツ用グラフィックを作りました(グラフィックは一部ぼかして掲載しています）プロデザイナーが作った…
UXに精通した UIデザイナーのグラフィックパターン
UXに精通した UIデザイナーのグラフィックパターン事例です。UX(User Experience)は、ユーザーにウェブで心地よい体験をしていただくための概念です。またUXとは別に、こういうパターン使用などUI（User Inter…
WordPress：サイト制作後にやらなければならない５つの必須事項
ウェブサイトが完成してホッとしたところですが、制作後にもやる事は沢山あります。「えっ？完成してもまだやる事があるんですか？」驚かれると思いますが、その通りで、以下の５つの事はやっておかないと、見る人が見た時に「格安で作ってもらっただけ…
php my adminインストールとsqlのバックアップをWordPressで行った
Wordpressのバックアップには、なぜphp my adminが必要なのか？php my adminがないと、データベースsql（DB）のバックアップがとれないから。php my adminというウェブ仕事人なら誰もが知ってるsq…
WordPressカスタムフィールド表示のために PHPをカスタマイズする
PHPをカスタマイズするクライアント案件で記事投稿に本文以外に、別の欄を追加で入れたい時があります。この場合は、single.phpに手を加えてカスタマイズする高度な作業を行います。カスタムフィールドの表示・非表示切…
OGPとTwitterカードをWordPressで実装した SNSに強い施策
上の画像のように、デバイスにあわせて横幅を自動調整表示してくれる、このレスポンシブサイト、スマホでもタブレットでも、縦でも横でも自動で横幅にあわせて表示してくれるから便利ですよね。TwitterカードとかOGPって何ですか？URL…
WordPressでWelcart！ECサイトのカートを実装検証してみた
Wordpressプラグインの中に、Welcartというショッピングカートプラグインがあります。このプラグインを実際にサイトに実装して検証してみました。Welcart ワードプレスプラグインのカートを実装検証してみた● 制作期間…
WordPressで構築した会員制サイト事例「フェロモン美肌組」
・ Webデザイナー業の傍、コスメeコマースを副業にしています ・ WordPressで構築した会員制サイト事例です ・ WORDPRESSでの会員制サイトはセキュリティに問題がないのか？ ・ 会員制サイトに必要なコン…
WordPressで新サイト制作の前にやる必須の前準備あります
新規ウェブサイトの制作を依頼したい方のために、制作前必須の前準備をまとめました「必須の前準備って知っておいた方がいいんですか？」と聞かれそうですが、その通りです。丸投げしたいお気持ちはわかりますし、丸投げでお受けするのはもちろんなの…
レスポンシブ 多くのデバイスに対応表示できるサイト制作
スマホ、タブレット、パソコンどのデバイスにも対応表示できるウェブサイトの制作。このポートフォリオサイトの場合、Wordpress1個でどの横幅サイズにも表示対応できるように制作しています。このようにウェブサイトを１本だけで、PCのみ…
古くてボロボロサイトの再生化！★WordPressサイトリニューアル！
長い間放置ぱなし、古くてボロボロのワードプレスサイトを、再生化した実例です。これがBEFORE/AFTERとは、あまりの違いに驚きますね！ただもっと驚かれるのは、コンテンツはまったく同じという点なんです。これが BEFORE、AF…
WordPressで既存ウェブリニューアル前に調べておくマルチサイト機能
借りてるサーバーがマルチサイト機能仕様であるかどうかを事前に調べる必要がある時ワードプレスで現在の既存サイトをそのままアクセス可能な状態のまま、リニューアルサイトの制作を行いたい場合があります。なるべく準備中の期間を短くするためです…
自社開発のシステムサイト作りました
・ 自社開発のシステムサイトって何ですか？ ・ なぜ自社で開発するのですか？ ・ どんなメリットがあるんですか？自社開発のシステムサイトって何ですか？ウェブ制作のプラットフォーム（ベースにするWeb制作のOS…
JavascriptでjQueryプラグイン化☆画像が流れるように動く
Javascriptでウェブの動きをサンプル制作してみました。これはキャプチャーです。トップイメージはjQueryのスライダーで、動きは分割しながらフェードします。これは既存品をサンプルにして、動きは最初に画像・サイ…
Meta Sliderを採用し、PHPカスタマイズしてやっと実装できた
・ Meta Sliderを実装したら、４種類のスライダーに切り替えできた。 ・ Meta Slider実装の時に間違いやすいポイント１つ目。 ・ Meta Slider実装の時に間違いやすいポイント二つ目。 ・ Me…
WordPressカスタムフィールド表示のために PHPをカスタマイズする
PHPをカスタマイズするクライアント案件で記事投稿に本文以外に、別の欄を追加で入れたい時があります。この場合は、single.phpに手を加えてカスタマイズする高度な作業を行います。カスタムフィールドの表示・非表示切…
WordPressでサイトマップを自動表示 PS AutoSitemapの設定
記事が増えると自動で更新されていく便利なウェブの地図、サイトマップを作ろうこのサイトマップとSEO用のsitemap.xmlとは別物です。混同しやすいのですが、ここで設定しょうとしているサイトマップとは、アクセス対策のためのsitem…
WordPressサムネイルの画像サイズをPHPで修正する
PHPを書き換えるワードプレスでPHPに手を加えなければならない場面は多くあります。今回はサムネイル画像サイズがあわず、loop.phpをカスタマイズして修正した内容です。Wordpress、サムネイルの画像サイズ、再読込でリサイ…
Javascriptをカスタマイズし overlayを成功させた
Javascriptをカスタマイズし overlayを成功させる方法先週からjavascript → jQueryと進んでいるのですが、やはりJavascriptカスタマイズですから、.（ドット）をスタイルシートのclassの意味か…
Wixの機能もっと詳しく解説します
・ Wixの有料プランはコンボプランを契約しました。 ・ コンボプランの管理メニューはこれです！ ・ おしゃれな500種類以上のテンプレート。 ・ 特に秀悦な追加アプリ機能がこんなに満載！ ・ AIの質問に答えると…
Wixのおしゃれなテンプレート500種類以上
これが実際のWixテンプレートです。キャプチャー撮っておきました。Wixのテンプレートって、本当におしゃれなのか確かめたいですか？こちらで実際に動きを確かめられます。Wixの機能もっと詳しく解説します。Wixを使いエンタ…
Wixを使いエンタメ公演サイトを制作しました
・ どうしてホームページ作成用のプラットフォームを使うのか？ ・ Wix,Jimdo,Goopeグーペの機能比較。 ・ Wixでエンタメ公演サイトを作りました！動的サイトのプラットフォームが各種リリースされ、コ…
APIのチャート製作で UX/UIも秀悦なウェブ表示できます
Photoshopでグラフィックを作るとこうなります。これはPhotoshopで作ったカバーの一例です。もとの画像はこちらでした。この例のように、Photoshopでは画像を複数枚使い、それぞれを編集加工して、最適なグラフィ…
Jimdoでもここまでできる！コスパのいいコーポレートサイト
Jimdoなど、運営を自社で行いたい時に使えるプラットフォームがあります。ブログよりも少し、発展したシステムで、カンパニーサイトのみならず、ネットショップも作成できるWixやJimdo（ジンドゥー）というシステムがあります。無料から…
コスメECサイトをCMSで制作した実例。年間１千万売上継続！
化粧品のECサイトです。特に広告もせず、年間１千万以上の売上を10年以上続けています。小規模ECサイトです。一般的にECサイトは、アマゾンや楽天、Yahooショッピングなどのショッピングモールに出店する型と、独自店タイプがあります…
WordPressで新サイト制作の前にやる必須の前準備あります
新規ウェブサイトの制作を依頼したい方のために、制作前必須の前準備をまとめました「必須の前準備って知っておいた方がいいんですか？」と聞かれそうですが、その通りです。丸投げしたいお気持ちはわかりますし、丸投げでお受けするのはもちろんなの…
レスポンシブ 多くのデバイスに対応表示できるサイト制作
スマホ、タブレット、パソコンどのデバイスにも対応表示できるウェブサイトの制作。このポートフォリオサイトの場合、Wordpress1個でどの横幅サイズにも表示対応できるように制作しています。このようにウェブサイトを１本だけで、PCのみ…
古くてボロボロサイトの再生化！★WordPressサイトリニューアル！
長い間放置ぱなし、古くてボロボロのワードプレスサイトを、再生化した実例です。これがBEFORE/AFTERとは、あまりの違いに驚きますね！ただもっと驚かれるのは、コンテンツはまったく同じという点なんです。これが BEFORE、AF…
WordPressで既存ウェブリニューアル前に調べておくマルチサイト機能
借りてるサーバーがマルチサイト機能仕様であるかどうかを事前に調べる必要がある時ワードプレスで現在の既存サイトをそのままアクセス可能な状態のまま、リニューアルサイトの制作を行いたい場合があります。なるべく準備中の期間を短くするためです…
PAGE TOP