WordPressのbody_class()とは？bodyタグにクラスを追加・削除する方法も解説。
WordPressで作られたサイトには、bodyタグに特徴的なクラス名が追加されています。例えば、投稿ページでは、以下のようなクラスが付与されていることが多いですね。 <body class="post-template-default single single-post postid-数字 single-format-standard logged-in">...
View ArticleClik here to view.
【Photoshop】PSDから画像ファイル（jpg/pngなど）を書き出す方法
Webサイトのデザインデータは、PSDで共有されるのが主流ですが、そのままサイト上で使うことはできません。 「デザインデータを基に、Webサイトに画像を設置してみたい」ときなどは、PSDから画像ファイルのみを書き出して、それらをアップロードする必要があります。 というわけで今回は、PSDから画像ファイルを書き出す最も簡単な方法を解説いたします。 PSDから画像を書き出すには「画像アセット」を使う...
View ArticleClik here to view.
パソコンでできるおすすめの副業12選【稼ぐコツと便利なサービス】
本業とは別に副業を始めようと検討している方は多いでしょう。 中でもパソコンでできる副業は、場所を選ばずに稼げることから人気を集めています。しかし「パソコンでできる副業」といっても、さまざまな職種があるものです。それぞれのビジネスモデルや特徴を理解しなければ、自分のライフスタイルに合った副業を見つけることは難しいでしょう。 本記事では、パソコンでできるおすすめの副業について紹介します。...
View ArticleClik here to view.
CSVファイルからチャートやグラフがつくれるWordPressプラグイン「M Chart」
WordPressサイトにチャートやグラフを設置できるプラグイン「M Chart」をご紹介いたします。CSVデータを読み込んで、そのままチャート化できます。 このようなチャートをさくっと作成して、投稿記事や固定ページに設置できるプラグインです。 それでは早速みていきましょう。 「M Chart」の機能概要...
View ArticleClik here to view.
wp_nav_menuでナビゲーションを表示する方法。基本〜カスタマイズまで解説。
WordPressでは、外観 > メニューでヘッダーやフッター等のナビゲーションを登録できますよね。これらを表示する時に使うのが、WordPressのテンプレートタグ「wp_nav_menu()」です。...
View ArticleClik here to view.
WordPressでJavaScriptを外部ファイルで読み込む方法
Webサイトに何かしら動きをつけたい時にJavaScriptが必要になります。しかし、WordPress開発に慣れていないと、JavaScriptをどう読み込むべきか分からないですよね。...
View ArticleClik here to view.
WordPressでCSSファイルを読み込む方法【functions.phpから】
Webサイトを作る上で必ず必要なのがスタイルシートの読み込みです。WordPressテーマ作成には「style.css」が必須ですが、このスタイルシートは自動的に読み込まれるわけではありません。 当記事では、WordPressでCSSを外部ファイルとして読み込む基本的な方法をご紹介します。テーマのちょっとしたカスタマイズでCSSを扱いたい方は、以下の記事をご覧ください。 2021.03.19...
View ArticleClik here to view.
WordPressの必須条件分岐タグ10個 + 20個！【チートシートあり】
WordPressのページの種類に応じて処理を分けたい時ありませんか。 「投稿ページだけ特定のCTAを設置したい」 「トップページはサイドバー無し」 「固定ページをLP仕様にしたい」 こんな時に便利なのが、WordPressの条件分岐タグです。当記事では、よく使われる30個の条件分岐タグを以下の3つのセクションに分けて解説していきます。 基本の条件分岐タグ10（ページ判別）...
View ArticleClik here to view.
【早く書く方法】記事を最短で書き切るためのライティング技術10選
ブログや企業ページに掲載する記事を書くのは、非常に労力を使います。 思ったように文章が浮かんでこないと、イライラしてしまうこともあるでしょう。筆者の僕自身、ライターの仕事を始めて10年ほどたちますが、はじめのうちは非常に苦労していました。 それでも徐々に書くことに慣れ、個人ブログで毎日1記事書きながら、クライアントの記事を書くといった生活を1年ほど続けた経験があります。...
View ArticleClik here to view.
WordPressで投稿や固定ページのURLを取得する方法（パーマリンク）
WordPressで記事一覧を表示する時に必要なのがパーマリンクです。WordPressには、パーマリンクを扱うためのテンプレートタグが用意されているので、記事タイトルやアイキャッチなどと同様に簡単に取得できるようになっています。 当記事では、パーマリンクを取得できる関数の使い方についてご紹介します。パーマリンクの基本知識については以下で解説してますので、こちらもご覧ください。 2013.03.13...
View ArticleClik here to view.
WordPressで投稿のタグを取得する5つの方法
「記事内に投稿のタグ一覧を表示したい」 「特定のタグだけ取得したい」 など、タグを扱う場面は多いです。当記事では、WordPressでタグを取得できる基本的な関数を5つまとめました。どれも引数の解説と具体的な使用例をセットで紹介してまますので、ぜひ参考にしてください。 投稿のタグを取得できる関数5つ WordPressで投稿のタグを扱うなら、以下の5つが代表的な関数になります。順番にご紹介します。...
View ArticleClik here to view.
企業サイト「代表者メッセージ（代表あいさつ）」の書き方
企業のウェブサイト（コーポレートサイト）で重要なコンテンツである「代表者メッセージ（代表あいさつ）」の書き方について解説します。...
View ArticleClik here to view.
WordPressのページネーションを自作する方法【プラグイン無し】
アーカイブページに並ぶ記事の量が多いと、ページネーションが必要になります。 ページネーションとは、記事が30件あった場合に1ページあたり10件ずつ表示されるページ送りのことです。基本的には、記事一覧の下に以下のような形で表示されることが多いですね。 当サイトのページネーション...
View ArticleClik here to view.
WordPressで記事の公開日付や更新日付を取得する方法
ブログテーマなら必須といえるのが日付の取得です。 いつ公開された記事なのか 最終的に更新された日付はいつなのか ページに訪れたユーザーは必ず知っておきたい情報ですよね。当記事では、WordPressでこれらの日付を取得する方法について解説していきます。 WordPressで日付を取得できる関数4つ...
View ArticleClik here to view.
「Tool Stock」というジェネレーター置き場を作ってみて考えたこと
「Tool Stock（ツールストック）」というウェブサイトをつくりました。WordPressテーマ「NULL」という開発者ブログなど情報のみを提供するタイプのサイトに向いているテンプレートを使っています。 無料で使えるツール・ジェネレーター集です。ロゴ、ボタンなどウェブでよく使う素材が作成できたり、不動産の利回り計算もできたりします。...
View ArticleClik here to view.
WordPressのショートコードとは？基本仕様から作成方法まで解説
ショートコードといえば、WordPressに備わっている非常に便利な機能ですよね。記事で使う各パーツをショートコード化することで、複雑なものでも簡単に呼び出すことができます。 今回は、ショートコードの基本知識と具体的な作成方法について解説していきます。 WordPressのショートコードの基本...
View ArticleClik here to view.
WordPressテーマ変更時にカスタム投稿タイプを引き継ぐ方法
WordPressテーマの変更時、テーマ特有のカスタム投稿タイプで作成したコンテンツは引き継がれません。 カスタム投稿タイプ「お知らせ」で作成したテーマAのコンテンツは、カスタム投稿タイプ「お知らせ」が無いテーマBには、引き継がれないということです。テーマを元に戻せば再度表示されます。データが削除されるわけではないのでご安心ください。...
View ArticleClik here to view.
WordPressで「前の記事 / 次の記事」を表示する最も簡単な方法（カスタマイズ方法も紹介）
記事の最後には、前後のページに遷移できるナビゲーションが表示されますよね。例えば、当サイトでは、各記事の下部に以下のナビゲーションを表示しています。 当記事では、このように次の記事、前の記事に遷移できるナビゲーションを表示する方法について解説します。より高度なカスタマイズしたい方向けの関数も紹介してますので、最後までご覧ください。 最も簡単に次の記事/前の記事を実装する方法...
View ArticleClik here to view.
WordPressテーマの変更手順と確認項目まとめ
WordPressテーマを変更すると、デザインと機能が変わります。見た目の着せ替えだけではなく、中身（機能面）も含めて刷新できるのが、WordPressサイトの強みのひとつです。 しかし、元々あったコンテンツが表示されなくなったり、レイアウトが崩れることもあります。テーマごとにデザインや機能の互換性が異なるからです。...
View ArticleClik here to view.
WordPressでウィジェットエリアを追加・表示する方法（4ステップで解説）
WordPress のサイドバーは、外観 > ウィジェットから様々なアイテムを追加してサイト上に表示するのが一般的です。今回ご紹介するのは、以下のウィジェットエリアを追加する方法です。 WordPress5.8以降 WordPress5.8以前 当記事では、ウィジェットエリアの登録〜サイト上に表示するまでの手順をご紹介します。各ウィジェットの詳細や基本的な使い方は、以下の記事をご覧ください。...
View Article