パソコン教室くりっくのブログ
2023-12-07T17:40:09+09:00
pc_klik
全国どこからでも Zoom オンラインレッスンを受け付けています。経験・実績が豊富な講師が100%専任で対応する完全個別マンツーマンのパソコン教室です。知りたいこと、わからないことなど、どんどん質問してください。その場でお悩み・お困りごとの解決をお手伝いします。
Excite Blog
WordPress サイト開設スターターパックを提供開始しました
http://klik.exblog.jp/29762895/
2023-12-07T17:40:00+09:00
2023-12-07T17:40:09+09:00
2023-12-07T17:40:09+09:00
pc_klik
ホームページ制作サービス
詳しいサービス内容については下記のリンクをクリックして専用サイトをご覧ください。
]]>
エキサイトブログで写真を CSS で丸く切り抜いて飾りをつける
http://klik.exblog.jp/29630541/
2023-07-13T15:01:00+09:00
2023-07-13T15:49:08+09:00
2023-07-13T15:01:43+09:00
pc_klik
ブログ TIPS
エキサイトブログのデザインスキンを CCS でカスタマイズして、記事内の写真を丸く切り抜いて飾りをつける TIPS を紹介します。
今回のカスタマイズでは、飾りとして以下の画像を使用しましたが、フリー素材などでお気に入りのものを用意して使ってください。
用意した飾りの画像をエキサイトブログにアップロードしたら、PCデザインスキン編集 で CSS の欄に以下の行を貼り付けます。
background-image: url(https://pds.exblog.jp/pds/********************); の ( ) 内には用意した飾りの画像の URL を指定します。
.post-body:has(.taglist-list a[href*="maru"]) center img {
border-radius: 50%;
}
.post-body:has(.taglist-list a[href*="kazari"]) center:has(img) {
position: relative;
}
.post-body:has(.taglist-list a[href*="kazari"]) center::after {
background-image: url(https://pds.exblog.jp/pds/********************);
position: absolute;
width: 100%;
height: 100px;
z-index: 1;
bottom: 25px;
left: 0;
content: '';
background-repeat: no-repeat;
background-size: 80%;
background-position: bottom center;
}
これが元の画像です。丸く切り抜くなら、このような正方形の写真が適しています。画像の配置は 中 にしておきます。
まず、以下のようにタグに maru と入力してみます。
すると、写真が丸く切り抜かれます。
次に、以下のようにタグに kazari と入力してみます。
すると、写真の下に飾りがつきます。
以下のようにタグに maru と kazari の両方を入力してみます。
写真が丸く切り抜かれ、さらに写真の下に飾りがつきます。
]]>
ドロワーメニュー(ハンバーガーメニュー)をエキサイトブログに実装したカスタマイズ例 + 背景オーバーレイを追加
http://klik.exblog.jp/29561662/
2023-04-30T18:14:00+09:00
2023-07-10T13:24:29+09:00
2023-04-30T18:14:15+09:00
pc_klik
ホームページ制作事例
このエキサイトブログにドロワーメニュー(ハンバーガーメニュー)を実装しました。
画面右側に表示されるハンバーガーボタンをクリックするとドロワーメニューが出てくるようにしてあります。
エキサイトブログでは JavaScript が使えないので(たしか今でもそうだと思う)、CSS だけで実装してあります。
このブログを無料で使わせてもらっているので、ブログ共通ヘッダーとページ下部の広告よりも手前には出さないように配慮してあります😄
【2023.7.10 追記】
ドロワーメニューが開いたときの背景オーバーレイを追加しました。CSS だけで (JavaScript を使わずに) 動作する背景オーバーレイです。背景オーバーレイをクリックするとドロワーメニューが閉じます。これって背景オーバーレイをクリックと称していいの?ってご意見があるかとは思いますが...😅
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
ホームページ制作事例「クリーニングチャオ」
http://klik.exblog.jp/29047802/
2022-01-07T10:46:00+09:00
2022-01-07T10:46:24+09:00
2022-01-07T10:46:24+09:00
pc_klik
ホームページ制作事例
制作させていただいたクリーニングチャオ様のウェブサイトがリニューアル公開されました。クリーニングチャオ様は、国家資格クリーニングマイスターがいる長岡市のクリーニング店で、クリーニングだけでなく、衣類やスニーカー・靴・バックの修理もされています。
宅配クリーニングサービスも行われていて、今回のリニューアルに伴い、スマホから宅配予約ができるフォームも組み込んでいます。
サイトは WordPress で制作し、常時SSL化しています。
使用テーマ・プラグインなど
このサイトを制作するために使用した WordPress テーマおよびプラグインは以下のものです。
【テーマ】 Lightning (G3)
【プラグイン】 Lightning G3 Pro Unit ・ VK Blocks Pro ・ Contact Form 7 ・ 他
更新・運用を効率よく行っていただけるように、弊社が制作したオリジナルプラグインも組み込んであります。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
新年のご挨拶
http://klik.exblog.jp/29040960/
2022-01-01T12:46:00+09:00
2022-01-03T12:48:55+09:00
2022-01-01T12:46:12+09:00
pc_klik
お知らせ
パソコン教室くりっくの対馬です。昨年は多くの皆様のお世話になり、大変ありがとうございました。本年もまたよろしくお願いいたします。
]]>
年末年始休業のお知らせ
http://klik.exblog.jp/29023137/
2021-12-17T11:27:00+09:00
2021-12-17T11:27:49+09:00
2021-12-17T11:27:49+09:00
pc_klik
お知らせ
パソコン教室くりっくは 12月30日(木)から1月3日(月)まで お休みさせていただきます。
]]>
ホームページ制作事例「オーエーシー企画」
http://klik.exblog.jp/28754794/
2021-08-03T13:37:00+09:00
2021-08-03T13:37:33+09:00
2021-08-03T13:37:33+09:00
pc_klik
ホームページ制作事例
制作させていただいた株式会社オーエーシー企画様のコーポレートサイトが公開されました。オーエーシー企画様はビルメンテナンス、介護サービスなどをされている会社で、サイトに掲載している業務案内、介護施設からのお便りや採用情報などの更新をしやすいように制作させていただきました。
サイトは WordPress で制作し、常時SSL化しています。
使用テーマ・プラグインなど
このサイトを制作するために使用した WordPress テーマおよびプラグインは以下のものです。
【テーマ】 Lightning
【プラグイン】 Lightning G3 Pro Unit ・ VK Blocks Pro ・ Contact Form 7
効率的に更新を行っていただけるように、オリジナルプラグインを制作してお使いいただいています。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
ホームページ制作事例「魚沼きのこ」
http://klik.exblog.jp/28571339/
2021-04-30T15:57:00+09:00
2021-04-30T16:16:30+09:00
2021-04-30T15:57:44+09:00
pc_klik
ホームページ制作事例
パソコン教室くりっくが制作させていただいた魚沼きのこ・山菜振興協議会様の「魚沼きのこ」のホームページがリニューアル公開されました。
みどり豊かな地・新潟県魚沼地域で育つおいしい「魚沼きのこ」を紹介している情報サイトです。
ホームページは WordPress を使用してレスポンシブデザインで制作し、常時SSL化しています。
今回のリニューアルでは「魚沼きのこ」を使ったレシピを検索できる機能を組み込みました。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
ホームページ制作事例「普光寺」
http://klik.exblog.jp/28443538/
2021-02-13T16:05:00+09:00
2021-02-13T16:05:03+09:00
2021-02-13T16:05:03+09:00
pc_klik
ホームページ制作事例
普光寺様は、毎年3月に裸押し合い大祭が行われる場所です。
ホームページは WordPress を使用してレスポンシブデザインで制作し、常時SSL化しています。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
ホームページ制作事例「味処えづみや」
http://klik.exblog.jp/28415782/
2021-01-26T15:14:00+09:00
2021-04-30T15:52:05+09:00
2021-01-26T15:14:46+09:00
pc_klik
ホームページ制作事例
味処えづみや様は、昭和初期から地元の皆様に愛されている浦佐駅前のお店で、おてごろな予算でボリュームたっぷりのお料理を提供しています。ホームページは WordPress を使用してレスポンシブデザインで制作し、常時SSL化しています。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
年末年始休業のお知らせ
http://klik.exblog.jp/28353750/
2020-12-12T09:18:00+09:00
2020-12-12T09:18:59+09:00
2020-12-12T09:18:59+09:00
pc_klik
お知らせ
パソコン教室くりっくは 12月30日(水)から1月3日(日)まで お休み させていただきます。
]]>
Excel の関数の中で変数が使える LET 関数
http://klik.exblog.jp/28304477/
2020-11-19T16:11:00+09:00
2020-11-19T16:11:12+09:00
2020-11-19T16:11:12+09:00
pc_klik
パソコンのこと
Excel 365 に LET という新しい便利な関数が追加されています。
なにが便利かというと、関数内で変数を使うことができるんです。
例えば、以下のような場合に役に立ちます。
5回の購入金額の合計が10,000円以上の場合に10%割引とする場合、今までは以下のような数式を作っていました。
=IF((B2+B5+B8+B11+B14)>=10000,(B2+B5+B8+B11+B14)*0.9,B2+B5+B8+B11+B14)
無駄が多く感じますね。
いったんどこかのセルに購入金額合計を計算しておけばすっきりした数式になるのですが、ダイレクトに計算する場合はこうなってしまいます。
LET 関数を使うと数式は以下のようになります。
=LET(Goukei,B2+B5+B8+B11+B14,IF(Goukei>=10000,Goukei*0.9,Goukei))
Goukei という名前(変数)を使って無駄のない分かりやすい数式になっています。
購入金額合計の計算をいちどしか行わないので、こちらの方がより高速に計算できるそうです。
]]>
ホームページ制作事例「美咲産業」
http://klik.exblog.jp/28415467/
2020-10-09T11:35:00+09:00
2021-01-26T11:39:01+09:00
2021-01-26T11:39:01+09:00
pc_klik
ホームページ制作事例
美咲産業様は、一般廃棄物処理および産業廃棄物処理に関して、南魚沼市周辺を中心に廃棄物の収集運搬、リサイクル化まで一貫して行っている会社です。
ホームページは WordPress を使用してレスポンシブデザインで制作し、常時SSL化しています。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
この秋、初めて暖房をつけました
http://klik.exblog.jp/28253677/
2020-10-05T11:36:00+09:00
2020-10-05T11:38:05+09:00
2020-10-05T11:36:55+09:00
pc_klik
日記
この秋、初めて暖房をつけました。
今年はまだファンヒーターを出さずエアコンで暖房しています。
]]>
Canva の動画編集機能が使いやすくなっています
http://klik.exblog.jp/28140830/
2020-06-22T17:58:00+09:00
2020-06-22T17:58:14+09:00
2020-06-22T17:58:14+09:00
pc_klik
おすすめソフト
パソコン教室くりっくのレッスンでときどき使用する Canva の動画編集機能がすごく使いやすくなっていました。
我が家の犬と猫の動画を使ってひとつ作ってみました。
作ってみて、あまりにかんたん過ぎて驚きました。
静止画を貼り付けてトリミングするのとあまり変わらない手間でこのような作品を作ることができます。
しゃれたデザインのテンプレートやパーツがたくさん用意されているので、企業・地域・イベントなどの紹介ビデオを作るのにも使えます。
パソコン、インターネットをお使いの上でお悩み・お困りの際はお気軽にご相談ください。
]]>
https://www.excite.co.jp/
https://www.exblog.jp/
https://ssl2.excite.co.jp/