デザイン

ITハック

ペイント・Powerpointで画像にモザイクをかける方法【簡単な使い分け方も解説】

写真にうつってる人の顔にモザイクをかけたいんだけど、何か簡単な方法はないかな?画像編集ツールとかはあんまりインストールしたくないんだけどこんな悩みを解決していきます。今回はペイント・Powerpointで画像にモザイクをかける方法と簡単な使...
ITハック

【WordPress】ブロックエディタでGoogleマップを埋め込む方法を解説

ブログでおすすめのお店を紹介したいんだけど、お店の場所のマップを埋め込む方法が分からない...何か設定したりしないといけないのかな?こんな悩みを解決していきます。今回はWordPressのブロックエディタでGoogleマップを埋め込む方法を...
ITハック

【WordPress】Twitterのフォローボタンを配置する方法

Twitterのフォローボタンをブログのプロフィール欄に配置する方法が分からない...プラグインとか使わないとできないのかな?こんな疑問を解決していきます。本記事の内容・Twitterのフォローボタンを配置する方法今回は自分のTwitter...
ITハック

【WordPress】Twitterのタイムラインを配置する方法

Twitterのタイムラインをブログのサイドバーやフッターに配置する方法が分からない...プラグインとか使わないとできないのかな?こんな疑問を解決していきます。本記事の内容・Twitterのタイムラインを配置する方法今回は自分のTwitte...
ITハック

【Cocoon向け】CSSで作るトグル型Q&Aボックス

CocoonにはQ&Aボックスのブロックが用意されてないんだよな~プラグインを入れずに簡単に自作のQ&Aボックスを作れないかな...こんな疑問を解決していきます。本記事の内容・Q&Aボックス完成版の紹介・Q&Aボックスの作成手順・簡単なコー...
ITハック

Canvaの使い方を解説【ブログヘッダーロゴの簡単な作成方法】

ブログを始めてみたのはいいけどヘッダーロゴをまだ作ってないな。お金はかけたくないけど、自分にロゴを作るようなデザインセンスもないしどうしよう...こんな疑問を解決していきます。本記事の内容・Canvaの特徴・Canvaでヘッダーロゴを作成す...
ITハック

【WordPress】表中で文章の折り返しができないときの解決策

WordPressの表中で文章の折り返しができない...「word-break」プロパティや「overflow-wrap」プロパティを指定してみたけど効いてないし...親要素に「table-layout : fixed;」を指定しても解決で...
ITハック

HTMLとCSSのみで吹き出しを作る方法を解説【プラグインなし】

ブログで吹き出しを表示させたいけど、それだけのためにプラグインはあんまり入れたくないな…今回は、こんな疑問を解決していきます。本記事の内容・吹き出しを表示するHTMLとCSSのソースコード・実際の実装手順・吹き出しデザインの変更方法ブログ内...
ITハック

ブログ内に表示するソースコードの装飾方法を解説【コピペでOK】

ブログ記事内にプログラムのソースコードを表示させたいけど、エディタ風みたいに見栄えよく表示させる方法が分からない...コピペで簡単に作れる方法とかってないのかな?こんな疑問を解決していきます。本記事の内容・ソースコードの装飾効果の概要・実際...