※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 はてなブログとして初の解説書『はてなブログPerfect GuideBook』がソーテック社から刊行されました。 執筆されたのは、人気のデザインテーマ「CONTENTS」の作者であり、ブログのカスタマイズやデザインについての情報を自身のブログでも発信しているJOE AOTO (id:dreamark) さん。 私の執筆した本の発表と予約開始。はてなブログPerfectGuideBook - DREAMARK JOEさんはサブアカウントで、文房具など自身が好きなものを紹介するブログ スキナモノート も運営されています。 「スタンダードな解説書」とソーテック社の編集者さんに聞いてはいましたが、設定やデザインの手順がスクリーンショットとともに300ページ近くたっぷりと解説された内容を、送ってもらった見本ではじめて拝見し、こ

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

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

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

WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し

ブルー スクリーンの色をもっと簡単にカスタマイズする方法については、次回のブログ記事「1 回のクリック操作で色を変更できる "ブルー スクリーン"」を参照してください。 青くないブルー スクリーンを見ると、私でも動揺します。TechEd の聴衆の反応から、自分の好きな色でブルー スクリーンを生成して、コンピューターに詳しい友人に見せれば、楽しめること請け合いです。私は 2 年前、Dan Pearson が Dave Solomon と合同で行ったクラッシュ ダンプのトラブルシューティングについての講演で、この青くないブルー スクリーンを初めて目にしました。今や、私の原因不明の...の問題プレゼンテーションは、聴衆が選んだ色のブルー スクリーンで締めくくるようになっています (この動画の最後で、聴衆の反応を見ることができます)。これから紹介する、ブルー スクリーンの色を変更する手順では、手作

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

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

ブログのアクセスアップ、マネタイズについては「ブログで稼ぐ方法 | 30万PV・10万円稼ぐまでにやってきたアクセスアップとマネタイズの方法を全部書く」にまとめてますのでぜひご覧ください。 こんにちわ、はてなブログのカスタマイズを夢見て手が付けられていないコトリです。 今年に入ってからはブログ用にtwitterを開始しはてなブログだけじゃないブロガーやアフィリエイターをフォローしていろんなブログを見てきました。はてな以外だとWordpressを使っている方を多くフォローしているためブログカスタマイズに興味をもつようになったんです。 はてなブログのカスタマイズ事情 ブログをカスタマイズする前に考えておきたいこと カスタマイズに夢中になって記事更新を怠るべからず 時代はPCじゃねー。モバイルだ はてなブログ モバイルを魔改造しているブログ 太陽がまぶしかったから iPhoneのこととかいろいろ

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ってなに？ どうやってブログにたどり着くの？ 検索

気づいたら自宅でもオフィスでもすっかりWindowsユーザーになっちゃって、Win10情報にも一喜一憂してるという、完璧なる転びマカーぶりを発揮してるドリキンです。 基本的にWinである不便もほとんどなくなってしまった（というかむしろ快適に感じる）今日この頃なんですが、唯一にして最大とも言えるWindowsの弱点はいうまでもなくまともなターミナルコンソールがないことですよね? とはいえ、最近はコンソールではNodeJSだけが動けばいいやという状態だったので、コマンドプロンプトでごまかしたりはしてたんですが、流石にコマンド履歴どころかコピペすらまともに出来ないのはどうかなと一念発起してWindowsでZshくらいは使えないかなとググってみたらよさげなモノを発見！ Babun | A windows shell you will love! それがBabunというWindows用のターミナルア

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

HOMEブログGoogle Analytics(グーグルアナリティクス)【保存版】Googleアナリティクス(Universalアナリティクス版)のトラッキングコードカスタマイズ５選＋組み合わせ例４選 はじめに 本エントリーでご紹介するトラッキングコードはUniversalアナリティクス（以下UA）のコードです。 従来のGoogleアナリティクス（以下GA）のトラッキングコードについての記述はありません。 WEBサイト用のコードで、モバイルアプリ用のコードについての記述もありません。 また、コードの一節一節に関する詳細な説明はあえて書きません。 書くと文字がいっぱいになって書くほうも読むほうも大変なので。 詳細は公式のヘルプ等をご参照ください。 目次 ０．カスタマイズ無し １．ディスプレイ広告 ２．拡張リンクアトリビューション ３．クロスドメイン ４．マルチトラッキング ５．eコマース ６

最低限のMTカスタマイズで企業サイトをCMS化するためのテクニック MTをCMSとして使いたいけど、なんだか敷居が高いまま挫折してしまったデザイナーの皆さんにお聞きします。 「MTのインストール方法やMTでできることはいろいろなところで語られているのでだいたい理解できた。でも、いざMTのカスタマイズをしようと思って、ドキュメントや書籍を見ても自分のやりたいことがすぐにわからない。MTの概念とか、MTタグの種類とか、テンプレートの種類とか、変数とか、覚えることが多すぎて、結局何もわからず諦めてしまった……⁠」⁠。そんな経験はありませんか？ この連載ではサンプルサイトを通して必要最低限の操作と最低限のMTタグで、1つの企業サイトをMT化していく過程をシンプルに、誰にでもわかるように解説していきます。ここで紹介するカスタマイズのテクニックは必要最低限、MTの機能の一部分でしかありませんが、いつの

Mac OS X 10.10 Yosemiteがこのほどついに正式リリースされました。とはいえ、Appleの新OSが登場する時は必ずと言っていいほどそうであるように、今回もやはり、さまざまな新機能（英文記事）とともに、かえって煩わしく感じられるものもいくつかお目見えしました。けれども、心配は無用です。多くのユーザーが不快に思う機能の大半は、わずか数クリックで修正できるからです。 Spotlightの検索機能をカスタマイズする Yosemiteでは、Spotlightに大きな変更が加えられました。今回のSpotlightでは、ファイルの検索だけでなく、オンラインでも検索が可能になりました。これは、大半のユーザーにとって非常に便利な機能ですが、表示される検索結果が増えて、ちょっとうんざりしそうです。有り難いことに、Spotlightの検索結果の表示方法はカスタマイズできます。「システム環境設定

2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ

「reEmbed」はYouTube動画のプレーヤーをカスタマイズできるサイトです。動画に自社のロゴをいれたり、プレーヤーの色やパーツのデザインをカスタマイズすることができます。せっかく埋め込むなら自分のサイトに合ったプレーヤーにしたいですよね。 以下に使ってみた様子を載せておきます。まずreEmbedへアクセスしましょう。 プレーヤーのスタイルを決めます。自分のお好みのバーを選びましょう。 プレーヤーの色を自由に変更できます。また、動画の上に指定した画像を載せることができますよ。自社のロゴなどを載せるとよいでしょう。動画プレーヤーをカスタマイズしてブログなどに埋め込みたいなというときに使ってみてください。 reEmbed （カメきち）