Site will be available soon. Thank you for your patience!

以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し

はてなブログに引っ越してから1ヶ月ちょっと。 おかげさまでこのブログにも述べ約20万人の方が訪れてくださいました。 自分の書いた記事が誰かの役に立つのはとても嬉しいです！ せっかくブログを書くならたくさんの方にご覧いただきたいと思い、ブログにSEO*1対策を行いました。 今回は、そのカスタマイズ内容をご紹介します。 パンくずリストを表示した パンくずリストって、おいしそうな名前ですよね。 ヘンゼルとグレーテルという童話の中で、帰り道がわかるように歩いた道にパンくずを落とすというシーンがあり、それが元になって名づけられたそうです。 パンくずリストがあると「今あなたは、サイトの中のここにいますよ」というのがわかります。 サイトの構造がわかりやすくなっていると、検索エンジンからの評価が上がって、表示されやすくなります。 ▽こちらを参考にカスタマイズしました。 so888.hatenablog.c

WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。

2012 Pythonアドベントカレンダー(Webフレームワーク) #python_adv の5日目の記事です。 明日は @altnight にお願いします。 Flaskはオモチャじゃないよ PyCharmなどのIDEがFlaskに対応を始めたり、Flask はそろそろ Django に続く Python の Web フレームワーク No.2 と名乗れそうなほど広まってきています。(その割にPython3対応遅いけど) Flaskと言えばマイクロフレームワーク、Hello World が簡単に書けるヤツで有名ですよね。 import flask app = flask.Flask(__name__) @app.route('/') def index(): return "Hello, World." app.run(debug=True) これを見るとオモチャっぽく見えるんですが、Fla

こんにちは、メディア事業部のエリーです。 ブログを始めたい、ブログをやっているという人なら、「WordPressってSEOに良いらしいぞ」と聞いたことがあるのではないでしょうか。 わたしもそう聞いたのでWordPressで個人ブログを始めましたが、実際やってみると、けっこう昔に書いた記事でも検索で入ってくる人が絶えず、「なるほどこれが検索流入か…」と思っています。 ということで、SEOを意識するといろんな人から継続的にブログを読んでもらえるというメリットがあります。 でも、具体的にSEOってどういうものなんでしょうか。今回は、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開している「Z.com byGMO」さんにお聞きした、SEOの基礎的な知識と簡単な施策方法についてご紹介します。 目次 SEOってなに？ どうやってブログにたどり着くの？ 検索

第6回完成したサイトを「テーマ」として保存しよう！ 高橋真弓（たかはしまゆみ） 2010-08-30 第5回カスタムフィールドを使って、商品紹介のカタログページを一番簡単な方法で作ってみる 高橋真弓（たかはしまゆみ） 2010-08-16

WordPressテーマ「Simplicity（シンプリシティー）」を作成しました。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEO施策済み 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益化 ブログの主役はあくまで本文 カスタマイズがしやすい 以下で詳しく説明します。 Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。 テーマの名前「Simplicity」には以下の意味があります。 単純 簡単 容易 簡素 質素 飾り気のない よく言えばシンプル、悪く言えば地味なテーマです。 余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。 もちろんそのままでも十分使用できます。 検索エンジンへの最適化（SEO）

こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht

このサイトは、分析、パーソナライゼーション、およびターゲットを絞った広告の目的だけでなく、サイトの重要な機能を有効にするためになどのテクノロジーを利用します。詳細については、次のリンクをご覧ください。ポリシー設定の管理ストレージの設定サイトにアクセスすると、および同様の技術「」を使用して、ユーザーに関するデータが保存または取得される場合があります。は、サイトの基本的な機能やその他の目的に必要になる場合があります。特定の種類のを無効にするオプションもありますが、無効にするとサイトでのエクスペリエンスに影響を与える可能性があります。ポリシー必須サイトの基本的な機能を有効にするために必要です。必須のを無効にすることはできません。クッキーを見るターゲットを絞った広告あなたとあなたの興味により関連性の高い広告を配信するために使用されます。広告の表示回数を制限したり、広告キャンペーンの効果を測定したり

Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、Tumblrの簡単な紹介と、利用するメリットを説明しました。今回は既存のテーマを簡単にカスタマイズする方法について解説します。 テーマを変更してみよう Tumblrは、好みのテーマに切り替えることで、サイトのデザインを大きく変えられます。「テーマを作る作業」が、Tumblrを使ったWebサイト制作であると言ってよいでしょう。 テーマには、Tumblrが公式に配布しているものと、企業や個人がWeb上で配布している非公式のものがあり、有料・無料を問わずたくさんのテーマが公開されています。公式のテーマの場合は、Tumblrのカスタマイズ画面の「テーマを見る」から「使用する」をクリックすると、自分のブログにすぐに適用できます。 また、「さらにテーマを検索」をクリックすると、Tumblrのテーマ一覧ページが開き、

すりゴマです。 今日もいい感じにすり潰していきますね。 photo by Josh Self さて、日頃ブラウジングしていると、こんな悩みを抱えている人、多いんじゃないでしょうか？ サイト側でMS Pゴシック等のク○なフォントを指定しているサイトに遭遇し、「大島の生写真あげるよ！」と言われもらった写真がAKBの大島優子ではなく森三中の大島だったときくらいのショックを受けて立ち直れない。 とか、 やっぱりWEBは好きなフォントで見たいよ。 とか。 まぁ前者はすりゴマくらいかと思いますがw、今日は上記のような悩みを解決するために、Chromeで好きなフォントを指定してバッチリ表示する方法をご紹介したいと思います！ (・∀・) 「Custom.css」で解決・・・しない！ MS Pゴシックとか使ってんの？ え？フォントに？ とかダジャレ言ってる場合ではありません。 さてChromeでのフォントの

日本での本格的なブレイクを前にFacebookページ（ファンページ）を開設する企業が相次いでいます。Facebookページの開設からカスタマイズ、ファンを獲得する方法まで、Facebook活用の具体的なノウハウをシェアします。

これがずっとやりたかったんだよ！すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい！！ WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン！ すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し

プロフィールページがとてつもなく簡単に作れるサービス。それが「about.me」です。 今回は話題のabout.meを攻略して見ましょう。 あともし既に作ったーって言う人。 間違ってツイートしてる人が多いのですが http://about.me/ユーザー名 が、正解です。「http://about.me/edit/ユーザー名」でツイートしてる人が多いので気をつけましょう。 こんなのがわずか1分で About.me / Directory こういうページをすぐに作れます。手軽で、そしてかっこよく作っちゃえるのがこのサービスの特徴です。 興味があれば以下をどうぞ。 ユーザー登録の流れ Welcome to about.me ここから登録。 取りたいアドレスのところで、私は yamadant と入力。 結果 http://about.me/yamadant このようなプロフィールページのURLに

Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディア