HTMLフォームを使用したGoogleカスタム検索のデザインカスタム方法を紹介します。 WordPressサイトにGoogleカスタム検索を設置する方法はこちらを参考にしてください。 » Googleカスタム検索の設置方法 デザインがくずれる問題 Googleカスタム検索は、作成した時に取得できるJavascriptコードを設置したい場所に貼り付けるだけで、簡単に利用できます。 しかも、シンプルでかっこいい！ しかし、このようにWordPressのテーマ（CSSの設定）によっては、Googleカスタム検索ボックスのデザインがくずれる場合があります。 HTMLフォームを使用すれば、検索ボックスのデザインがくずれる心配はありません。また、サイトのテーマに合わせて自由にカスタマイズすることができます。 Googleカスタム検索のヘルプによると、以下のコードで記述すれば、HTMLフォームを使用した
特定の記事で何故か検索結果に出てこないものがありまして、色々と考えていたのですが、検索キーワードがカタカナでした。 今更感たっぷりなのですが、wordpressのサイト内検索は「ひらがな」と「カタカナ」が別物？で検索される仕様なのでしょうか？ だとすると、それを同一で扱うにはどうすればいいのでしょうか？
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
## はじめに 先日ネットを見てると、こんな海外記事を見つけました。 [How To Build An Awesome Form](https://medium.com/@kubachrzecijanek/how-to-build-an-awesome-form-1e9b2c1bd00d#.9bxu4a1y9) デザイン関連のWeb記事はよく見かけますが、フォームに特化した記事はそれほど多くない気がします。 仕事柄、フォームを作ることは結構よくあるので、自分のデザインの勉強を兼ねてまるまる翻訳してみました。 ### 翻訳の方針について 翻訳は日本語としての読みやすさを重視してところどころ意訳しています。 もし完全に間違った訳になっていたり、意訳しすぎて原文のニュアンスが変わってしまったりしているところがあれば、コメント等でやさしく指摘してやってください。 それでは以下が記事の翻訳です。 #
企業やアフィリエイターから依頼され、ウェブに掲載するための記事を書く人を「ウェブライター」といいます。 技術記事を書いて本を出版する人をテクニカルライターといい、有名人の名前を借りて本を書く人をゴーストライターともいいます。 ホリエモンの著作はほぼ全てがゴーストライターによるものですし、月に何冊も出版している人はだいたいゴーストライターが書いています。 誰かに依頼されて文章を書く人をライターといい、「何文字いくら」で仕事の依頼が来ることが多いです。 「こんな企画があるのでこんな記事を書いてください」 とPR記事を頼まれることもあり、その場合は企画ごとに報酬が支払われます。 ツイッターなどでフォロワーが増えるとウェブサイトの運営者から記事の執筆依頼が来ることもあります。 特に女性アカウントの場合、フォロワー1万人を越えたあたりから恋愛系の記事の執筆依頼が来るようになります。 ツイッター経由で
CSSGram - スタイルシートを使ったInstagram風フィルタ
Instagramは相変わらず高い人気で、10代を中心に多くのユーザが日々写真をアップロードしています。そんなInstagramの売りと言えば、写真に対する格好良いフィルタではないでしょうか。 CSSGramはそんなInstagram風のフィルタをWeb上で再現してくれるライブラリになります。CSSレベルとあって、自由に変更も可能なのでWeb上で写真を効果的に見せるのに使えそうです。 CSSGramの使い方 CSSGramで使えるフィルタです。 青系、赤系なども格好良いです。 1977も良いですね。 CSSGramを使えば同じ写真であっても全く違う印象を与えるのではないでしょうか。また、Instagram風のWebサイトを作った際にもその写真の加工法として指定できると効果的ですね。 CSSGramはCSS3製のオープンソース・ソフトウェア（MIT License）です。 CSSGram u
スマートフォンやデジカメで撮影した写真は横長、または縦長です。それに対してWebサービスのプロフィールに使う画像は大抵正方形ではないでしょうか。そんな写真を自動で加工すると顔の一部が削れてしまう可能性があります。 そこでユーザ自身の手で切り抜きしてもらうのが一番です。今回はスマートフォンにも対応したCropperを紹介します。 Cropperの使い方 Cropperのデモ画面です。左側の画像が元画像、切り抜いた時の各サイズの画像が右に並んでいます。 もちろん切り抜き部分のサイズ、位置は自由に変えられます。 クロップした画像。 画像サイズも指定できます。 スマートフォンでも動きます。 ハンドル部分もスムーズにつかめます。 Cropperを使えばユーザに自分の写真をアップしてもらった後、そのまますぐに切り抜き加工を行えるようになります。かつ切り抜いた画像をサーバに送れるので、サーバ側では画像ラ
今回は、目標設定の上手なやり方について紹介します。以下、「新しい価値を生み出すチーム」のための、コラボレーションとITの情報サイト「サイボウズ式」のこちらの記事より転載いたします。 こんにちは、はせ おやさいです。今年もあと少しで終わりますね。設定した目標の振り返り時期が近づいている人も多いのではないでしょうか。今回は、正しい目標設定とその運用について考えてみたいと思います！ その目標、本当に正しく設定されていますか？ 「目標設定」と聞いて、どんなものを思い浮かべますか？ サボらないよう管理されるもの？ それとも未達を責められるための嫌な基準？ さまざまな粒度の「目標」「目標設定」があると思いますが、本来的な「目標設定」というのは、まず会社が目指す方向と数値があり、それを各部署、各担当者までブレイクダウンした上で、達成のために作成される「ゴールまでの地図」なのではないかと思います。 「部署
Googleの検索品質評価ガイドラインが公開されたので、読んでみました。いや、かっこつけました、血を吐きながら読みました。@web_shufuです。正確に訳す力はないので、自分なりに重要そうなところをピックアップして「こんな感じだろ」自分なりの解釈を付けてみました。Googleの検索品質評価ガイドラインが公開されたので読んでみました。いやかっこつけました、血を吐きながら読んでるところです。@web_shufuです。正確に訳す力はないので、自分なりに重要そうなところをピックアップして「こんな感じだろ」と自分なりの解釈を付けてみました。（現在作業中） スポンサーリンク 本題に入る前に Googleの検索品質評価ガイドラインって何？ 検索品質評価ガイドラインは個々の検索結果を決めるものではありません。 そんなの見てもしょうがない。そう思う人もいるでしょう。 でもSEOを考えるなら無視できない
2015-11-22 ブログ×音声の時代が来る！3分で聴ける「ラジオやぎろぐ」始めました♪ ブログ-ブログノウハウ 考えたこと スポンサーリンク Tweet 間違いなく来る。 文章だけだとどうしても人柄が見えにくい ブログって基本的に文章で伝えるものなので、書いてる人の人柄が見えにくいんですよ。もちろん写真を使ってそれを拡充する場合もあります。 面白くないブログってきれいにまとめようとしすぎて、自分を押し出せてない場合が多いです。 つまり、書いている人の人柄が見えるようになれば大抵のブログは面白い。読者は文章を読んでいるようで、その文章の背後にあるその人自身の人生を見ているんです。 ラジオ形式の音声で文章だけでは見えない人間性を拡充する 文章だけじゃ見えにくいその人の人間性の部分を、拡充するのに音声がめっちゃいいんじゃね？とふと思いました。 もちろんYoutuber的な動画コンテンツを作る
学生団体SEALDsに政治資金規正法違反の疑惑が浮上している。作家で経済評論家の渡邉哲也氏によると、SEALDsがネット上で呼びかけている寄付に問題があるとのことだ。 まず、SEALDsが寄付金を募集しているサイトには「政治資金団体への寄付」ということが強調されている。 参考：SEALDs 個人寄付 現在、若干表記が変わっているので、こちらのアーカイブを見ていただきたい。SEALDsが「政治資金団体」を名乗って個人寄付を募る行為が違法行為に該当するということをSEALDsのメンバーは全く気づいていなかったようだ。 一体どこに問題があるのだろうか。邉哲氏は次のように指摘している。 ▼まず、政治資金団体は政党しか作れない。政党には国会議員の数や直近の国政選挙での得票率などの規定があり、当然SEALDsは政党ではないので、政治資金団体も作れないのだ。 ▼他にも政治資金規正法に関して、細かい表記ミ
単行本累計５００万部突破！「週刊スピリッツ」大人気連載中！ 豪華キャストで２０１６年映画公開も決定した サバイバルホラーの金字塔、スピンオフ企画が始動!! ヒット作『東京闇虫』本田優貴が『アイアムアヒーロー』の世界に挑む！ 日本全土にてＺＱＮ発生、同日同時刻… 大阪では何が起きていたのか!? 手に汗握るアナザーストーリー圧倒的開幕!! サバイバルホラー金字塔にスピンオフ登場! 日本全土にてZQN発生… 同日同時刻、大阪では一体何が起きていた!? 映画公開を間近に控える 爆発的大ヒット作『アイアムアヒーロー』の世界に 『東京闇虫』本田優貴が新たな物語を刻む! 本編に負けず劣らぬスペクタクル! 手に汗握るアナザーストーリーが圧倒的迫力で見参。 大阪に“ヒーロー”は現れるのか…? 定価：630円+税 発行：小学館
業務の手順ややり方をマニュアルとして手軽に残し、わかりやすく伝えるためのクラウドサービス「Teachme Biz（ティーチミー・ビズ）」を運営する株式会社スタディスト。なんと正社員はたった8名で、有償導入550社（2015/10/14現在）が使うサービスをつくり、育てています。そんな同社のサービスづくりの秘密について執行役員の豆田氏にお伺いしました。 誰でも簡単にマニュアル作成 ――Teachme Bizはどんなサービスですか？ Teachme Bizは、一言で言うと、簡単にマニュアルを作ることができるサービスです。 マニュアル作成が、【画像を選ぶ】→【編集】→【説明を入力】→【公開する】という4つのステップで完了します。また、フォーマットが決まっており、誰が作っても同じ形式で公開されます。 “誰でも簡単に”マニュアルを作れる点が、Teachme Bizの大きな強みになっています。日頃から
英国で演劇を教えている同性愛者の男性が、彼の性的指向を理由に「うちの子にはクラスをやめさせる。カネ返せ（要約）」とするテキストメッセージを保護者から受け取りました。この男性が保護者に送った返信が、たいへん的を射ています。 詳細は以下。 Mother won't allow gay man to teach her child drama - his response is a must-see - Gay Star News この男性は同国キダーミンスター（Kidderminster)のマイケル・ネリ（Michael Neri）さん（26）。彼が演劇スクールで指導している子供の母親から、ある日こんなテキストメッセージが届いたのだそうです。 最近あなたのライフスタイル（訳注：英語圏で同性愛を『ライフスタイル』と呼ぶのは、『同性愛とは神に背いて自分で勝手に選んだ生活様式であり、変えることができ
2015年10月31日(土)に行われた「ECMAScript6勉強会」HappyHalloween JS 祭！！に参加してきました！ ハロウィンということで仮装して参加すると参加費が半額になるというちょっと変わったイベントでしたｗ #dotsgirls #eventdots ハロウィン仕様の女子エンジニアたち pic.twitter.com/d5IIPxpf2o — Tsutomu Chikuba (@tchikuba) 2015, 10月 31 ※リアルタイム更新してました！ 『Good evening, ES6』byよしこ氏 @yoshiko_pg 発表スライド var –> constで変数の上書き禁止が可能に Template Strings 関数のDefault Parametersが使えるように Rest Parametersで…argsで引数がarrayで取れるように Spr
coffeeからES6(babel)に少しずつ書き換える の続き。 そもそも書き直す必要があるのか 正直シンタックスはcoffeeの方が好き。無駄にカッコつけなくていいし、インデントでpipeやpromiseをつないで書いていくのも見た目が良い。 coffeeは書きやすい。 まあすでに動いている物を書き直す必要は無いと思う。 移行するとしたら、ネガティブな動機が1つ、ポジティブな動機は2つある。 coffeeの開発の停滞 詳しくcoffeeの開発状況をウォッチしてないからよくわからないけど、詳しい人が「開発が停滞している」と言っているのでそうなんだと思う。 さよなら CoffeeScript – mizchi's blog coffeeはここ1年ぐらいバージョンが上がった時にdiffだけは見ているのだが、毎回git diffで差分を見て一瞬で理解できるぐらいの更新しかされてない。まあようす
FEATURES This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. Weights less than 2KB minified and 800 bytes gzipped. Easy to use. Easing and stagger support. Free! Tweet USAGE Include jQuery DrawSVG after jQuery <script src="http://code.jquery.com/jquery-latest.min.j
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
