スキル

WEBサイトづくり

spanタグを使うときに、一緒に覚えておきたいcssコード

私は、<span>タグを、単語を一区切りにして、1段落に、改行せずに、まとめたい時に、よく利用します。その際に、一緒に使うCSSって何だっけと、これまで作ったサイトのコードを見返すことがよくあるため、このページにテンプレート的に書いておくこ...
WEBサイトづくり

表中のテキストを中央揃えしたい!htmlのお勉強

html勉強中の初心者です。毎度検索して調べてしまうため、ここにhtmlで表示した表の中のテキストを、中央揃えする方法を記しておきます。CSSを使って体裁を調整する方法表中のすべての要素を中央揃えする場合カスタムCSSを使って、表の要素を中...
WEBサイトづくり

WordPress 固定ページのタイトルを非表示にする方法

フロントページに、固定ページを持ってきたいけど、タイトルが邪魔だな…と思っていました。タイトルを非表示にする方法をここにメモしておきます。追加CSSにコードを入力して非表示にビジュアルエディターページの下部にある『追加CSS』に下記のコード...
WEBサイトづくり

ブロック要素を実践しながら理解する

ブロック要素はコンテンツをまとめる際に使用します。と言われても、わかるような、わからないような…具体的にどんなコードがあるのでしょうか。実践しながら、理解を深めます。勉強のために閲覧したサイトはこちらです↓↓CSSのdisplay:bloc...
WEBサイトづくり

【簡単!】地図画像の一部をクリックするとリンク先に飛ぶ方法 | SVGによるクリッカブルマップの作り方(マウスをホバーすると色が変わります)

旅先のホテルや、不動産物件を検索する際に利用する地図ですが、地図の上にカーソルを持ってきて、クリックすると、サイト遷移しますよね。どうやっているのでしょうか。あの機能を使えるようになりたくて、勉強してみました。(クリッカブルマップと言うらし...
WEBサイトづくり

div, class, idとは?

大学時代にC言語を授業で学んだことがある程度の私ですが、現在、作りたいサイトがあり、HTMLを勉強中です。学びをここで共有しておこうと思います。今日の疑問<div class="〇〇">~</div>とか、<div id="〇〇">~</d...
WEBサイトづくり

WordPressサイトにコードエディタを表示させる方法

HTMLコードの勉強をしていると、ソースコードをサイト内に表示しているものをよく見かけます。あれはどうやって表示しているのでしょうか?自分でもできたので共有します。下記サイトで勉強しました↓↓WordPressでhtml等のコードエディタを...
WEBサイトづくり

文字・フォントサイズの変更方法

HTMLコードで、文字・フォントサイズを変更する場合は、<font size="数字">~</font>を使います。数字の部分には、1~7の数値を代入することができます。下に、フォントサイズを変更した例を下に示します。fontsize1 A...
生成AI

アイコンメーカー不要?ChatGPTと画像生成AIでアイコン作成できる!素人でも無料で動物イラストを作成できた!プロンプトも公開!

自分だけのProfileアイコン画像を作りたい!今流行りのAIと一緒に考えてみたら、思ってた以上の満足度だったので、紹介しようと思います。使ったツールとしては、「ChatGPT」と「Adobe Express」どちらも無料で使うことができま...
生成AI

Adobe PhotoshopのAI機能使ってみた!ゼロから画像生成も可能?

Photoshop Beta版に「ジェネレーティブ塗りつぶし」という生成AI機能が搭載されたそうです。まずは、使ってみて機能を理解してから、ゼロから(白紙)からも画像生成が可能なのか、試してみたいと思います。まずは使ってみよう!Photos...