誰でも作れる！無料WordPressテーマを利用した、ミニサイトの具体的な作り方
先日「アキレス腱断裂からサブスリー」というミニサイト(情報サイト)をオープンしました。 作り方は、 まずはひたすらコンテンツを書き進める 公開直前に無料テーマを利用して一気にデザインする です。デザインは後からいくらでも変更できます。まずは主役となるコンテンツを書くことが最優先。コンテンツができたら、既存のテーマを利用して時間をかけずにサクッと作って、公開してしまうのがコツです。 本記事を読めば、誰でもWordPressを利用して、ぱっと見て問題ないミニサイトを作れるようになるでしょう。 ミニサイトは短期間勝負 ミニサイトは、ジャンルを絞った方が成功しやすいです。しかし、必ず上手くいくとは限りません。よって、あまり時間をかけずにサクッとつくることが大切です。仮に失敗してもダメージが少なくて済みます。さすがに半年かけて作ったサイトが鳴かず飛ばずだと、ガッカリします。 サクッと作ってダメだった
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
3日で作るホームページ中級偏・PHP、CGIメールフォームの設置法を解説。迷惑メール対策にも効果的
レンタルサーバーにCGIメールフォームの設置法を解説します。迷惑メール防止にも効果的です(^_-)-☆ CGI、PHPメールフォームの設置 こちらではPHP版のメールフォームを使用します。メールフォームは迷惑メールの防止や、聞きたいことを前もって書いてもらうことができるため、 多くのサイトで一般的に使われています。 mailtoを使う方法もありますが、これはメールアドレスがhtmlファイル内に記述されているため、 迷惑メールの格好の的になってしまいます。 これを防ぐためにもメールフォームはいまや必須となっています。 ここでは管理人が別サイトで配布しているメールフォームPHPを使います。 設置方法はそれほど難しくはありません。 ただ無料サーバーではPHPやCGIが使えないことがほとんどなので、これはレンタルサーバー限定で利用することが可能となります。 PHPメールフォームのダウンロード それ
歌うWeb屋でおなじみのWebライダーに直撃取材まとめ
恋のSEOという歌を聞いた事があるだろうか。1ピクセルの戦いに疲れたり、SEOで順位が変動したりして格闘している人に向けた癒し（？）の歌が存在する。 今日はそんな超絶マニアックな歌を、 無謀にも『紅白歌合戦でなんとか歌いたい』という夢をもったWeb屋さんでおなじみの「Webライダー」さんに突撃取材させてもらいました！ 京都で噂のホームページ制作チーム「WEBライダー」←ココ とにかく、かねともさんがいっぱい写ってるblog::941:NHN Japan株式会社 に行ってきた！にインスパイアされて、私も取材させてもらった次第です。 そう、京都のWebライダーさんをね！ ちなみに代表の松尾茂起さんとは、Twitterでフォローしあうようになったのがきっかけでお話するようになったのです。 とりあえずCMです Web屋業界ではあまり知らない人はいないだろうけど（いいすぎたけど）、もし知らない人がい
ソーシャルボタンの設置で気をつけるべきこと
Facebook Like Button / FindYourSearch ツイートボタンや、いいね！ボタン、はてブボタンなど、ソーシャルボタンを設置するブログが増えてきています。 ソーシャルメディア上で拡散することで、アクセス数の増加を図ることができます。やらないよりはやったほうが良いという考え方は、決して間違いではありません。ただし、ボタンの設置には十分注意が必要です。 マイナス・アピールに注意 ソーシャルボタンには二種類あります。カウント数が表示されるボタンと、されないボタンです。カウント数とは、ブクマやリツイート数のことです。数が多いと、記事がにぎわっていることをアピールできます。 ところが、アクセス数が少なくて、ブクマ・リツイートされにくいブログだと、カウントが「0(ゼロ)」と表示されてしまいます。ゼロを見た読者に「このブログはあまり読まれていない = 面白くない」と、判断されて
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌
CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ Ajaxスタ
NAVERフォトエディター
インストール不要、完全無料のNAVERフォトエディター。簡単操作で多彩な演出が可能な写真編集ソフトです。
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース - かちびと.net
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
０円の広域負荷分散システムCloudFlareが素晴らしい件 | fladdict
fladdictの非公式プロジェクト（いわゆる裏dicct）に、posemaniacs.com というサービスがある。 絵のデッサン素材を無料配信するサイトだけど、いつのまにやら老舗サイトに。気がついたら1日の転送量が30〜40GBまで膨れ上がっていた。あまりの負荷にホスト元のhetemlさんでアクセス規制、あわや閉鎖の危機の大ピンチ。わりと本気で、Pixivとか星海社とかマール社にサービス譲渡とかしようか悩んだ今日この頃でした。 そんな折、@ku_suke さんのご了解で導入してみた、CloudFlareというサービスが、全ての危機を救ってくれた。マジ多謝です。 どういうサービス？ CloudFlareはCDN（広域負荷分散システム）。世界5カ所にデータセンターを有し、データをキャッシュして各地に配信するこで負荷分散してくれる。いわゆるAkamaiの同類だけど、ものすごい特徴が１つある。
特定サイトから直リンクされた画像を一発で別の画像にする方法:phpspot開発日誌
他人のブログをパクり無断で公開！ 被害者の対抗策が凄い アメブロ広報「数件の通報が来ている」 - ガジェット通信 特定サイトから直リンクされた画像を一発で別の画像にする方法。 私のブログはともかく、不要な負荷が増えて嫌だなと思う場合に即効できる処置方法をご紹介。 mod_rewriteが入っているサーバ＆.htaccessが利くサーバの場合は以下のように書いて直リンクされた画像のディレクトリに設置します。 RewriteEngine on RewriteCond %{HTTP_REFERER} ^http://ameblo.jp/sfida2010/.*$ RewriteRule ^(.*)$ http://example.com/deny/unko.png [R=301] /images/ 以下に直リンクを受けている画像群がある場合は、/images/.htaccess として保存して下
お気に入りに追加:今更こんな事に嵌ってしまって。どうしようも無かったんだけど、一応記録、まとめておこう。Chromeには参った ･･･ 【JavaScript】 サイト構築,創る,WEB,ホームページ制作,サイト制作,WEBプログラミング - 創るmetaboy
後はできないよ。 っていうやつですね。 これだけ、Chrome族が増えてきていて、今はどうなんだ。 それに他のマイナーブラウザ（失礼！）はどうなんだ！ と。 決局駄目だったんですけどね。あぁ、悔しい。 顛末を。 追記に ▼ ************************************************ ◎ お気に入りに追加、やはり駄目？、の巻：JavaScript ************************************************ もう随分前から一応知っていて、 放りっぱなしいしていた ■「お気に入りに追加」ボタン のメンテナンス。 ちょっと気になって、 調べ始めて、 嵌って、時間かかって 仕事全然進まなかった、とほほ。 ■結論 ・いくつかのマイナーブラウザもありますが、 function ToFavorite(toURL,toStr){ /
「お気に入りに登録」ボタンでお気に入りに追加してもらう｜JavaScript Tips
「お気に入りに登録」ボタンでお気に入りに追加してもらう Javascript です。 通常のスクリプトでは IE のみで Firefox では使えませんが、このスクリプトは Firefox でもお気に入りに追加することが出来ます。 <script language="JavaScript" type="text/JavaScript"> <!-- function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; }
HTML,CSS,JS / BOOKMARKLET / DIVタグの可視化 (PIXEL LAB)
HTML,CSS,JS / BOOKMARKLET / DIVタグの可視化 PIXEL LAB 大阪南船場のFLASHを得意とする制作会社ピクセルイメージによるブログ。AS3、AIR、デザイン、3D、オリジナルツール等。 « | MAIN | » フルCSSサイトのコーディング時に苦労する点として、カスケーディングの把握があります。 DIVのカスケーディングをビジュアルに確認できる可視化ツール（コード）をオリジナルで作成したので、紹介します。 資料 / ブックマークレットについてはこちら ■使い方（FireFoxのみで動作確認） 以下のテキストリンクを、ブックマークに登録します（ドラッグとかで）。 '+targetElement[i].className+' '+targetElement[i].innerHTML;targetElement[i].style.borderTop='so
divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな
はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryというのを使ってjQueryで適当に以下のコードを実行した。 var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) 結果 こんなHTMLどうやって作ったんだろうか。 もし手打ちなら根気の居る作業だったんだろうなぁと思いました。 追
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第四回ミニサイト作りワークショップが無事終了！
高品質のウェブデザイン用無料素材がダウンロードでき、共有できるサイト -Freebie Pixels
写真素材ならモデルピース
SEO検索エンジン最適化チュートリアル
