SYMMETRIC Web開発ブログ
レスポンシブWebデザイン、CSSフレームワークなど、Webフロントエンド開発に関するBLOGです。
※SYMMETRIC公式BLOGと統合し、ブログ名称を変更しました

WooCommerceの使い方

 WordPressプラグイン「WooCommerce」は、ECサイトを作るための代表的なプラグインです。 この記事ではWooCommerceを使い、商品の登録や税の設定、決済方法の設定など、ユーザーがショッピングを行えるようになるまでの最低限の使い方を解説します。 WooCommerceとは Woo …

Contact Form 7による問合せフォーム作成

 サイトを閲覧しているユーザーとコミュニケーションをとるための機能として問い合わせフォームを設置したいという要望は、サイトを作る際、もしくは運用している際に自然に考えることだと思います。 しかし実際に問い合わせフォームを自力で設置しようとする場合、フォームの見た目をだけではなく裏側で動く仕組みを作り、 …

All in One SEO Packの設定方法と使い方

 All in One SEO Pack は導入実績やネット情報の情報も多く大変すばらしいプラグインなのですが、多機能ゆえに設定項目が多すぎるという点が、唯一の難点かもしれません。 シンメトリックではSEOコンサルティングサービスを展開しています。その中で、WordPressのSEO対策をすることも多 …

WordPressのSEO対策8選

 WordPressでのSEO対策は、SEOプラグインを入れるだけで終わりではありません。WordPressの標準機能・テーマ・プラグインを適切に組み合わせて使うことと、各記事ごとにタイトルやディスクリプション・見出しを設定することが大切になります。 この記事では、WordPressでSEOを強化する …

BtoBサイトでSEO効果を上げるには?キーワード設計や動線設計が重要

 製品やサービスなどの特徴や導入メリットの文章を書き、キレイなデザインで作成した渾身のWebサイト。リリースしても中々アクセス数が伸びない、問い合わせが伸びない・・・という経験はないでしょうか? ひょっとするとSEO上での問題があり、そもそもWebサイトがターゲットとするユーザーの目に入っていない可能 …

レスポンシブ対応のおすすめCSSフレームワーク5選【2020年版】

 こんにちは、開発チームの宇都宮です。 普段はレスポンシブと同様のマルチデバイス対応を実現するモバイル開発プラットフォーム「alter.js」に携わっています。 レスポンシブデザインを実現したい場合、CSSフレームワークを使用することでデザインのレイアウトやUIを簡単に作ることができます。CSSフレー …

サイドバー内のコンテンツをスマホに配置するための3つの方法

 PCサイトが2カラムレイアウトの場合、スマホサイトではサイドバーをどの位置に配置すればよいでしょうか?この記事では、レスポンシブでサイドバーをレイアウトするための代表的な3つの配置方法について、HTML・CSSを使った具体的なやり方とメリット・デメリットを含めて解説します。

JavaScriptでスマホ判定する2つの方法

NO IMAGE

 Webページを閲覧しているデバイスがスマホかどうかをJavaScriptで判定するには、様々な方法があります。UserAgent文字列から判定するのが代表的な方法ですが、ブラウザサイズから判定する方法や、デバイス判定ライブラリを使う方法もあります。 しかしながら、UserAgentはOSやブラウザの …

Datepickerを日本語化/祝日対応/スマホ対応する

 jQuery UIのDatepickerは、日付をカレンダー表示できるウィジェットです。フォームで日付を入力するときに大活躍するのですが、いざ使ってみると「日本語化」「祝日表示」「スマホ対応」をどうすればよいか、悩むことになります。 そこで今回は、jQuery UI の DatePicker ウィジ …

スマホのCookieを特定サイトだけ削除する方法

NO IMAGE

 Cookieを使うWebサイトをテストするとき、特定サイトのCookieだけクリアしたいときがあります。 「すべてのCookieをクリアする」という手順はすぐにわかるのですが、特定サイトのCookieを削除する方法、特にスマホブラウザで行う方法についての情報は多くありません。 そこで、今回はスマホの …

1 2 3 4 5 6

Page Top