ロリポップでワードプレスをhttps化しよう

2022.2.6 更新

皆さまこんにちは。

今や個人のブログであっても、SSL化していないサイトでは接続するのが心配…と思われてしまう時代です。

そこで本日は、ロリポップサーバーで無料の独自SSLの設定をしてみます。

(ちなみにマルチサイトでの手順で書いております。)

目次

  1. ロリポップでの設定
  2. ワードプレスでの設定
  3. データベースでメインサイトのアドレスを変える
  4. htaccessに追記する
“ロリポップでワードプレスをhttps化しよう” の続きを読む

photoshopで写真を背景イラスト風に加工してみよう

2022.1.23 更新

皆さまごきげんよう。

背景画を一から描くのってかなり大変ですよね。
そこで本日はphotoshopを使って写真をサクッとイラスト風に加工してみたいと思います。

目次

  1. 元画像の色相・彩度を調整する
  2. 線画を抽出する
  3. 細部をぼかす
  4. 色調補正のレイヤーを作る
  5. 仕上げ
“photoshopで写真を背景イラスト風に加工してみよう” の続きを読む

最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin

2022.2.6 更新

本日は最近入れてみたプラグイン2種類、Q2W3 Fixed WidgetYet Another Related Posts Plugin の使用感をレビューいたします。

目次

“最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin” の続きを読む

photoshop画像加工のバリエーション

2022.2.6 更新

皆さまごきげんよう。

本日はスマホで普通に撮った写真をフォトショップ(cs6使用)を使って色々と加工してみます。

どれも2、3ステップで出来るとっても簡単なものばかり!ではさっそくやってみましょう(^^)

目次

  1. ミニチュアジオラマ風に加工する
  2. 一眼レフ風に加工する
  3. トイカメラ風に加工する
  4. ズーミングしたように加工する
“photoshop画像加工のバリエーション” の続きを読む

jQueryでティッカーを作ってみよう

2022.1.23 更新

皆さまごきげんよう。

よく、駅などで右から左へ情報が流れてくる電光掲示板がありますよね。

ひと昔前のwebではよく見かけたアレを、今取り入れたら逆に新しいんじゃないの?ということで、 本日はjQueryで電光掲示板(ティッカー)を作ってみようと思います。

流す文章が一つのみなら css3 のアニメーションでも良いのですが、文章がいくつかあり、その文章が増えたり減ったりする場合、jQueryでプログラムを書いておくと便利なのです。

それでは早速やってみましょう。

目次

  1. css3でアニメーションの設定をする
  2. jQueryで関数を作る
  3. setTimeout関数でタイマーをセットする
“jQueryでティッカーを作ってみよう” の続きを読む

jQueryで座標を取得してみよう

2022.1.23 更新

皆さまごきげんよう。

本日はjQueryで座標を取得してみます。

今回作るものは、マウスカーソル (タッチデバイスでは指) を画面上で滑らせると、その軌跡に沿って★が描かれるというものです。

zahyo-wp01

目次


1.座標を取得するには〜offsetとclientX、clientY
2.変数を定義する
3.clone関数で要素にappendToする
4.setTimeout関数とは
5.タッチイベントとマウスイベント
6.まとめ
7.コード

“jQueryで座標を取得してみよう” の続きを読む

ウェブサイトに雪を降らせる!jQueryの背景アニメーションの作り方

2022.1.10 更新

皆さまごきげんよう。

本日は、前回のjQueryで雪を降らせてみようのファイルを元に、ワードプレスの背景に雪を降らせてみようと思います。

目次

  1. cssをワードプレス用に書き換える
  2. ワードプレス用にjsファイルを作る
  3. ワードプレスに外部ファイルを読み込ませる
“ウェブサイトに雪を降らせる!jQueryの背景アニメーションの作り方” の続きを読む

jQueryで雪を降らせてみよう

2022.1.29 更新

皆さまごきげんよう。

本日はjQueryで雪を降らせてみようの巻です。

今回はdivを雪の一粒に仕立て、jQueryでランダムな数値を取得・複製し、それをcssのアニメーションでループさせて雪を降らせてみようと思います。

今回作ってみるものはこちらです。

目次

  1. htmlファイルを作る
  2. windowsサイズを取得する
  3. ランダムな数値を取得して、forで繰り返し処理を行う
  4. cssでアニメーション設定をする
“jQueryで雪を降らせてみよう” の続きを読む

©2012 freyjasrm.com