各種SNSのシェアボタン設置用URLまとめ！サンプルコードも | Web Design Trends
Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設定しなければなりません。 今回は、SNSごとにシェアボタンに設定するためのURLや設定の方法などをご紹介します。 オリジナルでシェアボタンを設置するメリット 公式サイトのジェネレータやプラグインを使ってシェアボタンを作成することができますが、オリジナルでシェアボタンを作成するメリットにはどのようなものがあるのでしょうか？ 思い通りのデザインで作れる WordPressのプラグインにシェアボタンを設置できるものは色々と公開されていますが、意外とデザインのバリエーションが少なく、思い通りのものが見つかりません。 HTMLとCSSがある程度理解できていれば特に難しい技術は必要ないので、自分でシェアボ
[Liquid]GETクエリの値を取得する｜hmeta
https://xxxx.myshopify.com/search?type=product のtypeの値を取得したい時のLiquidでの処理を紹介いたします。 下記コードをファイル名：snippets/function_get_query_value_by_key.liquidで保存します。 {%- capture contentForQuerystring -%}{{ content_for_header }}{%- endcapture -%} {%- assign pageUrl = contentForQuerystring | split:'"pageurl":"' | last | split:'"' | first | replace:'\/','/' | replace:'%20',' ' | replace:'\u0026','&' -%} {%- assign ge
![[Liquid]GETクエリの値を取得する｜hmeta](https://cdn-ak-scissors.b.st-hatena.com/image/square/36d273e94fca45a6aa2f84fd6db957454739a30a/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F44645245%2Frectangle_large_type_2_b9322b8a71c86b84924747a44290e9d5.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
ブログ記事で、前の記事・次の記事ボタンを設置したい。
今見ているブログ記事のページから、前後のページ(古いor新しい記事)へ飛ぶボタンを設置したいです。 イメージはこんな感じです。 {%- if paginate.previous -%}/{%- if paginate.next -%}を使うのはなんとなくわかるのですが、、、。知識がなく、下手な質問で申し訳ありません。
【Shopify】トップページに商品のタグ一覧を表示する方法【重複なし】 | わやずぶろぐ
Shopifyで、トップページに商品のタグ一覧を重複なしで表示する方法の解説記事です。 かなりピンポイントの話ですが、一般化すると以下のようになるかと思います。 Liquidテンプレートにおいて、配列の中で重複したものを削除して表示する方法 PHPで言うところのarray_uniqueにあたります。 » array_unique Liquidでは同じような処理がなく、少し遠回りしなければなりません。 今回は、「Liquidで配列を作る、要素を追加する」を参考にさせてもらいました。 Liquidテンプレートには癖があり、慣れるまではひと苦労です。 以下の２つは、Liquidを理解するのに必須のサイトです。 Liquid template language（ShopifyによるLiquidの解説サイト）Shopify Cheat Sheet この記事を書いている私（わや@wayasblog）は
【Shopify】シンプルなページネーションを実装する【サンプルコードを日本語で解説】｜liquid note | 初学者向けShopify情報ブログ
ページネーションのサンプルコード 以下のページにサンプルコードが掲載されています。 https://shopify.github.io/liquid-code-examples/example/accessible-pagination <style> .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } </style> {%- paginate blog.articles by 5 -%} {%- for article in blog.articles -%} <!-- show blog article detail
【Shopify】新着情報・お知らせ一覧のセクションを作成する【簡単】｜liquid note | 初学者向けShopify情報ブログ
いわゆる新着情報が縦並びになってる「お知らせ一覧」って日本のサイト、特にコーポレートサイトだと定番のコンテンツですが、Shopifyのテーマではあまり見かけないですよね。（大抵は四角いブログ記事が横に3つ並ぶのが1種類用意されているだけ・・） ただ、案件としては、「ECにもコーポレートサイトの機能を持たせたい」とか「ニュースティッカーくらい普通にあるでしょ？」みたいな声をいただくことも多いです。。 そこで今回は、トップページにお知らせ一覧を追加するためのサンプルコードを作成してみました。 ▼今回作成するサンプル▼ 【まずはコピペ】トップページに「お知らせ一覧」のセクションを追加する まずは「オンラインストア」>「テーマ」を選択します。 次に編集するテーマの「アクション」から「コードを編集する」を選択します。 「新しいSectionを追加する」をクリックして、お知らせ一覧を表示するための場所
Shopifyで階層のあるパンくずリストを実装【サンプルコードあり】｜liquid note | 初学者向けShopify情報ブログ
特に国内向けストアだとご要望として多いのが「パンくずリスト」ですよね。 商品数やカテゴリが多い場合には確かにあると便利ですが、Shopifyのテーマでは基本的にデフォルトでは対応していません。 そこで今回は、Shopifyでパンくずリストを自力で実装する方法をご紹介します。 一番基本のパンくずリストの作り方 基本となるパンくずリストの作り方は、Shopifyの公式サイトでも紹介されています。 https://shopify.dev/tutorials/customize-theme-add-breadcrumbs 「breadcrumbs.liquid」みたいなスニペットを作って、以下のコードをコピペすればOKです。 {% unless template == 'index' or template == 'cart' or template == 'list-collections' %
4.0から大きく変わった「PA-API v5.0（Amazon API）」の使い方！
Amazon APIの仕様が変わり2019年12月1日から新しいバージョン5.0のPA-API（Product Advertising API）と移行します。 これに伴い、2019年11月30日までに移行が完了していない場合は現在のPA-APIは使えなくなるということです… Product Advertising API （以下PA-API）の新しいバージョン（PA-API v5)についてお知らせいたします。 PA-API v5への移行を2019年11月30日までに実施しなかった場合、現在のPA-APIはご利用をいただけなくなります。 引用 ： PA-API v5移行のご案内 ※ 自分は「Amazon API」と呼んでいましたが、正確にはPA-APIなので、今後はPA-APIに統一します 変更方法としては、以下の2ステップです。 ステップ1: PA-APIのアクセスキーはアソシエイト・セン
UIImageOrientation / EXIF orientation sample images
Whilst I was doing some work with images recently I was in desperate need for some sample images which were tagged with the EXIF orientation flag for each of the 8 orientations which are supported by UIImage in its UIImageOrientation metadata. I couldn’t find any already out there, so I made my own. And now I’m posting them here for anyone who might also find this useful. I now have these saved on
.htaccessでパラメータつきのURLをパラメータなしのURLにリダイレクトする方法 - F.Ko-Jiの「一秒後は未来」
最近よくGoogleアラートで見覚えのないページが通知されてきていました。具体的には、このブログのトップページのURLに更新日時がパラメータ(クエリ)としてくっついたものです。 (例) http://blog.fkoji.com/?08271006 こんなURLをこのブログからリンクさせた記憶はなく、アクセスログを調べてみると、とあるサイトからこのパラメータつきのリンクが貼られていることが分かりました。 ただのbotからのアクセスなら構わないのですが、サイトからリンクされているゆえにGooleがインデックスしてしまい、重複コンテンツとなってしまいちょっと困ります。 そこで.htaccessを使ってパラメータなしのURLにリダイレクトさせることにしました。 参考にしたページはこちら。 » .htaccess hack: remove query strings from URLs 具体的には
第5回 位置情報を保存しよう（前編）：位置情報サービスのはじめ方｜gihyo.jp … 技術評論社
今回から2回に分けて、位置情報をDatastoreに格納する方法をいくつか紹介します[1]。 数値型で保存する 緯度経度の情報をデータベースへ格納するときに、もっとも簡単な方法が数値型として保存する方法です。緯度経度がとりうる値の範囲は、以下の通りですので、システムに必要な小数点以下の数字を考慮して型を決めましょう。 はてなフォトライフでは、写真に緯度経度のメタ情報を設定することができますが、高精度な緯度経度情報は必要ないので、型を以下のように指定しています。 latitude decimal(7,4) longitude decimal(7,4) decimal(7,4)という指定は、10進数で7桁のデータで、小数点以下は4桁まで格納するというものです。 あるオブジェクトの緯度経度を保存し、表示するだけならこれだけで十分ですが、位置情報を中心に扱うサービスになると、格納したデータを緯度
Items
Codex This is a list of items from last.fm's GetHypedTracks Page 1 Shape Glasser (#1 / ID 1) Souls Like the Wheels The Avett Brothers (#2 / ID 2) Prism Tim Hecker (#3 / ID 3) Taking Over Joe Goddard (#4 / ID 4) Brave This Storm Trivium (#5 / ID 5) Radiance Tim Hecker (#6 / ID 7) Live Room Tim Hecker (#7 / ID 8) Live Room Out Tim Hecker (#8 / ID 9) Black Refraction Tim Hecker (#9 / ID 14) Stigmata
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
