【WordPress.com】画像周りの枠やスペースの調整方法

ここでは、WordPress.com の記事に貼り付けられている画像まわりの枠やスペースを調整する方法について覚え書きしたいと思います。

2016-02-10 at 10.14.png

続きを読む

【WordPress】手書き風の枠を記事に貼る方法

以下のような手書き風の枠を記事に貼る方法についての覚え書きです。

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

続きを読む

記事の中に欄を作るための HTML タグに border-image で画像を追加する

最終更新日:2016-02-19

記事に以下の HTML タグを貼ると

以下のような画像付きボックスを追加することができます。

見出し

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

見出し

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

この画像付きボックスは、

の合わせ技です。

枠付きの画像 + border-image の組み合わせで画像枠付きのボックスを作成する

ここでは、PhotoScape X 等の、画像に枠線を追加する機能と

2016-01-24 at 16.50.png

以下のツールで生成できる border-imgae を含む CSS を使って、

以下のような画像枠付きのボックスを作成する方法について覚え書きしたいと思います。

本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文

続きを読む

【WordPress.com】border-image で画像の枠を付ける

CSS (CSS3) の中に「border-image」というプロパティがあります。以前は WordPress.com では使えませんでしたが、2016-01-22現在は使えるようになっています。

このプロパティの詳細については以下の記事等をご参照ください。

ここでは、このプロパティを使って、WordPress.com で実際に画像の枠を作成してみたので、その覚え書きです。

続きを読む

サムネイル画像のセンタリングについての考察

最終更新日:2016-01-19

サムネイル画像のセンタリングについての考察です。

この記事は、私自身も決して詳しいわけではなく、かつ、説明が面倒なので手抜きである程度、CSS の知識があるという前提で端的にお話しします。

私自身は、例えば、こういう縦長のサムネイル画像があった場合、

2016-01-18 at 11.45.png

続きを読む

【WordPress】テーマ「Hatch」のロゴ画像を横幅いっぱいに大きくする

テーマ「Hatch」のロゴ画像を横幅いっぱいに大きくする方法についての覚え書きです。

Screen Shot 2015-07-20 at 09.57.06

comemoarrow

2015-07-20 at 10.02

続きを読む