サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
welcustom.net
ツイート B! ブックマーク Google+ Pocket Facebook FlexSlider2は、非常に有名なスライドショーのjQueryプラグインです。WordPress用のショッピングカートプラグイン「wooCommerce」(超有名)を開発しているwooThemes社が、無料で配布しています。 ライセンスはMITで、商用利用可能です。 Welcart用無料テーマの商品ページ(デモはこちら)でも導入しました。 スライダーを導入出来るWordPressプラグインもたくさんあるので、もちろん自分が使い勝手がよいものを使うのがいいと思います。 私も以前、Welcart公式ガイドでも紹介されていた「Meteor Slides」というプラグインをトップページ用に導入したことがあります。ただMeteor Slidesは、スライダーに使わない画像もスライダー用の縦横比の画像サイズで勝手に生成保
このように、検索結果に文章以外の詳細情報を表示させるには、価格などの情報部分に必要なマークアップを行い、構造化データを追加する必要があります。 難しくないのでチャレンジしてみましょう。 もくじ 「構造化データ」をGoogleはどう判断している? Google推奨のmicrodataと利用できるボキャブラリー 商品ページの必要情報をマークアップ! パンくずリストにも構造化データをつけてみよう まとめ 1.「構造化データ」をGoogleはどう判断している? 上述の検索結果の例などように、「レビュー」「商品」等の必要な部分に構造化データをマークアップしていれば、Googleが自動的にそれを拾い上げて表示してくれるようになります。 Googleでは、このような「構造化データ」をページに付け加えることを推奨しています。GoogleのCEO、マット・カッツ氏も、ユーザーからの「マークアップは必要?」と
ツイート B! ブックマーク Google+ Pocket Facebook 昨今のハッキング事情で特に騒がれているのが「ブルートフォースアタック」という、無差別攻撃です。 総当たり攻撃 (そうあたりこうげき)とは、暗号解読方法のひとつで、可能な組み合わせを全て試すやり方。力任せ攻撃、もしくはカタカナでブルートフォースアタック(英:Brute force attack)とも呼ばれる。- WikiPediaより WordPressは特に、インストール時のデフォルトユーザー名が「admin」となっているのが穴となり、ハッキングの対象になっているようです。 現に2013年夏には、ロリポップサーバーで運営されていた8,000件以上のサイトがハッキングされるという事件も起きています。 第三者によるユーザーサイトの改ざん被害に関するご報告(ロリポップ) Welcartはもちろん、ECサイトを運営してい
ツイート B! ブックマーク Google+ Pocket Facebook WordPress用に、表示速度を上げるキャッシュ系プラグインは数多くあります。しかし、Welcartではセキュリティ上の観点から、キャッシュ系プラグインは気軽に取り入れるべきではありません。 キャッシュ系のプラグインは、一度動的に生成されたウェブページを静的ページとして圧縮して、サーバー上の別の場所に保管し、次にアクセスがあった場合に表示させます。保存されたページがWelcartの会員ページであった場合、他の閲覧者から会員情報が見えてしまうといったことが、実際に起きているそうです。 一方、ブラウザのキャッシュ機能は、閲覧者のローカルのパソコン上に、閲覧者が一度開いたページを記録する「一時ファイル」とも呼ばれるものです。 閲覧者が同じページを一定期間内に2回以上訪問する際、以前のデータがパソコンに残されているため
ツイート B! ブックマーク Google+ Pocket Facebook Twitterボタンの実装はもはや常識となっていますが、Twitterにどう表示されるかまでもコントロールすれば、シェアの広がり方にも違いが出てきますよね。 Twitter Cardsという、Twitter用のmetaタグを追加すれば、以下のように商品情報を表示させることが可能です。 という訳で今回は、備忘録も兼ねてTwitterの表示のカスタマイズを紹介。 Twitter Cardsのしくみ Twitter Cardsでは、<head>内でTwitter専用のmetaタグを指定することにより、Twitterでシェアされた際にサイト情報を詳しく表示させることが出来ます。Facebookでシェアされた時にも出るOGP等のしくみと似ています。 Twitter Cardsには現時点では7種類(+2種類の広告)のカードの
ツイート B! ブックマーク Google+ Pocket Facebook Welcartの無料テーマを探して当サイトにいらっしゃる方も多いです。 検索すると、種類はまだ多くないですが、いくつかの無料・有料のWelcartテーマがヒットします。Webデザイナーの皆さん、まだまだ勝負出来る市場ですよ?(笑) ・・・とか書きつつ、どうなんですかね。Welcartのシェアはあまり高くないような気もするし、Yahoo!ショッピングが無料化された現在では、わざわざ独自ドメインでECサイトを運営しようという我々のような中小企業は減っていくのかもしれません。 (ちなみに、Yahoo!ショッピングは楽天に比べると客単価が少ないと言われています。独自ドメインにも客層がそれぞれあるとは思いますが・・・) ・・・それはそれで、今回は既成のWelcart用テーマです。以下、ユーザー目線で感想を書いておりますので
ツイート B! ブックマーク Google+ Pocket Facebook WordPress.orgにWelcart用テーマを申請する過程で、色々と問題を指摘されたそもそも論として、「プラグインがないと動かないテーマは認められない」ということがありました。 チェックして下さった方とのテーマレビューのコメントのやり取りの中で、「特定のプラグイン用のテーマなら、これを使ってみたら」とアドバイス頂いたのがTGM Plugin Activationです。 ライセンスはGPL2.0。テキストドメインにも対応されているので、自分で言語ファイルを用意すれば英語以外での表示も可能です。 TGM Plugin Activationとは テーマ内に設置しておくと、WordPressのテーマを有効化した時に「このテーマは○○というプラグインのインストールを必須としています(or 推奨しています)」、またはイ
ツイート B! ブックマーク Google+ Pocket Facebook 他にやりたい人がいるかわかりませんが、自分の備忘録としてメモ。 Welcartをベースに、WordPressでECサイトを自分で作ろうとすると、意外と「カテゴリー分け」がネックになってきます。特に、プラグインなしでパンくずリストや関連商品を表示させたい時です。 WordPressのプラグインは便利ですが、裏で様々に複雑な処理を行うため、プラグインの組み合わせによっては不具合を起こしたり、処理が重くなり、サイトの表示速度が遅くなります。SEO対策にも、プラグインは少ないに越したことはありません。 プラグインを使わず、直近のカテゴリーだけで関連記事を表示させる方法は、当然Welcartユーザーでなくても利用できるものになっています。 もくじ Welcartのカテゴリー分けについて よくある「プラグインなしで関連記事を
ツイート B! ブックマーク Google+ Pocket Facebook 時々知人などにWordPress + Welcartの作り方を聞かれることがありますが、その中で多いのが「今あるWordPressに、Welcartを乗せられるの?」という質問です。 もちろん可能ではありますが、色々注意点も多いのが、Welcartとブログの共存。大きく分けて、二つの方法があります。 方法1・カテゴリーで分ける Welcartをインストールすると、自動的に「商品(スラッグ:item)」というカテゴリーが自動的に作られます。 従って、商品には「商品(スラッグ:item)」を利用して、ブログ用には「ブログ(スラッグ:blog)」というカテゴリーを作って適用させる方法です。単純な普通のカテゴリー分けです。 1つのWordPressで、ショップとブログを管理したい場合 Welcartの商品とブログが混在し
ツイート B! ブックマーク Google+ Pocket Facebook (2014/4/24更新)手順4番の、class属性付与の手順を大幅に見直しました! WelcartのECサイトのカゴ落ち対策で、住所などのお客様情報の入力時に、リアルタイムで入力内容をチェックするjQueryを導入。 デフォルトのエラー表示では「次へ」のボタンを押してからエラーが出るので、レジに並んでお財布を出しかけたお客様の気を削ぎます。 苦労の末、リアルタイムでのエラー表示をWelcartにも実装出来ました。 使ったのはjQuery-Validation-Engineというプラグインです。「プラグイン」と言っても、WordPressの画面からダウンロード出来るプラグインとは違い、自分でダウンロードした.jsファイルを使用中のテーマに設置して使います。 jQueryはこういった表示などに便利なプラグインが多く
ツイート B! ブックマーク Google+ Pocket Facebook WelcartとEC-CUBE。どちらも日本生まれの無料カートシステムで、ECサイトを作ろうとする場合の選択肢になることが多いこの二つ。 実は私も、EC-CUBEの利用を検討したことがあります。が、WordPressに慣れすぎてしまっていたためか、テンプレートの中身がさっぱりわからずで挫折した経験の持ち主です。 1. Welcartを使ってみて WelcartはWordPressのプラグインという立ち位置なだけあり、WordPressでウェブサイトを構築したことがある方ならば、割とすんなり使うことが出来ると思います。 とは言え、Welcartの標準機能は最低限のもので、自分のしたい送料設定などが出来ない場合が多く(特に、重量計算に対応していない)、カスタマイズしたい場合には時に高度なPHPの知識が必要になります。
勉強に使った本 デザイン, WordPress 「WordPressデザインブック HTML5&CSS3準拠」は、2015年9月に発売された、エビスコムさんの最新ウェブ本です。 WordPress3.xに対応していた2011年発売の同タイトル本(当時のレビュー… 続きを読む
ツイート B! ブックマーク Google+ Pocket Facebook 以前のエントリーで、WordPressの標準のコメント機能を使ってWelcartにレビューシステムを追加しました。 更に、楽天やAmazonのような5段階の星評価もあると、よりいいですよね。 WordPressのプラグインには評価機能を追加するプラグインが数多くありますが、色々試した中でWelcartに合いそうだったのが、この「Comment Rating Field Plugin」です。 Comment Rating Field Pluginは、コメントを送信する際に同時に星による5段階評価を行えます。 もくじ Comment Rating Field Pluginの特長 インストール方法 設定方法 有料版もある その他の評価系プラグインの感触 1. Comment Rating Field Pluginの特長
ツイート B! ブックマーク Google+ Pocket Facebook GoogleのPageSpeed Insightsでサイトの読み込み速度を最初に改善しようとしていた時、なかなか悩ましかったのが「圧縮を有効にする」という項目でした。 ※PageSpeed Insightsについてはこちら。 「圧縮を有効にする」とは、Googleによれば(こちら・英語)、ウェブサイトのデータをサーバー側で圧縮してから閲覧者側に送ると、表示速度が短縮されるものとのこと。 今回も「ブラウザのキャッシュを活用して、表示速度アップ」の改善策と同様、.htaccessに文言を足すだけで完了。ですが、サーバーのスペックにより、対処方法がいくつかある模様です。 以下では、私のWelcartのECサイトで試した方法と同様のやり方です。 圧縮を有効にする方法 私が参考にしたのはこちら。ページの表示速度を改善する方
ツイート B! ブックマーク Google+ Pocket Facebook ECサイトの商品ページには、今やあって当然の評価&コメント欄。ですがWelcartのデフォルトテーマにはコメント機能はありません。 WordPressのコメント機能をそのまま使えば、簡単にコメント機能をつけられます。 下記コードがWordPress標準のコメントフォームを表示させるコードです。 <?php comment_form(); ?> 更に、投稿コメントを表示させるコードはまた別にありますので、こちらもお忘れなく。 <ul> <?php wp_list_comments(); ?> </ul> 上記の2種類のコードを好きな場所(例えばsingle.phpなど)に入れれば、コメントフォームの表示が出来ます。 コメント機能の設定 Welcart用にWordPressのコメント機能を使う場合、公開設定は「承認制
(2014年4月23日追記)この記事を書いた時点ではなかったのですが、Welcart公式サイトで「この情報は古いです」との注意書きが出ていたのを本日確認(それも、3年も前に新しい方法になっていたらしい・・・)。新しい退避の方法は、「wc_template」フォルダを使用テーマ内に設置し、カスタマイズしたいテンプレートをWelcartプラグインフォルダ内の「wc_template」からコピーしてきて設置します。すると、自動的にそちらが読み込まれるようになります。 function.phpへの退避コードは必要ありません。 Welcartの商品詳細ページやカートページなどをカスタマイズしたい場合は、テンプレートをWelcartのプラグインフォルダから使用中のテーマフォルダにコピー・ペーストして、それを変更していく必要があります。 と言うのも、Welcartにアップグレードがあった場合はプラグイン
ツイート B! ブックマーク Google+ Pocket Facebook 前回、「郵便番号から住所を自動表示」の記事では、header.php内に一行追加するだけで郵便番号の自動表示が出来るプログラムを紹介しました。 プログラムの作者の方から、「新しくプラグインが出来た」とのコメントを頂きましたので、早速インストールして使ってみました。 zipaddr-jpを使ってみて 一行追加の時も、ただ追加するだけだったので非常に楽でしたが、プラグイン化されたことで住所候補表示をするための入力桁数設定が出来、より自分のサイトにあった表示方法を選べるようになりました。 zipaddr-jpのインストール方法 [プラグイン]>[新規追加]より、zipaddr-jpを検索。 zipaddr-jpの項で「いますぐインストール」をクリック。 インストール完了後、有効化する。 またはWordPressのプラグ
ツイート B! ブックマーク Google+ Pocket Facebook Welcart利用者でも、Yet Another Related Posts Pluginを関連商品表示に使っている方は多いのではないでしょうか。 Welcartを利用しないWordpressでも、関連記事を表示させる為に非常によく使われているプラグインです。 商品詳細ページの終わりに関連商品を表示させれば、回遊率が上がりお客様の離脱を減らす対策にもなります。 以下の説明では、このようにWelcartで関連商品を表示させる方法を説明しています。 Yet Another Related Posts Pluginのダウンロード [ダッシュボード]>[プラグイン]>[新規追加]から、「Yet Another Related Posts Plugin」を検索。 Yet Another Related Posts Plug
このページを最初にブックマークしてみませんか?
『Welcart カスタマイズ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く