WordPressテーマ作成の時に覚えておくと便利なテンプレートタグ - コムテブログ
TL;DR WordPress テーマを作る時に使用頻度の高いテンプレートタグをまとめておきます。 テンプレートタグとは CMS では、html 等の骨組みにデータを流し込んで出力します。 WordPress のテンプレートタグとは、タイトルや画像・サイト URL の絶対パスなどを読み込み出力させるためのものです。テンプレートタグは自動で絶対パスやサイトの設定等を読み込むので、サイトを移行させた時も URL やパスなどを書き換える必要がなくなり便利です。WordPress テーマ作成をする時に必ず使う機能の一つなので是非覚えておきましょう。 トップページ URL 出力 bloginfo('home や template_directory')などは廃止されています。URL は以下のタグを使います。管理画面>設定>サイトアドレスの部分を出力。 <?php echo home_url(); ?
さりげなく目立つフッターデザイン
作成：2017/11/20 更新：2017/11/20 Webデザイン > どうすれば一番下にあるフッターを目立たせることができるのか。ありきたりになりがちなフッターを面白くできるのか。今回は似たようなフッターデザインから脱却したいときに参考にしたいレイアウト。 エンジニア速報は Twitter の@commteで配信しています。 フッターに入れるデザイン フッターに入れる情報は大体このあたり。 ナビ ロゴ マップ 会社情報 コンタクト メッセージ ソーシャル コピーライト なのでどうしても似たり寄ったりにはなるのですが、さり気なく目立ちそうなものをピックアップしました。 整列を「ずらす」と目立つ 人間の脳は違和感に反応するようになっています。整列だけなら目立たない要素も、斜めに傾けたり、グリッド線からはみ出したり、秩序を乱すことによって視線を停止させることができます。 昔何かの本で読んだ
なぜか Twitter で議論をはじめた、Facebook幹部たち | DIGIDAY［日本版］
奇妙なことに、Facebookの幹部たちが、社外の人と議論する場としてTwitterを使う例が増えている。彼らは、昨今のFacebookを批判する人たちに反論するために、Twitterを活用しているのだ。PR戦略を厳重に管理していることで知られるFacebookにとって、この状況は変化といえる。 奇妙なことに、Facebookの幹部たちが、社外の人と議論する場としてTwitterを使う例が増えている。彼らは、アルゴリズムの変更、スパム広告、デマの拡散といった問題でFacebookを批判する人たちに反論するために、Twitterを活用しているのだ。ほかのテック企業と同じく、PR戦略を厳重に管理していることで知られるFacebookにとって、この状況は変化といえる。また、これもよく知られているように、Twitterは主要なユーザー層であるジャーナリストたちから好まれている。リアルタイムで批判に
Twitterタイムラインの埋め込みとデザインカスタマイズの方法 | 創kenブログ
リンクをコピー ブログやWEBサイトなどにツイッターのタイムラインを埋め込んでいる人も多いかと思います。 WordPressのサイトではブロックやウィジェットを使って埋め込むことも可能です。 今回は、これの埋め込み手順とデザインカスタマイズの解説です。 まずはタイムラインの埋め込み方法です。 こちらのページに行き、 https://publish.twitter.com/# タイムラインを表示したいツイッターアカウントのURLを入れて、エンターキーを押します。 URL、ちなみに当ブログの場合は以下です。 https://twitter.com/souken_blog 次に、左側の「Embedded Timeline」をクリックします。 最後に、コードが表示されるのでこれをコピーして、ブログなりWEBサイトなりに貼り付けます。 これでタイムランが表示されるようになります。 細かくカスタマイズ
田端信太郎氏が「LINE」を辞める理由--単独インタビュー
LINEの上級執行役員で広告事業のトップでもある田端信太郎氏が、6年間務めてきた同社を2月末をもって退職することを、自身のFacebookやTwitterで明らかにした。その理由について、「炎上やセクハラが原因での辞職ではなく、あくまで『新たな挑戦』をするため」と語っていた同氏に、その真意を聞いた。 ——なぜ、このタイミングでLINEを辞めることを発表したのでしょうか。 田端氏 : 実は退職については2017年の秋ごろから考えていました。ただ、突然辞めるわけにもいかないので、年明けからお世話になったパートナーや代理店に挨拶まわりをしていたのですが、割とたくさんの人に会っていたので、退職の話が直接言っていない人にも広がりはじめていて、これはもうメディアの皆さんに聞かれる前に自らパブリックにした方がいいと思い、このタイミングで公表しました（笑）。 ——それで事前にSNS経由で発表されたんですね
jQueryでメニュー等の領域外をクリックした時に閉じるようにする - Qiita
思ったこと jQueryを使ってメニュー等の表示、非表示を切り替えるときにtoggleClass()とCSSを使ってメニューを隠したり隠さなかったりするというやり方はシンプルだけど、メニューの外をクリックした時もメニューが消えずにうっとおしかった。 ググった結果 何やらややこしいやり方しか書いてなかった。 やったこと 領域外クリックの検知 jQuery側 $(document).click(function() { $('#menu').hide(); }); これだけ。 問題点 このままでは表示した要素内をクリックするとその要素自体も消えてしまう。もともと非表示のメニュー等、消えても問題のない場合もあるが、殆どの場合は要素内をクリックして消えられては困る。 解決策 $('#menu').click(function() { event.stopPropagation(); }); の一行
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。
Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法
Flexboxを使っていて「なんでこの幅になるんだろう？」と疑問に思ったことはありませんか？ 僕はFlexboxを使い始めたころ「flexアイテム」の幅がどうやって計算されるのかわからなくて、レイアウトにはまってしまいました。調べて整理したのでシェアします。 仕組みをしっかり理解しておくと、問題が起こったときに対処しやすくなります。ということで、flexアイテムの幅の計算方法、行ってみましょ〜！ まずは結論から — flexアイテムの幅の計算方法 結論からざっくり言ってしまいます。 display: flexを指定した親要素を「flexコンテナ」、その中にある子要素を「flexアイテム」と呼びます。 上図のようにスペースが余っている場合、この「flexアイテム」にはflex-growの指定にしたがって余ったスペースが分配される仕組みになっています。 下図のようにflex-grow（またはf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Facebookに新しいリスト機能、関心事を新しい形で簡単に共有可能に
Instagram、文字だけをシェアする「タイプモード」