画像」タグアーカイブ

ピンタレストをワードプレスに大きく貼る方法

こんにちは!
実は現在、ブログをもう1つ準備中でしてその記事を書いているときにぶち当たった問題です。PinterestをWordPressにきれいに貼って記事をカッコよく仕上げたくて調べたのですが、満足がいきませんでした。
ですので、自分で違う方法を試してみてうまくいったのでご紹介します。
では、さっそくはじめましょう。

Jetpackを使うと小さい

Jetpackを使うという方法を紹介しているサイトがたくさんありましたが、実際に試してみますと以下のように小さくなり、しかも左寄りになってしまいます。真ん中にしたいですし、もっと大きく表示したいと思いました。

HTMLのブロックを利用する

上記の方法だと画像のサイズや位置がいまいちですよね。なので、HTMLのブロックを使い、試してみます。

ステップ1 WordPressの+マークを押す

まずはHTMLのブロックを追加するためにプラスのマークをクリックします。
HTMLで検索しカスタムHTMLを選びます。

ステップ2 貼りたい画像を探す

次はピンタレストのサイトに行き、貼りたい画像を選びます。
一覧から画像を選び、クリックします。3つのポチポチポチをクリックし、ピンの埋め込みコードを取得(一番下です!)を選びます。

小、中、大、特大のサイズが選ぶことができます。


お好みのサイズを選び、コードをコピーし先ほどのワードプレスのHTMLのボックスにペーストします。

プレビューで確認してみましょう。この時点では画像の下まで映ってませんが、記事全てをプレビューで確認するとすべて映ってます。
※サイズは中を選びました。

ステップ3 画像を真ん中にもっていく

このままですと真ん中に来ていないので、先ほどの挿入したコードを<center></center>で画像のコードをはさむと画像が真ん中にきます。やってみます。出来ました!
※サイズは小を選びました。

まとめ

いかがでしょうか。ピンタレストの画像を思い通りに埋め込めるだけで記事がパッと華やぎますね!

【Inkscape】レイヤーを使い写真のような自画像を描く

こんにちは!
おそらく約1年ぶりの更新になってしまいます。

インクスケープについて書きます。
今日は、昔描いた絵をご紹介します。

みなさんもインクスケープを使って誰かの似顔絵や自画像を描いてみたいなーなんて思ったりしませんか。
私は自分そっくりな自画像を描きたくなり、実践してみました!
まず出来上がりの作品をお見せします。

じゃんっ°˖✧◝(⁰▿⁰)◜✧˖°
数年前の自分の写真を使用し、描きました。
LINEのアイコンに使用していたことがありましたが、似てるけど怖いと評判でした。笑

描き方ですが、ある YouTube を参考にしながら、元の写真の上をなぞって描きました。 以下の動画です。見てみてください!
所要時間が確か1日ほどかかりました(長っ)

レイヤーを使い重ねて描いていきました。
この方は特にたくさんのレイヤーを作っていますが、テキトー人間の私のものはこんな感じに分かれています。
イラストレーター等と同じですが、レイヤーを分けることによって修正したいときに、簡単に修正ができるようになります。
目マークをクリックすると表示/非表示を選べます。
鍵マークをクリックするとロック/アンロックか選べます。


気をつけなければならないのがレイヤーを重ねる順番ですが、それもドラッグアンドドロップ、または右下の緑色の矢印で移動可能です。

元の写真を顔以外を見せるとこんな感じです。
背景はピンクにしたので本物とは全然違います。
ぜひ試しみてください(^^♪

【Inkscape】キャンバスの後ろの影をなくす方法

とても久しぶりの更新になります。
インクスケープのソフトを立ち上げるのも数カ月ぶりになりまして、ちょっとした緊張が体を走り抜けました。
さぁ始めましょう。

まずインクスケープを立ち上げるとデフォルトのままキャンバスが用意されていますが、よく見ますと右側に影のようなものがあります。


この影をなくす方法をさらっとご紹介します!


上部のメニューファイルドキュメントのプロパティ を開き右下にある、図で囲った部分の境界線に影を表示するのチェックを外します。



閉じてキャンバスを見てみると、影がなくなりました!
これで完了です。