ツクるツボ
【Shopify】商品一覧画面にNEWのラベルのつけ方
こんにちは！最近ホグワーツレガシーを先行プレイしてウハウハの我が君です。賛否両論分かれる評価でしたが、神ゲー確定です。どこが凄いのか説明したいんですが、こういうタイトルに関係ない話をだらだら語りだすブログって超嫌いなんですよね。今回はこんな感じに商品一覧にNEWや新着商品、期間限定みたいなラベルを付ける方法をお教えします。 使用しているテーマはDawnです。原型留めてないですけど（笑） メタフィールドを新規作成 とにかく先にメタフィールドで定義をつくることから始めましょう。設定からカスタムデータに入り定義します。画像の説明をしますと名前は商品情報のページ（商品管理のページの）で何を定義しているのか分かるように設定しましょう。セールなら”セール”だったり”期間限定”にしたり。ネームスペースとキーはliquidでコーディングするのに必要な項目です。新規で登録する際に”custom.”と入っていますが消して自分の好きな感じで定義していいです。でも分かりやすい名前に定義しておきましょう。新商品なら"newarrival_〇〇"セールなら"sale_〇〇"みたいな。説明は何を定義したものなのかとか、このメタフィールドの使いどころとか明記しておきましょう。タイプではいくつか用意されていますが、”NEW”や”SALE”のような単語を貼りたいので”単一行のテキスト”にしましょう。メタフィールドは極めれば、例えばカラーピッカーを表示してお客さんに好みの色を選んでもらったり、弊社のようにデータを送ってもらったり、ラッピングが必要か？の選択をしてもらうことができます。今後そこもお教えします。 コードを編集する メタフィールドのネームスペースとキーで作成したのを入れ込みます。ここではコーディングが必要になってきますので頑張っていきましょう！…といいたいところですがコピペしたらできるようにコードを貼っときます。スニペットのcard-product.liquidの<div class="card__badge {{ settings.badge_position }}">のdiv内にコピペしてください。 {%- if card_product.metafields.newarrival_product.tag != blank -%} <span class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}"> {{card_product.metafields.newarrival_product.tag }} </span> {%- endif -%} 全体のコードです。...
【Shopify 】スライドショーにリンクをつける！！！
※Dawn Ver.9にアップロードされますとものすごくレイアウトが崩れます…現在調査中ですのでそれ以降のバージョンでお試しください…Shopify をカスタマイズし過ぎて何が何だか分からなくなってきました、クロエ・ルメールです。 CMでも言ってますオンラインショップを始めるならショッピファイ♪って言ってますけど、まぁ～絶妙にかゆいところに手が届かないテンプレートばかり。有料はどうか知りませんけど（笑）でも唯一Shopify で褒めるべきなのはカスタマイズ性の高さです！そして今回お教えするのはスライドショーにリンクをつける！というものです。セクションの項目にaタグ付けたらいいんじゃね？と思ったんですけどこれ…for文で生成されるからaタグ付けたら全部のスライドに同じリンクがついてしまう…かといってコーディングすんのもめんどくさい。できたらカスタマイズページで簡単にリンク先をつけれるようにしてほしい… こんな感じで…ってできんの！？できちゃいます！ これがあれば複数してるブログのリンクを貼ったり、おすすめしたい商品ﾊﾞﾅｰにリンクを貼って特集ページに飛ばすことだってできます！てかなんでこれが標準でないねん！って話ですけど！ セクションのslideshow.liquidをいじる Dawnを使っていますが、大体のテーマで使える技術だろうと思います。タイトルの通りにslideshow.liquidを開いてずっと下へ{% schema %}のところに以下のコードをほほいのほ～いと入れます。 { "type": "url", "id": "image_link", "label": "Image Link" } 一応下に前後のコードも入れておきます。たまにエラーになる原因としてカンマ忘れがあります。気を付けてください {% schema %} "blocks": [ { "type":...
神戸のご当地萌えキャラ探してみた！
東北には東北ずん子やずんだもんがいて栃木にはまろに☆え～るというアイドルがいて京都には地下鉄に乗るっの京ガールズがいて…そんなこんなで各都道府県には必ず一人はご当地萌えキャラがいるじゃないですか？ 出典:東北ずん子 出典:まろに☆え～る 出典：地下鉄に乗るっ 僕のイメージこういう萌えキャラブームって涼宮ハルヒの憂鬱から始まったと思っています。らき☆すた、けいおん！と来て（京アニばっかり（笑））けものフレンズやあの日見た花の名前を僕達はまだ知らない。、ガールズパンツァーなどなどそんなアニメの聖地になって町おこし等が盛んになってそのキャラクター達が市民権を得て広報などを行っていますよね。羨ましい！！！！こういうサブカルチャーでの興行収入ってすごいじゃないですか！町が賑わうと、町は豊かになる！まぁ…別に神戸がどうこうしたところで関係ないんですけど…で、ふと思ったんです。神戸に萌えキャラっているのかな？と。神戸に住んで30年『はばたん』と『ワケトン』が萌えキャラでありゆるキャラと思っていましたが…果たして神戸に萌えキャラはいるのか？調べてみました！ 引用：兵庫県ホームページ 因みにはばたんってヒヨコじゃなくて不死鳥だそうです。ずっとヒヨコだと思ってた…ごめんね…はばたん… いまいち萌えない娘 神戸の萌えキャラ？と言えば”いまいち萌えない娘”ですねぇ！時をさかのぼること9年前…2011年1月、神戸新聞社がサブカル部門のアルバイト求人に用いたキャラクターです。一躍ネット界のアイドル（？）になったいまいちさんはご当地キャラになるんじゃないですか？ 出典：いまいち萌えない娘twitter いまいちさん今ではVtuber化もされています 北神弓子 お次は北神急行電鉄のPRキャラクター”北神弓子”2020年6月1日北神急行線市営化に伴い、神戸市営地下鉄北神線のPRキャラクターとなりました。とっても可愛らしいデザインですね！ヴィッセル神戸やコベルコ神戸とコラボもしていまして結構可愛がられていました！京都の地下鉄の京ガールズに負けじとより沢山メディアに露出して欲しい！これからももっと活躍して欲しいですね！ 出典:神戸市交通局 有馬輪花と有馬楓花 続きまして有馬温泉の温泉むすめ・”有馬輪花（ありまりんか）”と”有馬楓花（ありまふうか）”有馬温泉特別観光大使、神戸市公認キャラクターにも就任しています。たぶん今波に乗っている萌えキャラじゃないでしょうか？温泉街を盛り上げる温泉むすめのキャラクターです！めちゃくちゃ熱が入っており、PRもすさまじいです！イラストレーターはMika Pikazoさんとさくら小春さんです。Vtuberの輝夜ルナとガールフレンド（仮）のイラストレーターと言えばピンときますか？（笑） 出典:温泉むすめ 温泉むすめのwebサイトへ 以上です。はやっ（笑）え？？？3組だけ…？検索の仕方では『神戸 萌えキャラ』という検索をしたり、様々なネット記事などを見てみたんですが…出ないんです！残念！ところで温泉むすめの経済効果ってめちゃくちゃすごいらしいですね！海外からのお客さんも温泉むすめ目当で来られる方もいるとか…有馬温泉も例外ではなく、各お店に有馬輪花と有馬楓花の特大パネルが置いてあったり、限定グッズが販売されているなど、めちゃくちゃPRされています！写真を見ると結構良くて集めたくなりました！北神弓子もそれに乗じてコラボして相乗効果を狙うべきですね！（笑）いかがでしたか？神戸では残念ながら３組のみでしたが、兵庫県というくくりで探して見るとかなりヒットしました。もちろん温泉むすめのキャラクターが２名城崎温泉と湯村温泉の温泉むすめがいます。兵庫県版はまた別の機会に…
動画配信とかで使えるフリーBGM・SEサイト【商用利用可能】
今回はYoutubeや配信サイトとかで使えるフリーBGMを配信している神サイトや神クリエイター様たちをご紹介します！BGMがあるだけで大きく動画の映えは変わってきますし、なるべく他者と被らないBGMとかを選ぶことで一種ブランディングにもなってきます。こんなサイトもあるのかと参考になれば幸いです。 BGMer BGMerへアクセス DOVA-SYNDROME DOVA-SYNDROMEへアクセス 甘茶の音楽工房 甘茶の音楽工房へアクセス 魔王魂 魔王魂へアクセス MusMus MusMusへアクセス HURT RECORD HURT...
めっちゃ使える！無料イラスト素材サイト19選【商用利用可】
こんにちは！ゲットライドアムドライバーのジェナス・ディラです！嘘です。今回はポスターやチラシ、WEBバナーとかで使える商用利用可能の無料素材サイトをご紹介します。調べるとこれだけの神クリエイター様が素材を作って配布してくれています！感謝感激です！ACイラストやいらすとやの素材を利用するのもいいですけど、ちょっと違ったテイストの素材を使うことで他とは違うぞ！感を出せていいですよ！ 参考にしてください～ ソコスト https://soco-st.com Loose Drawing https://loosedrawing.com shigureni free illust https://www.shigureni.com ちょうどいいイラスト https://tyoudoii-illust.com ガーリー素材 https://girlysozai.com unDraw https://undraw.co/illustrations ...
【商用利用可】Vtuber用無料素材サイトまとめてみた
Twitterにて「配信素材」って検索すると神クリエイター様が配信素材やツイートで映える素材なんかを無料で配信してくれています。どれもこれも高クオリティーなのですが商用利用ができないのがほとんどです。本ブログでは商用利用可能でお使いいただける素材サイトをピックアップしました！自分のキャラクターにあったデザインの素材をダウンロードして配信を盛り上げていきましょう！ AOmaterial AOmaterialはVtuber・配信者が配信やSNSなどで使用する素材を7，000種類以上を個人、法人、商用、非商用問わず、無償で配布しています。 ものすごい数の素材を配布してくれています。どれもこれもクオリティが高く見ているだけでホレボレするデザインの素材で溢れています。AOmaterialのリンク 素材屋あいりす 素材屋あいりすは、「商用利用可」「報告不要」のフリー素材サイトです。 品質が圧倒的に高く、素材の質感が伝わってきます。素材屋さんというよりは一種の芸術品を見ている感じです。それほど高品質なデザインの素材が多いので、おのずと配信内容が上品になりそうです。素材屋あいりすのリンク Booth Pixivが運営しているプラットフォームです。利用するにはPixivアカウントが必要ですので作成してください。Boothは有料のものから無料のものまで、どのサイトをも圧倒する素材の数です。今回は無料にフォーカスしてリンク先も無料の素材がヒットするようにしてあります。一応検索結果は商用利用も可能の素材で絞っていますが、違う場合もありますのでそれぞれのクリエイターさんの規約をよく読んでご利用ください。Boothのリンク 3つだけ！？そうなんです…Vtuberの人で使えるサイトってなると意外と少なかったです…以前ご紹介したＡＣイラストとかを駆使すればいいと思うんですけどーまぁダウンロード数も限られてるし、今回のテーマで考えたら紹介したサイトのがいい感じかなぁと思いました。参考にしてくれたら嬉しいでゲス☆