WEB

Googleマップとストリートビューの埋め込み

WEB 知りたい

Googleマップとストリートビューの埋め込み

ホームページのアクセスページやお店や場所を紹介するブログで便利な「Googleマップ」。今回はGoogleマップと、周辺360度が見渡せるGoogleストリートビューをホームページに埋め込む方法をご紹 ...

CSSでリンクタグの色や下線の設定変更

css WEB 作りたい

CSSでリンクタグの色や下線の設定変更

2021/4/7    , , ,

普段、当たり前のように使っているリンクテキスト。そのリンクテキストにcssを使って色をつけたり、装飾をしたりできる設定方法をご紹介します。リンクテキストのデザイン1つでブログやホームページのセッション数・回遊率が変わるので、色々と設定を変えて試してみてください。

design WEB 作りたい

背景が透明なイラスト素材サイト【透過PNG素材】

資料の作成作業の時に便利なのが無料のイラスト素材。今では当たり前のようにWEB上に公開され、無料で使えるイラスト素材サイトがたくさんあります。そんな無料のイラスト素材の中でも背景が透明になっている【透過PNG素材】をダウンロードできる素材サイトをいくつかご紹介!

透過PNG画像の作り方をまとめてご紹介

design WEB 作りたい

透過PNG画像の作り方をまとめてご紹介

2021/4/7    , , , ,

資料やプレゼンシートなどの作成時に重宝する「透過PNG(ピング)画像」。そんな透過PNG画像の作り方を背景が透明な透過PNG画像を作る方法を「Macの標準アプリ」「photoshop」「ブラウザ」の3種類ご紹介します。

【iPhone】簡単にアニメーションGif画像が作れるアプリ「GIFトースター」使い方

design WEB 作りたい 知りたい

【iPhone】簡単にアニメーションGif画像が作れるアプリ「GIFトースター」使い方

2021/3/21    , , ,

簡単にアニメーションGif画像が作れるiPhone専用アプリ「GIFトースター」の使い方をご紹介します。スマホで撮影した動画や写真から簡単にGIFアニメーションに変換でき再生速度の調整、フィルターをかけるなどの編集も手軽に行えます!

写真加工もできるMAC標準アプリ「プレビュー」が便利!

design WEB 作りたい 知りたい

写真加工もできるMAC標準アプリ「プレビュー」が便利!

MACの標準アプリである「プレビュー」を使って画像のトリミング、サイズ調整、色調補正のやり方をご説明したいと思います。高額な画像編集ソフトがなくても大抵の事はできちゃう標準ソフト「プレビュー」をぜひ活用してみてください。

WEB wordpress 作りたい

【WordPress】コメント欄を消す(非表示)設定

2021/3/21    , ,

WordPress(ワードプレス)ブログでコメント欄を非表示にしておく方法とページ毎に表示・非表示を切り替える方法を2パターンご紹介します。スパムコメントが頻発して困っている方はいっそコメント欄を非表示にしてみてはいかがでしょうか

html WEB 作りたい

【ブログ初心者向け】htmlの文字編集タグが便利

2021/3/21    , , , ,

ブログの運営をされている方向けに簡単に文字の形式を変更できる便利なhtmlタグを紹介します。「htmlタグ」と聞くと難しそう。と思う方もいらっしゃると思いますが、簡単なので安心してください。知っていると記事にちょっとしたアクセントを付けれ、表現の幅が広がります。

html WEB 作りたい

【WEB】mailtoリンクの活用いろいろ【初心者向け】

画像やPDFファイルが簡単に添付できるというメリットのあるメールでの問合せボタンの細かい設定方法をご紹介します。

html WEB 作りたい

【web】リンクの貼り方いろいろ【初心者向け】

2021/4/8    , , ,

ブログやホームページを運用している人には必須知識。別ウィンドウ、メール送信、電話発信など様々な種類のリンクの貼り方をご紹介します。適切な場所に適切なリンクを貼ることでユーザー満足度の向上、離脱率の低下にもつながります。

【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成

html WEB wordpress 作りたい 知りたい

【コピペ】@リプライ、URLなどを指定してツイートできるリンク作成

ツイートリンクに「#ハッシュタグ」「@リプライ」「URL」「テキスト」をあらかじめ仕込んでおく方法をまとめてご紹介します。キャンペーンの応募や自身のブログを紹介してもらう時に親切なリンク設定をしておき、拡散され易いリンクボタンを作成しましょう。

360度画像をホームページで埋め込み公開する方法まとめ【insta360】

360度カメラ WEB カメラ 作りたい 撮りたい

360度画像をホームページで埋め込み公開する方法まとめ【insta360】

以前に公開した360度カメラの記事を用途別にわかりやすく、まとめてみました。基本的にはinsta360での操作方法をまとめておりますが、プラグインを使用してのwordpress(ワードプレス)への埋め込みはRICOH THETA(リコー シータ)をお使いの方にも利用できます。

css html javascript WEB 作りたい

【WEB】PCのみにパララックス効果を効かせる方法【javascript分岐】

不具合が出やすいスマートフォンへのパララックス効果は諦めて、パソコンでの閲覧時のみにパララックスを効かせる方法をご紹介します。

360度画像をブログに埋め込む方法

360度カメラ WEB wordpress カメラ 作りたい 撮りたい

【2020年】撮影した360度画像をWordPressブログに埋め込む方法【THETA、insta360】

【WPバージョン5.4対応確認】他のサイト様で紹介してくれている360度画像埋め込みプラグインが使用できなかったので、WPバージョン5.4で使用できるプラグイン「WP VR」の使い方を簡単にご紹介いたします。

css html javascript WEB 作りたい

これは知らなかった!レスポンシブサイトでjavascriptを分岐させる方法2パターン紹介

2021/3/21    , ,

レスポンシブサイトでCSSと同じ要領でJavaScriptをデバイスごとに切り替える方法、ウィンドウサイズによって切り替える方法をご紹介します。

© 2021 ひゃくやっつ