サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
パリ五輪
worpre-lab.com
『実際にDIVERが使用されたサイト・ブログを確認したい』 こんな悩みに現役のUIデザイナー・Webデザイナーが応えます。 『DIVERでどんなブログになるのか?デザイン実例が見たい』 『できればキャラ立ちさせたいので、個性的な事例を見たい』 『また、DIVERの使い勝手や評判も気になるので教えて欲しい』 DIVERはカスタマイズ性が高く魅力なWordPressテーマですが、値段もそれなりにします。 そのため『購入前に実際に使用されたサイトを見て確認したい』と考える方も多いでしょう。 昔の私も、DIVER購入前に同じ悩みを持っていました。 プロフィールは下記のとおり。Web・UIデザイナー兼エンジニアをやっております。 この記事では、DIVERが実際に使用されているブログ・サイトを幅広いジャンルから厳選し、使い勝手や評判にも触れつつ紹介しました。 お読みいただくと、『DIVERを使った、あ
要素の横幅を指定するCSSプロパティ「width」。 あるHTML要素にこのwidthを指定した場合、HTML上の親要素から影響を受けたり、影響を与えたりします。 ただ、例えば画面いっぱいの背景画像を一部エリアにのみ表現したい場合など、親要素を無視して横幅を指定したいケースもあるでしょう。 今回は、widthプロパティの値として使用する、親要素を無視して画面幅100%を指定できる単位を紹介します。 目次:親要素に依存せずブラウザ幅100%にするCSS指定 viewport幅(ブラウザの表示領域幅)の割合で幅指定する単位「vw」。 その他、viewportのパーセンテージで指定する単位をまとめると・・・ viewport幅(ブラウザの表示領域幅)の割合で幅指定する単位「vw」。 例えば以下のようなHTMLとCSSが存在し、画像エリアは画面いっぱいに広げて表示し、テキストエリアは親要素の横幅(
『新規顧客の獲得や自社イメージアップにつながるHPを作りたい』 こんな要望に現役のUIデザイナー兼Webエンジニアが応えます。 『顧客獲得やイメージアップできるコーポレートサイトを作りたい』 『制作会社に頼むと50万位かかるので、自社で作成して運用したい』 『デザインが良く運用しやすい、企業サイト用WPテーマを知りたい』 私、塩川は職業柄、コーポレートサイトを自社でリニューアルしたい方の悩みを数多く耳にしてきました。 その大半は『結局、どのWPテーマを選べば良いのか分からない』というもの。なぜなら無駄に情報があふれているからです。 今回は上記のような悩みを解消する記事を用意しました。 自己紹介は以下のとおり。 この記事では、中小企業向けの日本語有料WordPressテーマラインナップを事例付きで紹介。 後半では、無料テーマ2選および、WPを使用したコーポレートサイトの作り方や実例も解説しま
この後、カートのみ設置型ネットショップサービスの選択ポイントを解説に入ります。 前提の知識は飛ばして本題を見たい方は、こちらをクリックして『【本題】WordPressにカートのみ設置可能なサービス4選【詳細解説】』へ移動してください。 【3つある】カートのみ設置型ネットショップサービスの選択ポイント ポイントは次の3つ。 1.設置サイトから購入画面への連動がスムーズか? 2.購入画面側のカスタマイズの自由度が高いか? 3.スペックや料金などが目的と合致しているか? 各々、深掘りします。 1.設置サイトから処理画面への連動がスムーズか? カートのみ設置サービスは、基本的に自サイトに『カートに入れる』といったボタンを設置するものです。そして、そのボタンをクリックした際に商品データを一時格納しつつ、処理画面を飛ばす仕組みとなっています。 ですので、上記の連動がぎこちないものは、システムとして論外
『飲食店やレストラン等の店舗に最適なWordPressテーマが欲しい』 『ポータルサイト経由を超えるアクセスを、自サイトでも集めたい』 『店舗の魅力を伝えて来店を促進したい、できればファン化したい』 実は、店舗に特化したWPテーマを使うと、集客や来店促進に強いサイトを作りやすくなります。 なぜなら、お店の魅力(特に写真)が伝わりやすく、適切な集客機能が備わっているから。 とは言え、一般的に言って『結局、どのテーマを使えば良いのか分からない』という店舗経営者の方が多いのが実状です。 過去の私ですが、実務の中で多くの店舗経営者のニーズを耳にしてきました。プロフィールは以下のとおり。 この記事では、飲食店・レストランなどの店舗向けWordPressテーマ15選を紹介。 記事を読み終えると、運営しやすくて集客や来店促進に強いWPテーマを入手できます。 ぜひ、最後までご覧いただき、お店の魅力が伝わる
『比較サイトを作成して、効率良くアフィリエイトで稼ぎたい』 『比較・ランキングサイトを作成する具体的な手順を知りたい』 『比較・ランキングサイトに最適なテンプレートを見つけたい』 『類似商品の比較や人気ランキングは売れやすい』と目にしたものの、何を使ってどう作れば良いか分からずに挫折してしまう方は多いです。 このような悩みを解決する記事を用意しました。 記事を書いた私のプロフィールは下記のとおり。 集客用CMS開発会社のUIデザイナー兼フロントエンドエンジニア 2009年より様々なWordPressテーマをイジることを趣味にしている このサイトは2012年からWordPress情報に特化して運営、老舗の部類 アフィリエイトの報酬が数年継続して、本業の月収を超えている 著者:塩川武士のプロフィールや連絡先のページはこちら もちろん、初心者の頃から比較やランキングを活用しています。 この記事で
CSSプロパティの記述順序に、厳格なルールはありません。 ですが、ある程度ガイドラインを決めておいた方が、共有やメンテナンスがしやすくなります。 今日は、私が日々のタスクで使用している、ガイドライン(※CSS3は除く)を紹介しますので、ご参考ください。 参照ガイドライン1:mozilla.org Base Styles 有名なCSSコーディングガイドライン「mozilla.org Base Styles」に示されている、プロパティ記述順は以下のとおりです。 display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content
最近、レスポンシブデザインのサイトに様々なjQueryプラグインを設置する案件が増えています。 そんなタスクの中で使った、あるいは見てきたもののうち、今日はカルーセルパネルのオススメ5選を紹介します。 ※以下のサイトでは、予告なく提供が終了している場合があります。ご了承ください。
『有料WPテーマを検討しており、一番良いものを手にしたい』 こんな要望に現役のUIデザイナー兼Webエンジニアが応えます。 『無料WordPressテーマでは思い通りのデザインにならなかった』 『有料テーマを検討するからには、後悔しないものを手にしたい』 『情報が多すぎて、目的に合ったテーマがどれか分からずに困る』 実は自分にぴったりの有料テーマが見つかると、純粋に楽しいですし、かなり成果が上がりやすくなります。 とは言え、一般的に言って『どの有料テーマが良いのか迷ってしまい決められない』という初心者の方も多いでしょう。 私、塩川も過去に同じ悩みを抱えていました。 プロフィールは下記のとおり。 この記事では上記の経験で得た知見から、 日本語のWordPress有料テーマを網羅し、ジャンル別に整理して紹介。後半では、初心者によくある質問にも答えました。 記事を読み終えると、あなたの目的にピッ
例えば、 「※注意書きホニャララ・・・」 といった記述に対して、右の画像みたいに2行目以降を自動的に字下げしたいケースってありませんか? 今日は このようなケースを、text-indentプロパティを上手く使って、実現する方法を紹介したいと思います。 行頭を字下げするtext-indentプロパティ text-indentは、段落1行目の行頭を字下げするプロパティ。 HTML・CSSの記述や実際の表示の例は、以下のとおりです。 ◆HTML <p class=”jisage”> ※注意文とかで2行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。注意文とかで2行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。 </p> ◆CSS .jisage{ text-indent:1em; } ◆実際の表
2014年2月投稿、2017年3月最終更新。 上記のようなセリフ、あるいは「コンセプトが見えない」といった言葉など。 WEBを含め、何かの制作に携わっている方なら聞いたことがあると思います。 一方で、コンセプトの定義があいまいであることが、それを作ることを複雑にしているようでもあります。 そこでコンセプトの定義や作り方の参考、成果が出ているものの事例を紹介します。 【目次:WEBサイトコンセプトの作り方・役立つ5つの事例】 なぜ、WEBサイトにコンセプトが必要なのか? コンセプトとは何か?を定義します。 では、WEBサイトのコンセプトとは? コンセプトメイキングために、ターゲットを選定しておくことが大切。 【5つの事例紹介】優れたコンセプト事例も参考になる! コンセプト事例1.「Esty(エスティ)」 コンセプト事例2.「ヴィレッジヴァンガード ネット通販公式ストア」 コンセプト事例3.「
角丸を表現するCSS3プロパティのborder-radiusは、ご存知のとおりIE8以下では使用できません。 で、IEにおいて角丸を表現する一般的な方法にPIE.htcファイルの使用があります。 しかし、これが導入しても、なかなか上手く効かない。 (※読み込みパスの指定方法や.htaccessの設定に問題があることが多いのですが・・・) そんな時におすすめなのが、紹介するjQuery.cornerというプラグインです。 (※もしjQueryファイルの読み込みがまだの場合は、こちらの「jQueryプラグインの使い方入門 HTMLでのファイル読み込み3ステップ」の記事を参照ください。 jQuery.cornerの使い方3ステップ 実装は簡単、以下の3ステップを行うだけです。 1.jQueryCornerの公式サイトからプラグインをダウンロード 以下のサイトからプラグインをダウンロード(サイト左
『TCDは種類が沢山あるので、各テーマの価格や特徴を比較したい』 『最もかっこいい美しい日本語のWordPressテーマを手に入れたい』 『企業向け、店舗向け、EC用など利用目的にあったテーマが欲しい』 実は、この記事で紹介するTCDテーマは、日本でとても人気が高いラインナップになります。 なぜなら、初心者でも文章と写真を入れるだけで、Web制作会社レベルのサイトを作成できるためです。 とは言え、種類が多いため各テーマの価格や特徴を比較しにくいと感じる方も多いでしょう。 過去の私も同じようなことを感じていました。 プロフィールですが、こんな人間です。 この記事では、TCDの全WordPressテーマの用途と価格を一覧表にまとめました。 後半では、各テーマの特徴を深掘りして解説してます。 記事を読み終えると、TCDの全テーマを比較した上で、あなたの目的に最適な機能を持つオシャレで美しい日本語
ワードプレスやブログサービスでは、RSSを使って投稿記事を様々なメディアに飛ばすことができます。 Ping送信設定は外部対策必須といえますので、もしまだのようでしたらワードプレス管理画面の【設定】→【投稿設定】→更新情報サービスに、以下のURLを貼りつけて保存してください。 Ping送信先(コピペでお使いください。) http://ping.blogmura.jp/rpc/ http://ping.cocolog-nifty.com/xmlrpc http://blogsearch.google.com/ping/RPC2 http://ping.exblog.jp/xmlrpc http://ping.fc2.com/ http://ping.rss.drecom.jp/ http://rpc.reader.livedoor.com/ping http://api.my.yahoo.co
『無料テーマが多すぎて、どれを選んだら良いのか?悩む』 『初心者でも使いやすい日本語の無料テーマを見つけたい』 『できれば無料なのに有料級のWordPressテーマが欲しい』 一般的に言って『無料のWordPressテーマを探そうと思っても、情報が多すぎて混乱してしまう』初心者の方が非常に多いです。 昔の私も同じでした。そこで、上記のような悩みを解決し、要望にお応えできる記事を用意しました。 自己紹介は以下のとおり。 この記事ではCMS・WordPressのプロの視点から、SEOに強いブログ向けを中心に、コーポレートサイトや店舗向けも含めて日本語のWordPress無料テーマ厳選25種を紹介します。 記事を読み終えると、機能性が高くSEOに強い『あなたの目的にピッタリ合った無料テーマ』を入手できます。 流し読みでも充分に役に立ちます。最後まで、、、いやメンドくさい場合は、最初の10選だけで
※2012年09月投稿、2017年1月更新。 当サイトは、私がワードプレスと呼ばれるシステムを使ってきた長年の経験や、Webサービスの開発現場で身につけた事などを、 サイト制作 初心者の方にシェア する目的で運営しています。 そして、このページでは、 「ワードプレスって聞いたことはある。でも一体何なの?」 という方に向けて、プログラムやデータベースの話を交えつつ入門的な解説を行います。 【目次:ワードプレスとは?を初心者向けに超ガチで解説】 初心者のあなたに捧ぐ!「ワードプレスとは何なのか?」 オープンソース・フリーのブログソフトって何? ワードプレスの特徴やメリット・利点・長所とは? 1.更新が簡単な、自社(自分)サイトを作ることができる。 2.通常のブログとは違った、固定ページを作ることができる。 3.ワードプレスには、SEOに強いメリットがある。 4.ワードプレスは、世界でも日本でも
先日、当サイトのグローバルナビデザインを少し変えてみました。そこでグローバルナビゲーションメニュー関連の情報です。 グローバルナビを作る方法は主に、1.画像をCSSで切り替える。2.jQueryを使う。3.CSS3を使用する。の3つがあります。 今日は上記3つのうち、 主にCSS3で制作された(一部jQueryを併用)グローバルナビゲーション100事例と、その作り方が説明されている 海外サイトを紹介しましょう。 100個のグレートなCSSメニュー事例とチュートリアル 海外サイト「noupe」では、「100 Great CSS Menu Tutorials」という記事で、優れたナビゲーションメニューの100事例およびその作成、カスタマイズ方法を紹介。 実際のサイトは下記のURLからご覧下さい。 →https://www.jotform.com/blog/100-great-css-menu-
日本語WordPress有料テーマのまとめ 『有料WPテーマを検討しており、一番良いものを手にしたい』 こんな要望に現役のUIデザイナー兼Webエンジニアが応えます。 『無料WordPressテーマでは思い通りのデザインにならなかった』 『有料テーマを検討するからには、後悔しないものを手にしたい』 『情報が多すぎて、目的に合ったテーマがどれか分からずに困る』 実は自分にぴったりの有料テーマが見つかると、純粋に楽しいですし、かなり成果が上がりやすくなります。 とは言え、一般的に言って『どの有料テーマが良いのか迷ってしまい決められない』という初心者の方も多いでしょう。 詳細を確認する
このページを最初にブックマークしてみませんか?
『無料ブログ30選 | WordPressラボ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く