HTML/CSS、JavaScript、PHPなど、Web系プログラミングの記事
-
【Git】ブランチを使うと何がいいの?目的とSourceTreeでの使い方
バージョン管理では変更履歴を分けて管理できます。(「ブランチ」といいます。) 知っておくと便利!実際どう使うの?🤔を解説します。 バージョン管理でのブランチって何?個人開発をするときの、ブランチの使い方Sourcetreeを使ったブランチの作成、切替... -
GitHubの基本の使い方〜導入からいつもの運用まで〜
大規模な開発なら必ず行なっているバージョン管理。 とはいえ、個人開発でも、プログラムの変更記録を管理したいこともあるのではないでしょうか。 でも、バージョン管理って専門用語ばかりでわかりにくいんですよね… 今回は、初心者がgitを使うための知識... -
Sourcetreeのインストールと具体的な使い方〜gitでファイルをバージョン管理〜
お仕事で資料やファイルを日々を作成/編集するとき、こんなことありませんか? キャプション 保存しちゃったけど、昨日の状態に戻したい…ファイルに手を入れたい。でも、元の状態も使うかもしれないから、ファイル複製しよう… ファイル名の後にverをつけ... -
【エックスサーバー】WordPressにBasic認証パスワードをつける
この記事では、WordPressで作成したサイトにBasic認証をつけて、アクセス制限をかける方法を説明します。 この記事でわかること Basic認証(ベーシック認証)って何?Basic認証はどんなときに使える?エックスサーバーでの簡単なBasic認証のかけかた一般的... -
箇条書きリストをおしゃれにするCSS10個
ブログ記事を書いていると頻繁に登場するのが、箇条書き。項目を並べたり、まとめるのに便利で、わたしもよく使います😄 今回は、CSSコピペでできる、おしゃれなリストのデザインをご紹介します。 リストの基本の書き方 リストには「番号付き」と「番号なし... -
WordPressにウィジェットエリアを追加する
WordPressのウィジェット機能を使うと、サイドバーやフッターに、プロフィールや記事一覧などの便利パーツを設置できます。 多くのテーマには、サイドバーやフッターなどのウィジットエリアが用意されていますが、それ以外にも新たにウィジットエリアを用... -
WordPressブログのドメイン変更手順
最近WordPressのドメインを変更しました。 同じように、WordPressサイトの引っ越しを考えている方へ「WordPressブログの記事や画像データをそのまま引き継いで、新しいURLに移すときの手順」を説明します。 ドメイン名を変更したくなった。 特別な理由がな... -
【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
記事を書く時に、他のホームページやブログの文章を一部紹介したいことって、けっこうありませんか? この記事ではコピペで使えるCSSのサンプルを5つ用意しました。 ブログやWordPressで引用符(blockquote)デザインを変える方法もご紹介します。 HTMLとC... -
WordPressのテーマにcssとjsを読み込む書き方
この記事では、WordPressテーマをカスタマイズする際に行う、CSSやJSの読み込みを方法について解説します。 WordPressテーマにCSSファイルを読み込む functions.phpで読み込みたいcssファイルを記述します。 // CSSファイルの読み込み function add_styles... -
WordPressの仕組み〜テンプレートファイルの優先順位
「テーマを作りたいんだけど、どのテンプレートを作ればいいの?」「ページを表示するとき、テーマ内ファイルはどう使われるの?」 WordPressテーマをカスタマイズしていて、こんな疑問がでてきたので、WordPressのテンプレートファイルが選ばれる仕組みに... -
WordPressが記事を表示する仕組み〜メインクエリとサブクエリ〜
この記事では、WordPressの記事を表示する仕組みとコードの意味について整理してみました。 WordPressのサイトにアクセスしてからページが表示されるまで。 WordPressがページを表示するときの流れを図解します。 ① ユーザーがリンクをクリックすると、表... -
WordPressテーマに関連記事を表示する
ブログ記事に「関連記事」を用意し、同カテゴリーの記事を表示します。 関連記事を表示するコード 今回は投稿ページのテンプレートファイル(single.php)に、関連記事を表示させます。 <?php if(has_category()){ // ①サブクエリを取得する //①-1 表示...