WordPress備忘録 新テーマ Twenty Seventeen を少しカスタマイズしてみた！ | ほっこり安曇野案内
WordPress4.7に付属の新テーマ「Twenty Seventeen」なかなか、カッコイイです。(^^) 今まで、WordPress付属のテーマをベースにしてサイトを作ってみようと思った事はなかったんですけど、「Twenty Seventeen」は、機会があれば使ってみたいなーと思わされるものがありました。ブログで使うなら、そのままで十分カッコイイと思うんですけど、ホームページにしようと思うと、個人的には、パッと見で、カスタマイズしなきゃ！と思うところがあります。ということで、ちょっと触ってみました。それをいつか使う機会があるかもしれないので、書き留めておこうと思います。 一般的な「Twenty Seventeen」の説明ではなく、僕がホームページに使うなら、まずは、こんなふうにカスタマイズしてから使うって内容になってますので、ご勘弁を。(^^; 「Twenty Seventeen」
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
GoogleMapsの色を変更する方法
Google Maps JavaScript API v3を使用してサイトに埋め込むGoogleMapsの色をお好みの色に変更する方法を紹介します。 こんな感じでGoogleMapsの色をちょっと変更するだけでGoogleMapsとサイト全体の色のバランスを保つことができたりします。 ということでGoogleMapsの色を変更する方法を紹介します。 Google Maps JavaScript API v3を使用します。 GoogleMapsの色を変更する手順 まずGoogleMapsの色を好みの色に調整しAPIで表示するためのコードを取得します。 その色を調整するツールがこれ。 Styled Maps Wizard しかし、この「Styled Maps Wizard」はかなり細かく地図の色を編集できるみたいなのですが、UIが分かりずら過ぎてしかも英語なので使い方がいまいちよく分からないの
テーマ Twenty Seventeen を使ってブログをカスタマイズ（目次）－WordPress – 妻と僕。
WordPressの初心者が無料のテーマ「Twenty Seventeen」を使用してブログをカスタマイズしていきます。 このページは、カスタマイズについて記述した記事のサイトマップ（目次）的なものとお考えください。ですので、カスタマイズの関連記事をアップするたびにここを更新していく予定です。 スポンサーリンク テーマを編集する時に絶対役立つツール ブログを始めてから４ヶ月。「WordPress」という言葉さえ知らなかったブログ超絶初心者の僕です。初心者の僕がテーマをカスタマイズできているのは、Google先生がなんでも優しく教えてくれるのと、ドラえもんの道具みたいに便利な『デベロッパーツール』を使用しているから。テーマのカスタマイズにおいて、この『デベロッパーツール』を知っているか知っていないかで、カスタマイズのしやすさに天と地ほどの差がでるので、知らなかった人は是非使ってみてください。
Flexboxで決まり！ | Webクリエイターボックス
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
