wordpress

【WordPress】CSSを別ファイルで読み込む方法|SettingsAPIでの個別ページ反映

plugin
SettingsAPIを使って自作プラグインや独自の設定画面にCSSを反映する方法の解説。wp_register_style()、wp_enqueue_style()を使うがポイントはwp_register_style()を実行する時に使うフック。(wp_enqueue_scripts か admin_enqueue_scripts か)サンプルコードで実際CSSを読み込んでそのページだけにCSSを反映させる動作検証。

【WordPress】SettingsAPIの設定画面をCSSでデザインカスタマイズ

plugin
Settings APIを使った設定画面は、add_settings_sectionで指定したセクションタイトルをh2タグで囲んでくれたり、do_settings_sectionsが各フィールド(設定のための入力や選択項目)を自動で tableタグで表示してくれる。この設定画面に対してデザインカスタマイズをする方法や、CSSファイルを別ファイルに分けて読み込む方法を試してみる。

ブログ記事の先頭に画像は必要?アイキャッチの理由や意味

ネットビジネス
この記事も先頭に画像(アイキャッチ)を入れてますが、ブログの記事の先頭にこうした画像を貼っているパターンは多いと思います。他のブログやサイトがそうしてるから、なんとなく画像を入れてるよ!なんていう場合もあると思いますが、どうして入れるのか、入れるとした時の注意点、そもそも入れなくても良いのでは?といったところ...

【ヘッダタイトル】文字だけのロゴ画像の作り方!背景を透明にする方法(PhotoScape編)

カスタマイズ
ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど)背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルの文字が見づらくなる場合がありますが、こうした時には文字だけのロゴ画像を作成して...

【WordPress】プラグイン作成法を分かりやすく解説!サンプルから有効化まで

プラグイン開発
ワードプレス用のプラグインを自作してみたい!まずは最初の一歩ということで、プラグインを作る上での基本(最低限何が必要か)を押さえつつ、プラグインを一緒に作ってみましょう。ここではプラグインファイルの記述の仕方から、実際にサンプルプラグインを作成して、インストールと有効化までしてみたところをご紹介!これであなた...

【WordPress】改行と段落の仕方!段落間スペースの空白レイアウトも押さえる

wordpress
ワードプレスで記事を書く場合に基本となる改行と段落。記事の読みやすさ、分かりやすさに大きく関係するところで、ここで基本となる改行の仕方、段落分けの仕方、またその使い分けをまず押さえておきましょう。また、改行、段落を使う時の注意点や、段落と段落の間、行間のスペースのあけ方、細かい調整の仕方(CSSを使ったカスタ...

WordPressプラグインの使い方を分かりやすく解説!検索、インストールと有効化、停止・削除・更新の方法

plugin
ワードプレスのプラグインとは「後からいろいろと追加できる拡張機能」のこと。これが実に色々な種類がありますが、ワードプレスの基本の機能であり、ワードプレスの最も重要な機能の1つ、とも言えますね。ここではプラグインはどうすれば使えるようになるか、検索からインストールの仕方や停止や削除、プラグインの更新などの手順を...

【WordPress】プラグインを一括インストール(登録)する方法

plugin
WordPressで複数ブログを立ち上げる時にちょっと面倒なのがプラグインのインストール。必要なプラグインが多い場合、プラグインの新規追加から1つ1つ検索してインストール、なんて繰り返しやるのは結構時間もかかって面倒ですよね。^-^;)まとめて登録(一括インストール)用のプラグインも以前使用してましたが、すで...

【CSS】投稿日、更新日がある時、更新日のみ表示する方法!1つ前の要素を非表示にすれば解決

CSS
ブログのテーマ(外観デザインを決めるやつね)でよくあるのが、記事の投稿日と更新日の表示。例えば以下のように表示されたりしますが、投稿日:xxxx年xx月xx日 更新日:xxxx年xx月xx日この場合、投稿日がかなり古くなっていくと、何か記事が古く見られそうだし、そもそも新しく更新しているので投稿日を表示する必...

画像の縦サイズを縮める!いらない部分をカットする加工編集の方法(PhotoScape編)

ツール
ブログに画像を貼りつける場合、最近は特にスマホで撮影した画像を使うことが多いことから、縦長の画像になる場合も多いと思います。縦長は縦長で良いですが、アドセンスの審査段階では、アドセンスのポリシー違反にならないよう、上下の余分なところはカット(トリミング)しておくと良いですね。ここでは無料のおすすめソフト Ph...

ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる!CSSで簡単カスタマイズ

CSS
ブログの記事一覧表示にアイキャッチ画像(サムネイル画像)を表示している場合が多いですが、その画像にカーソルを乗せる(マウスホバーさせる)と、「画像がふわっと拡大表示される」という場合がありますね。この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてください。(私が使っている...

【WordPress】編集画面で上部の黒いバー(管理バー)やサイドメニューを表示する方法

wordpress
ワードプレスでは、通常ログインしていると、上部に黒いバー(管理バー)が表示されます。また「ダッシュボード」や「ホーム」などのメニューが左のサイドバーに表示されます。でも記事の投稿画面(編集画面)では、この上部やサイドのメニューバーが表示されないので、表示したい、というわけです。これは単に設定だけで、投稿画面で...

【WordPress】画像に枠を付けるとぼやける?等倍で綺麗に表示する方法

CSS
画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」(にじんむ)場合があります。(特に画像に文字が入っていると気になったりしますよね)枠の分だけ画像が縮小されることが原因ですが、その場合CSSの設定はどうするのが良いか、ぼやける理由の詳細や、ぼやけない画像の基本、ワードプレス...

【WordPress】パーマリンク(URLスラッグ)を簡単に決める方法!圧倒的な時間短縮を図る

wordpress
パーマリンクとは、つまりはその記事にアクセスするためのURLですが、ワードプレスで記事を投稿する時、スラッグの部分を何にするか、結構悩んでしまい時間がかかることも多いもの。ここでは、スラッグを考える時間を圧倒的に短縮化する方法をご紹介です。

URLリダイレクトを簡単に!
正規表現でカテゴリ以下全てや記号以降、拡張子を指定する方法

plugin
中古ドメインを使う場合に良くありますが、被リンクからのアクセスが404エラー(このページはありませんエラー)にならないよう、別のURLに飛ばしたい場合には「301リダイレクト」を使います。被リンクからのアクセスが10個程度なら1つ1つリこのダイレクトの設定をすればよいですが、これが100とか1000になるとも...