Webデザイナー挑戦– category –
デザイナーがWebデザイナーに挑戦し、コーディングやデザインマターでの困りごとや調査内容、他の専門家との情報交換等を投稿します。
-
お名前.comのドメイン追加からWordPressインストールまで
新米アピコです。 WEBデザイナーなら、1からWordPressでのサイトを構築しなければならないということで、ドメイン作成からインストールまでを行ないました。 分かって仕舞えばものの10分で終わるのですが、分からないと1時間以上かかちゃいます！ 既存のド... -
Shopify ECサイト制作過程
アピコです。 ShopifyでのECサイト構築はデザイナー単独でもできる！！ とのことで（汗）、初めてShopifyに入ってみるとWordPressと同じような編集方法でECサイトができます。 （WordPressの賢威を使ってサイトを作たブログもあります） なるほど、アプリ... -
【初心者コーダー必見】コピペで実装できる参考サイト
■Pote Stock とっても簡単にHTMLとCSSで実装できる参考コードがコピーできます。 ※アピコの場合はtplファイルでシステムが入り込んで複雑すぎて成功できませんでした（汗）。 https://pote-chil.com/html-maker/ ■動くアイデア帳 いろんな動く表... -
インデント【無料】HTMLのコード整形ツール
コーディングにはインデントを入れるルールがありますが、複数のエンジニアやコーダーが入ってコピー＆ペーストなどで編集した時、かなりインデントが乱れ、コードがわからなくなることがあります。 そんな時、カンタンにページのインデントを整形してくれ... -
WordPress「賢威」コーポレートサイトをつくる 【4日目】
アピコです。 ワードプレスに賢威の設定ができたのでサイト表示確認をしたら、URLの末尾に/wp/が付いています！？ 「お客様がLPやダイレクトメール、または、名刺などでサイト表記したときカッコ悪いのではないか？」 という課題ができてしまいました。 サ... -
jQueryで数値を「＋/−」で増減させるスピナーボタン
アピコです。 ECサイトでご要望の多い、数値を「＋/−」で増減させるスピナーボタンをご紹介。カラーはサイトのトーン＆マナーを意識して変更してください。 新米なので、円の上に「＋」「ー」がうまくハマる方法がわからず、作業時間は1時間弱かかりました... -
要素の上にチェックボックスを重ねる方法
アピコです。 今回はECサイトなどで商品を選択して一括で追加するときなどに使うチェックボックスのご紹介。 画像の上に表示させたかったので、なるべく分かりやすいように大きめに表示しました。 /* コメント*/ を参考に入れ替え、利用してみてください... -
メインビジュアルに画像を重ねてリンクを張る方法
メインビジュアルに画像を重ねてリンクを張ってほしいとご依頼がありました。 今回はメインビジュアルに対し２つの画像（マーク）を配置して、①PDFリンク（ダウンロードしない場合はdownloadを削除）②サイト内ページリンクを貼りました。幾つでも重ねるこ... -
WordPress「賢威」コーポレートサイトをつくる 【3日目】
サイトイメージの基になるヒアリングの重要性 前回ご紹介したアピスのヒアリングシートですが、お客様のご記入が終わり本日ご提出いただきました。 今回のヒアリング項目は16つになります。（必要に応じで付け足してください） サイトタイトルドメインサー... -
ECサイト お知らせのバッチ表示
TPL <div class="news"> <a href="news/list/"> <span class="news-badge">!</span> </a> </div> CSS .news-badge {margin-top: -25px;box-sizing: border-box;min-width: 14px;height: 14px;padding: 0 5px;border-r...
