wordpress

CSSで改行(brタグ)の高さを設定する方法!marginやpadding, heightで指定できる?

CSS
改行(<br>タグ)に対して高さを変更したい(高さを設定したい)という場合があります。たとえば、サイトタイトルやブログの記事のタイトルに改行を使い、実際の表示ではその改行に高さを設定して見やすくする、みたいな使い方がありますね。ここではその <br>タグに高さを設定する方法をみてみますが、spanタグなどに置...

リストから表を作るCSS!flexで2列3列4列nのレイアウトを作る方法

CSS
ブログのデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい!という場合がよくあります。table や gridプロパティを使えば簡単に表は出来ますが、ここでは flexを使って簡単に2列、3列、4列といった形にしてみましょう。もう驚くほど簡単ですね。...

CSSでリストから表を作る方法!2列3列4列のレイアウトはgridで簡単にできる!

CSS
HTML、CSSのカスタマイズを多少でもする人はよく出くわすと思いますが、ul, li を使ったリストがあり、それをCSSを使って表形式にしたい場合が結構あります。tableプロパティでも実現できますが、今では grid や flex を使うと物凄く簡単にできますね。ここでは grid を使った場合の例をご紹...

プラグインの国際化(英語-日本語対応)!テキストドメインの指定から翻訳ファイルの作成まで

プラグイン開発
プラグインを自作したら、プログラム内のテキストを「英語」で書き、その上で「国際化(i18n)」の対応をしておきましょう。(※国際化:WordPressの設定言語に合わせて、日本語などの翻訳を自動で切り替える仕組みのこと)WordPress公式ディレクトリに登録するなら必須の作業ですが、登録予定がなくても国際化...

【WordPress】記事一覧で抜粋の文字数を揃えたい!全角半角混在でも同じにする方法

theme
ブログの記事一覧では、記事のタイトル下に記事の抜粋が表示されると思います。この抜粋、日本語の全角文字や全角記号、半角の英数記号が混在の場合、全角文字が多いか半角文字が多いかで見た目の文字の量も異なり、抜粋の表示を全体で見たとき整って見えない。細かいところですが、この「全角文字、半角文字」が混在でも見た目的に文...

ワードプレスで文字の上にフリガナを付けたい!ブログでルビを振る簡単な2つの方法

plugin
ワードプレスで記事を書いている時に、難しい漢字や英語に対して振り仮名やカタカナ表記(またはその逆で、振り仮名やカタカナに対して英語表記)、映画のタイトルなどで原題に対して邦題、邦題に対して元のタイトルを、元の文字の上に表示したい!などの場合があります。こうした「ある文字の上に注釈のように読み方たなどを付ける」...

【WordPress】プラグインを公式ディレクトリに登録する手順を詳しく解説!

wordpress
ワードプレスのプラグインを自作したら一度は公式ディレクトリに申請して、実際にプラグインがワードプレスで検索できたりすると嬉しいですよね。^-^)ここでは「Ad Auto Insert H」(広告自動追加 H)という、アドセンス広告を記事内の見出し前に自動で追加するプラグインを公式ディレクトリに申請して、実際に...

【WordPress】公開済み記事の修正・編集を下書き保存・一時保存する方法

plugin
ワードプレスで「既に公開している」投稿や固定ページを編集する場合、修正している「途中で一時的に保存したい」「修正したところまで一旦保存できれば」という場合があります。割と大掛かりな修正(時間がかかる修正)とか、用事があって途中で中断したい、などの場合がそうですが、これはプラグイン「PublishPress R...

【WordPress】記事を公開したまま修正する方法|Yoast Duplicate Postの使い方

plugin
WPで記事を公開した後、リライトするなど時間をかけて見直しをする場合があります。公開はそのままにしつつ、途中まで修正した内容を一旦下書きに保存したい(この時、公開している記事内容には変更は反映してほしくない)その下書きの修正が終わったら元の記事に反映したいという場合も多いもの。今回は、こんな時に使えるプラグイ...

WordPressのメニューバーの作り方!ホームやお問い合わせ、プライバシーポリシーのメニューを追加してグローバルメニューを表示する

アドセンス
ワードプレスでブログを立ち上げたら、グローバルメニューを作っておきましょう。(グローバルメニューとは、上段などに表示される、どの画面でも常に表示されるメニューのこと)基本となる、「ホーム」「このサイトについて」(プロフィール/運営者情報)「プライバシーポリシー」「お問い合わせ」のメニューを表示してブログの基本...

ワードプレスで記事ID,カテゴリーIDの調べ方!編集画面で簡単確認する方法も詳しく

plugin
ワードプレスでは新着表示や人気記事表示、サイトマップなどで、カテゴリ一覧や記事一覧を表示します。ただ表示したくないカテゴリーや記事の指定では、「記事ID」や「カテゴリーID」での指定となる場合がありますね。ここではこの「記事ID」「カテゴリーID」の取得の仕方を見てみましょう。記事IDの取得は簡単記事ID(投...

Wp Sitemap Pageの使い方!WordPressでサイトマップページを簡単作成

plugin
ワードプレスでサイトマップページを作るプラグイン「WP Sitemap Page」。今回はこのプラグインの使い方や設定について分かりやすく解説し、実際にワードプレスでサイトマップページを作ってみます。ショートコードを貼るだけでいとも簡単にサイトマップぺージが作成できますし、オプションを使ったカスタマイズ方法も...

Simple Sitemapの使い方!WordPressでサイトマップぺージ作成

plugin
ワードプレスでサイトマップページを作るプラグインのおすすめには、「Wp Sitemap Page」(簡単シンプル)と「Simple Sitemap」(見た目がこだわれる)の2つがあります。今回は「Simple Sitemap」を使って実際にサイトマップページを作ってみます。(実際のプラグイン名は Simple...

XAMPPでワードプレスをPCにインストール方法!設定や使い方を分かりやすく解説

WPをPCで使う
サーバーではなくパソコン上にワードプレスをインストールして色々試したい場合、XAMPP(ザンプ)を利用すればすぐできますね。ここではそのXAMPPを使ってワードプレスをインストールする方法を見て行きましょう。XAMPPのインストールがまだの場合には、以下を見てみてくださいね。関連)ワードプレスをパソコン上で動...

ワードプレスのブログをパソコン上で動かすソフト!XAMPPのインストール方法を詳しく解説

wordpress
ワードプレスのブログやサイトをカスタマイズする場合、何か問題がおきないか、というのが結構気になるところ。(特にPHPファイルの編集は間違うとブログが動作しなくなりますので)そうした場合に大活躍するのがパソコン上のローカル環境。つまりパソコン上にワードプレスをインストールして、あらかじめテストして問題がないか確...