この記事では、WordPress(ワードプレス)の投稿ページのテンプレートファイルの作成方法とその見本を紹介します。WordPressではデフォルトで「投稿」と名前の投稿機能が付い...
KT LIFEは、HTML&CSS、WordPress、プログラミング言語などのWEB制作に関する知識、ITリテラシー全般の知識、「WEBの知識で自由な生活を目指す」をテーマにしたブログサイトです。
1件〜100件
2021年最新の仮想通貨アフィリエイトで不労所得を得よう!!
2021年最新のアフィリエイトで不労所得を得よう!この記事では、今現在(2021/09/01時点)最も稼ぐ事が出来る可能性を秘めている最高レベルのアフィリエイトを紹介します。 サ...
ワードプレステーマ作成で投稿ページを作成する方法(見本あり)
この記事では、WordPress(ワードプレス)の投稿ページのテンプレートファイルの作成方法とその見本を紹介します。WordPressではデフォルトで「投稿」と名前の投稿機能が付い...
ワードプレステーマのTOPページ(front-page.php)の見本
この記事ではWordPress(ワードプレス)サイトのフロントページの作成手順とその見本を紹介します。サイトの肝となる要素なのでしっかりマスターしましょう。
今回は、ワードプレスのテーマ作成で必要になってくるfooterのパーツ作成を紹介します。footerはサイト全体で見たらそこまで目立った要素ではありませんが、サイトマップの表示やj...
ワードプレスサイトのTOPページ(front-page.php)の見本
この記事ではWordPress(ワードプレス)サイトのフロントページの作成手順とその見本を紹介します。サイトの肝となる要素なのでしっかりマスターしましょう。 ファイルの配置は他と...
今回はWordPressのテーマ作成に必要なheader.php(ヘッダーパーツ)の作成を行います。WordPress(PHP)の最大の特徴であるパーツ化の恩恵を最も強く受ける要素...
【簡単】WordPressでスクロール追従ウィジェットを作成する方法
今回はWordPressのウィジェットへサイドバースクロール追従機能を付ける方法を紹介します。以下のような追従バナーを設置する場所として使うことを想定した仕様となっています。非常に...
WordPressで任意の位置にオリジナルのメニューを作る方法
今回はWordPressに任意の場所にオリジナルのメニューを追加する方法を紹介します。WordPressではデフォルトではメニューの設定はありません。今回紹介するコードによってメニ...
WordPressテーマ作成で任意の場所にウィジェットを追加する方法
今回がWordPressでオリジナルテーマを作成する際に必要となってくるであろうウィジェットの作成方法について解説します。ウィジェットとはテーマに組み込まれているGUI(Graph...
WordPressでカテゴリー毎に色分けをする方法(スラッグをclassにする方法)
この記事では、WordPressで作成したカテゴリーにカテゴリー名をclassにして、それを利用して色を振り分ける方法を紹介します。カテゴリーのイメージカラーを設定した時に、記事一...
PHPとjQueryでカテゴリー毎の記事一覧をタブ切り替えするコンテンツの作成
この記事では、WordPressサイトで、jQueryとPHPを使用して以下のようにカテゴリー毎の記事一覧をタブ切り替えするパーツの作成を紹介します。パーツ化することで複数ページに...
GASとTwitter APIを使用してスプレッドシート内のテキストをランダムに自動投稿
この記事では、Twitter APIとGoogle App Script(通称:GAS)を使用して、予め設定しておいたテキストを定期的に自動ツイートするプログラムを紹介します。プロ...
GASとTwitter APIを使用してスプレッドシート内のテキストをランダムに自動投稿
この記事では、Twitter APIとGoogle App Script(通称:GAS)を使用して、予め設定しておいたテキストを定期的に自動ツイートするプログラムを紹介します。プロ...
【Sass】分割した複数のスタイルシートをまとめる(@import)方法
今回はSassを使用する一番の利点とも言えるファイルの分割記述について紹介します。Sassではファイルを分割して、後で一つのスタイルシートにまとめる技法があります。それを「Part...
今回の記事ではプラグインは一切使用せずにphpを使って人気記事を作成して表示する方法を紹介します。まず初めに人気な記事(PV数)をカウントのプログラムを作成します。カウントした記事...
JSフレームワークや言語などの技術ベースでソートする参考サイト集を作りました
私はWEBディレクターとして様々なWEBプロジェクトに関わっています。 WEB制作をする際には、お客様との打ち合わせから始まり、制作内容をまとめ上げて、外部のエンジニアにコーディ...
今回はwebサイトのphp.iniの全ての設定がどうなっているのかを確認する方法を紹介します。pnp.iniでは、ファイルアップロードのの最大容量や、メモリの使用容量などを設定出来...
今回はwebサイトのphp.iniの全ての設定がどうなっているのかを確認する方法を紹介します。pnp.iniでは、ファイルアップロードのの最大容量や、メモリの使用容量などを設定出来...
記事内の最初の画像をサムネイルにして画像が無い場合はデフォルト画像を指定する方法
今回は、投稿一覧を取得した際に表示させるサムネイル画像を投稿内の初めの画像にして、画像が無い場合は予め設定しといたデフォルト画像にする方法を紹介します。
【完全版】プラグイン無しで目次を作り投稿内に自動挿入する方法
今回はWordPressを使用したサイトでプラグインを一切使わずに開け閉め可能、且つスムーススクロール導入の目次を作成して自動で記事内に挿入する方法を紹介します。
今回の記事は、WEBサイトにアクセスした際に、使用している端末がアンドロイドもしくはiPhoneなどのスマートフォンだった場合に「」などのスマホ専用ページに飛ばす処理を追加する方法...
今回は1000件、何万件の項目があろうが一瞬でHTMLに変換する裏技を紹介します。こういった技は基本的に小難しいプログラミングが必要と思われがちですが、今回紹介する方法はCSVとテ...
WordPressの各ページ毎にtitleタグを設定する方法
今回は、WordPressでサイト作成をした際に全てのページのタイトルタグを設定する方法を紹介します。WordPressのテーマを作成する際はタイトルタグの表示の仕方を自由にカスタ...
Pythonで複数のCSVを一瞬で結合する方法(コピペOK)
今回はPythonを使って複数のCSVファイルを一つのCSVファイルに結合して新たなCSVファイルに保存する方法を紹介します。今回紹介する方法を使えば、以下のような複数あるCSVフ...
CSV内の重複内容を確認して自動削除するならPythonで可能!!
今回はPythonのpandasを使用して、CSVの列の中で重複している内容を自動検出してから削除して新しくCSVに保存する方法を紹介します。コピペでも可能です。
今回はphpを使って生年月日のセレクトフォームをコピペで超簡単に作成する方法を紹介します。紹介するコードをコピペすれば以下のような感じにセレクトボックスで選択可能な日付入力項目を追...
WEBサイト内のリンクを10秒で一括取得する方法(WEBスクレイピング初級)
今回は、Pythonを仕様して指定したWEBサイト内の入っている全てのリンクを一瞬で取得してCSVファイルにまとめる方法を紹介します。この方法を使用すれば面倒なデータ集めの作業を全...
【php】選択したファイルをzipにまとめてダウンロードさせる方法
今回の記事では、phpを使用して、チェックボックスで選択したファイル(PDF等)をzipにまとめてダウンロードさせる方法を紹介します。さらに今回の方法はPDFを簡単にアップロード出...
【php】選択したファイルをzipにまとめてダウンロードさせる方法
今回の記事では、phpを使用して、チェックボックスで選択したファイル(PDF等)をzipにまとめてダウンロードさせる方法を紹介します。さらに今回の方法はPDFを簡単にアップロード出...
【コピペOK】IE対応してません!と伝えるバナーのphpコード
今回は、表示しているブラウザがInternet Explorerかどうかを判断して、IEでWEBサイトを表示した場合に「このサイトはInternet Explorerに対応してい...
WordPressの抜粋の文字数を調整して[…]を変更する方法
今回はWordPressの機能で抜粋を表示した場合に、その文字数を変更する方法と、抜粋の最後に出てくる「...」を変更する方法を紹介します。
【コピペOK】WordPressで自作SNSシェアボタンを作る方法
今回はWordPress内に自作でSNSシェアボタンを導入する方法を紹介します。今回の方法は丸々コピペでも実装可能なので、中々理解するのが難しくて困っている人は取り敢えずコピペで使...
横からスライドするドロワーメニュー(ハンバーガーメニュー)のテンプレート
この記事では、コピペで作れるドロワーナビ(ハンバーガーメニュー)のテンプレートを紹介します。ドロワーナビとは、以下のように「三」型のボタンをクリックすると上下左右の何からコンテンツ...
【jQuery】トップへ戻るボタンをコピペで超簡単に作成!!
今回は以下のようなトップへ戻るボタンの作成の仕方をわかりやすく説明します。また一部書き換えはありますが基本部分は全てコピペで使えますので活用して下さい。
WordPressのテーマ作成でページネーションを追加する方法(コピペOK)
今回は、WordPress(ワードプレス)のテーマ作成で必ず必要になってくるページネーションについての解説です。
わずか5秒で検索結果の改善に必要な情報を抽出するチート級な裏技
今回は、PythonのPandasというライブラリーを使用したデータ解析方法です。超簡単に検索結果の改善に必要なキーワード情報を一瞬で取得する裏技を紹介します。
WPでプラグインを使わずに全てのページにSNSシェア機能を導入する方法
SNSシェアアイコンの導入はテーマの機能やプラグインでも十分可能な場合もありますが、今回はテーマにその機能がない場合や、プラグインをなるべく使いたくないって方に向けてphpをを使っ...
カスタム投稿で追加したページのタクソノミーを一覧表示する方法
今回はWordPress(ワードプレス)でカスタム投稿で追加した投稿でカテゴリーやタグ、タームなどのタクソノミー関連の情報を取得して、出力する方法を紹介します。
WordPressで現在カテゴリーに属する投稿を一覧表示する方法
今回はWordPress(ワードプレス)のテーマ作成で現在開いているページのカテゴリー(タクソノミー)と同じ別の記事を一覧表示させる方法を紹介します。よく関連記事や、カテゴリーアー...
ドメイン変更したら検索順位とPV数はどのくらい変化するのか【実例紹介】
今回は、ドメイン変更後の推移について実例を紹介します。2021年の1月に私のサイトのドメインをka-holidayrefresh.com → kt-life.netに変更しました。...
【Scssの書き方:後編】@mixinと変数を理解して超効率化!!
今回は、Scssを利用する最大のメリットである@mixinと変数を解説します。これらを理解すれとCSSのみを使ってた時と比べて超効率的にコーディングを進める事が出来るため非常に楽に...
【Scssの書き方:前編】入れ子構造など基本的な扱い方と考え方
今回は、SCSSの書き方について前編後編に分けて初心者にも分かりやすく詳しく説明していきます。今回の記事を一通り理解出来れば以下のようなコードを書けるようになります。学習時間は約3...
VS Codeで簡単にSassの環境を作成する方法(Live Sass Compiler)
今回は、Visual Studio Code(VSコード)で超簡単にScssとSassの環境を作成する方法を紹介します。WEB制作系の勉強をしている人はSCSSの技術は必須になって...
今回はWordPress(ワードプレス)のカスタム投稿機能をプラグイン無しで追加する方法を紹介します。中でもカスタム投稿をグーテンベルクにしたいとの要望が多いので、その点に関しては...
今回は、有料の画像素材サイト(ストックフォト系のサービス)をいくつかまとめてみました。WEB系の仕事や、印刷系の仕事をしている方にとってはかなり重宝するサービスです。またカメラの副...
今回は、WordPress(ワードプレス)の投稿画面でアイキャッチ画像の選択が出てこない場合の対処法を紹介します。テーマの中には、この機能が付いていない場合があったり、何かの拍子で...
WPテーマ作成でTOPページに記事一覧を表示させる【プラグイン無し】
今回は、WordPress(ワードプレス)のテーマ作成で、プラグインを使用せずに投稿から作成した記事をTOPページで読み込んで表示させる方法を紹介します。CMSを使用する最大のメリ...
今回の記事はWordPress(ワードプレス)のテーマ作成に必要なphpファイルの構成を解説します。また最後には今回解説するファイルデータを一式無料提供します。
PC上(ローカル環境)でWordPressを動作させる方法【初心者向け】
今回は自分のパソコン上(ローカル環境)でWordPressを動作させる方法について解説します。初心者の方の挫折するポイントとなっているのが非常に残念なので、当記事ではもっと分かりや...
【php動作環境】MAMPの設定・動作確認を初心者に分かりやすく説明
今回はWordPressのテーマ作成や、その他php関連の動作環境として必要となるMAMPの設定と動作確認の仕方を解説します。phpの勉強は、ApacheやMySQLなどの知識が必...
【VSCode】テキストエディタで使える便利なショートカットキー15選
Visual Studio Code(VSCode)などのテキストエディタで使えるショートカットキーを15パターン紹介します。ショートカットキーを駆使できる様になると作業効率がいつ...
BootstrapとGrid-templateの組み合わせが超万能で最強【コピペレイアウト】
今回はBootstrapとGrid-templateを組み合わせることで出来るレスポンシブ対応レイアウトが万能すぎて最強だと思ったので紹介します。基本パターンのみの紹介にしますがコ...
クリックorホバーした時に下に項目が出る動きってなんて名前?
たまにメニューをホバーすると以下のように、ダダダーっと隠れた要素が一気に現れるメニューってありますよね。この動きって何なの?名前はあるのでしょうか?この様な動きは「ドロップダウン」...
Bootstrapのグリッドシステムの使い方を解説【初心者向け】
今回はBootstrapのレイアウト作成技法であるGrid System(グリッドシステム)についてを初心者の方にも分かりやすく解説していきます。
WordPressサイトを新ドメインに移管する方法【簡単10ステップ】
今回はWordPress(ワードプレス)で作成したサイトを新しいドメインに移管する手順を初心者の方にも慣れている方にも分かりやすく、10のステップに分けて説明致します。移管となると...
WordPressのログインURLの語尾のwp-adminを変更する方法
今回はWordPress(ワードプレス)のデフォルトのログインURLの語尾にある「wp-admin」を変更する方法を紹介します。セキュリティ上の問題が大きい点ですので、WordPr...
Bootstrapで初めに覚えるべき頻繁に使用するクラス【m-.p-.mx-.w-.h-など】
今回はBootstrapのclass(クラス)の中で最も頻繁に使用するものをいくつか紹介します。これらのクラスを初めに覚えてしまえば、レイアウトで悩むことはありません。ぜひ参考にし...
アドセンスの「CCPAに準拠して収益を確保」の設定方法【プライバシーポリシー】
Googleアドセンスのページを見ると「CCPAに準拠して収益を確保」と出てきますが、これは一体なんなのでしょうか?何か対応しなければ収益損失が起きるのか?何だか旧に怖くなってきた...
Bootstrapとは?初心者は必ず覚えるべき基本的な使い方の解説
今回はWEB制作でよく使用される「Bootstrap」と言われるものについての説明と使い方の解説をします。WEB制作のリアルな現場ではBootstrapをかなり多用します。WEB制...
今回はGoogleアドセンスの自動広告の一つであるアンカー広告の表示場所を、サイト上部を無効にしてサイト下部のみにする方法を紹介します。自動広告を設定すると、デフォルトではサイト上...
WordPressを手動でインストールする方法【初心者向け】
今回はWordPress(ワードプレス )のインストールの手順を徹底解説します。サーバーによってはボタン一つでインストール出来るのですが、今回紹介する方法は自動では無く手動ででイン...
今回はWEBサイトの制作でよく聞くjQueryについての説明と、その扱い方について解説します。jQueryは今も今後もWEB制作で必須な要素なので必ず覚えておきましょう。
スクロール後にヘッダー固定するグロナビメニューの作り方【jQuery】
今回の記事では、jQueryを使って画面を少しスクロールしたらヘッダーに固定されるグローバルナビケーションメニューの作成の仕方を紹介します。(コピペOK)jQueryを使ってヘッダ...
「ブログリーダー」を活用して、WEBディレクターKTさんをフォローしませんか?
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
この記事では、WordPress(ワードプレス)の投稿ページのテンプレートファイルの作成方法とその見本を紹介します。WordPressではデフォルトで「投稿」と名前の投稿機能が付い...
この記事ではWordPress(ワードプレス)サイトのフロントページの作成手順とその見本を紹介します。サイトの肝となる要素なのでしっかりマスターしましょう。
今回は、ワードプレスのテーマ作成で必要になってくるfooterのパーツ作成を紹介します。footerはサイト全体で見たらそこまで目立った要素ではありませんが、サイトマップの表示やj...
この記事ではWordPress(ワードプレス)サイトのフロントページの作成手順とその見本を紹介します。サイトの肝となる要素なのでしっかりマスターしましょう。 ファイルの配置は他と...
今回はWordPressのテーマ作成に必要なheader.php(ヘッダーパーツ)の作成を行います。WordPress(PHP)の最大の特徴であるパーツ化の恩恵を最も強く受ける要素...
今回はWordPressのウィジェットへサイドバースクロール追従機能を付ける方法を紹介します。以下のような追従バナーを設置する場所として使うことを想定した仕様となっています。非常に...
今回はWordPressに任意の場所にオリジナルのメニューを追加する方法を紹介します。WordPressではデフォルトではメニューの設定はありません。今回紹介するコードによってメニ...
今回がWordPressでオリジナルテーマを作成する際に必要となってくるであろうウィジェットの作成方法について解説します。ウィジェットとはテーマに組み込まれているGUI(Graph...
この記事では、WordPressで作成したカテゴリーにカテゴリー名をclassにして、それを利用して色を振り分ける方法を紹介します。カテゴリーのイメージカラーを設定した時に、記事一...
この記事では、WordPressサイトで、jQueryとPHPを使用して以下のようにカテゴリー毎の記事一覧をタブ切り替えするパーツの作成を紹介します。パーツ化することで複数ページに...
この記事では、Twitter APIとGoogle App Script(通称:GAS)を使用して、予め設定しておいたテキストを定期的に自動ツイートするプログラムを紹介します。プロ...
この記事では、Twitter APIとGoogle App Script(通称:GAS)を使用して、予め設定しておいたテキストを定期的に自動ツイートするプログラムを紹介します。プロ...
今回はSassを使用する一番の利点とも言えるファイルの分割記述について紹介します。Sassではファイルを分割して、後で一つのスタイルシートにまとめる技法があります。それを「Part...
今回の記事ではプラグインは一切使用せずにphpを使って人気記事を作成して表示する方法を紹介します。まず初めに人気な記事(PV数)をカウントのプログラムを作成します。カウントした記事...
私はWEBディレクターとして様々なWEBプロジェクトに関わっています。 WEB制作をする際には、お客様との打ち合わせから始まり、制作内容をまとめ上げて、外部のエンジニアにコーディ...
今回はwebサイトのphp.iniの全ての設定がどうなっているのかを確認する方法を紹介します。pnp.iniでは、ファイルアップロードのの最大容量や、メモリの使用容量などを設定出来...
今回はwebサイトのphp.iniの全ての設定がどうなっているのかを確認する方法を紹介します。pnp.iniでは、ファイルアップロードのの最大容量や、メモリの使用容量などを設定出来...
今回は、投稿一覧を取得した際に表示させるサムネイル画像を投稿内の初めの画像にして、画像が無い場合は予め設定しといたデフォルト画像にする方法を紹介します。
今回はWordPressを使用したサイトでプラグインを一切使わずに開け閉め可能、且つスムーススクロール導入の目次を作成して自動で記事内に挿入する方法を紹介します。
今回の記事は、WEBサイトにアクセスした際に、使用している端末がアンドロイドもしくはiPhoneなどのスマートフォンだった場合に「」などのスマホ専用ページに飛ばす処理を追加する方法...