jQueryで背景画像を時間で切り替える

2022.2.12 更新

皆さまごきげんよう。

本日は前回の続きになりますので、ぜひご覧ください。

jQueryで画像を書き換える

jQueryでワードプレスの背景画像を時間で切り替えを実装してみます。

今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。

目次

  1. ワードプレスのテーマフォルダの中にjsファイルを作る
  2. header.phpに外部ファイルの読み込みコードを書く
  3. jsが動かない時の対処法
  4. srcとsrcsetとは
“jQueryで背景画像を時間で切り替える” の続きを読む

javascriptで作ったカウントダウンタイマーをワードプレスに実装する

2022.2.12 更新

Photo on Foter.com

皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちらからどうぞ↓

javascriptでカウントダウンタイマーを作る

目次

jsファイルをワードプレスに実装する

前回作ったscriptの部分を、新たにjsファイル(◯◯.js)にしてFTPサーバの任意の場所に保存します。

“javascriptで作ったカウントダウンタイマーをワードプレスに実装する” の続きを読む

ロリポップで複数ドメインにワードプレスをインストールしてみよう

2022.1.23 更新

皆さまこんにちは。
本日は、ロリポップで複数のドメインにワードプレスをインストールしてみます。

ロリポップの説明がややこしかったので、備忘録として書き留めておきたいと思います。

複数ドメインにワードプレスをインストールする前に、念のため今あるサイトのバックアップを取っておきましょう。

●ワードプレスのバックアップを取る方法

目次

“ロリポップで複数ドメインにワードプレスをインストールしてみよう” の続きを読む

ワードプレスのバックアップを取る方法

2022.1.29 更新

皆さまはサイトのバックアップをは定期的に取っていますか?

本日はワードプレスのバックアップの取り方についての備忘録です。

ワードプレスのバックアップを取ろう!

目次

  1. ワードプレスでバックアップを取る
  2. phpMyAdminでバックアップを取る
  3. FTPでワードプレスの全てのファイルをダウンロードする
“ワードプレスのバックアップを取る方法” の続きを読む

ワードプレスの翻訳ファイルを書き換えるの巻

2022.1.29 更新

皆さまごきげんよう。

本日はワードプレスで子テーマの翻訳ファイルをいじって、日本語表記を他言語表記に書き換えてみます。

目次

  1. 日本語表記を多言語表記に書き換えとは
  2. moファイルとpoファイルについて
  3. Poeditをインストールする
  4. function.phpファイルに翻訳ファイルを読み込ませる
“ワードプレスの翻訳ファイルを書き換えるの巻” の続きを読む

wordpressをマルチサイト化する方法

2022.1.9 更新

WordPressをマルチサイト化してみよう

ジャンルごとにサイトを分けたい、アイディアがいっぱいあり過ぎて、ひとつのサイトだけじゃ物足りない!そんな貴方は、wordpressをマルチサイト化してみましょう。なんと、ひとつwordpressをインストールするだけで、複数のサイトを持つ事が出来るのです。しかも一元管理が出来るのでサイトが増えても管理が楽々です。

1. サブドメイン型とディレクトリ型とは?

まず初めに、アドレスをサブドメイン型にするかサブディレクトリ型にするかを決めましょう。

◆サブドメイン型<例>それぞれのサイトが全く違うジャンル
http://blog1.wpress.com/
http://blog2.wpress.com/

◆サブディレクトリ型<例>それぞれのサイトが関連性がある
http://wpress.com/blog1/
http://wpress.com/blog2/

アドレスとなる(ここではblog1,2)部分が先頭にくるか、後ろにくるかで雰囲気も変わりますよね。それぞれのサイトが全く違うジャンルならサブドメイン型、何かしら関連性のあるサイトならサブディレクトリ型、などとしても良いですね。ちなみに私はこのサイトの他にポートフォリオサイト、趣味のサイトを作りたいなと思っているので、サブドメイン型にしてみました。

“wordpressをマルチサイト化する方法” の続きを読む

©2022 freyjasrm.com