新松戸にあるコワーキングスペースにて、2015年9月30日に開催されたWordPressの勉強会『WordPress部 @ 松戸 Banana Cluster』にてLT(ライトニングトーク)を行いました。その時のスライドをシェアさせていただきます。WordPressのサイト内検索を使ってみ....続きを読む
「Events Manager」でイベントカレンダーと予約機能を追加する
WordPressで構築しているサイトでイベントの管理運用に役立つプラグイン「Events Manager」をご紹介します。このプラグインを使えばイベントカレンダーと予約機能を使うことができます。(有料のPRO版ならPayPalで決算まで行うことが可能になります。)プ....続きを読む
Advanced Custom Fieldを使ってGoogle マップを埋め込む方法
Google マップを表示するのに便利なプラグインはいくつもありますが、有名なプラグイン「Advanced Custom Field」(アドバンスド カスタム フィールド:以降ACF)を利用すれば、使いやすい編集画面と地図(Google マップ)表示ができるようになります。 ....続きを読む
WordPressでやっておきたい .htaccess の設定
Wordpressインストール後に .htaccess を適切に設定すれは、サイトのパフォーマンス向上や一部セキュリティ対策にもなります。今回はWordPressでやっておきたい .htaccess の設定内容をご紹介します。注意事項※ .htaccess の編集は必ずバックアップを取っ....続きを読む
投稿ページの前後ページナビをカテゴリ限定にする方法
WordPressの投稿ページに前後の記事を行き来するナビゲーションをつけることができますが、デフォルトではカテゴリーなど関係なく前後の投稿ページへ移動してしまいます。今回は簡単に同一カテゴリーの投稿ページへ移動できるようにする方法をご紹介しま....続きを読む
スライド「WordPress カスタムメニューを活用しよう」を公開しました
新松戸にあるコワーキングスペースにて、2015年6月24日に開催されたWordPressの勉強会『WordPress部 @ 松戸 Banana Cluster』にて登壇いたしました。 その時のスライドをシェアさせていただきます。 WordPress カスタムメニューを活用しよう カスタム....続きを読む
カスタム投稿のアーカイブで2ページ目が表示されない時の対処
カスタム投稿タイプのアーカイブページ(taxonomy-$taxonomy.php)を用いて一覧ページを準備していた際、2ページ目以降が404 NotFoundとなってページが表示されない事態が発生してしまいました。どうにか解決できましたのでまとめておきます。手こずった....続きを読む
WordPressのカスタムメニュー【4】長いClassをスッキリさせる
カスタムメニューで生成されるナビゲーションメニューには、デフォルトでたくさんのclassが設定されています。はじめてHTMLを見た方はその長さにビックリしてしまうかと思います。 もちろんそのまま有効活用する手もありますが、実際には不要に思っている....続きを読む
プラグインを使わないセキュリティ【1】ログインURLの変更
WordPressのデフォルトのログインURLを変更するだけでも、総当たり攻撃(ブルートフォースアタック)などを回避する効果は得られます。今回はプラグインを使わずにログインURLを変更する方法をご紹介します。 .htacsess に変更を加えますので、実行前には....続きを読む
WordPressでアイキャッチ画像の活用【2】表示のカスタマイズ
前回の記事で、アイキャッチ画像が表示されるようになりました。 次は表示されるアイキャッチ画像をテンプレートタグ/the post thumbnail を参照しながらカスタマイズしてみます。アイキャッチ画像の大きさ設定WordPress管理画面の設定>メディアで、....続きを読む
WordPressでアイキャッチ画像の活用【1】有効化と表示方法
各投稿や個別ページ毎にアイキャッチ画像を設定することができます。 これを表示できるようにしておくことで、アイキャッチ画像を簡単に活用することができるようになります。 アイキャッチ画像の有効化 ご利用のテーマで、投稿・ページ編集画面にアイ....続きを読む
松戸WordPress部:第18回WordPress勉強会のお知らせ
松戸WordPress部:第18回WordPress勉強会が開催されます。 日時:2015-06-24(水) 19:00 - 21:00 今回のテーマ: 『はじめてのカスタマイズ 〜カスタムメニュー&カスタムタクソノミー編〜』 対象:初級~中級(初参加も大歓迎です!) ....続きを読む
WordPressのカスタムメニュー【3】Bootstrap3のドロップダウンを利用する方法
カスタムメニューの活用方法を紹介していますが、wp_nav_menu()のカスタマイズや、管理画面でclass追加などを用いても、BootstrapのドロップダウンNAVはとても困難です。そこでBootstrap3のドロップダウンを再現してくれるコードがGithubで公開されていま....続きを読む
WordPressのカスタムメニュー【2】テンプレートタグの活用方法
前回、カスタムメニューを有効化させてナビゲーションメニューを表示する方法をご紹介しました。今回はカスタムメニューのHTMLをカスタマイズ方法をご紹介します。テンプレートタグwp_nav_menu() のパラメータで、idやclassの追加をはじめ、アイコンや矢....続きを読む
WordPressのカスタムメニュー【1】有効化と表示方法
WordPressのカスタムメニュー機能をつかえば、ナビゲーションメニューの表示内容を管理画面で簡単に編集できるようになります。 この便利なカスタムメニューの活用方法をご紹介します。準備その1:カスタムメニューの有効化まずは使いたいテーマでカスタ....続きを読む
WordPressで新着記事の表示【3】 日付の表示
新着記事一覧をループで書き出した時、日付がしっかり表示されるよう設定しましょう。 ここで紹介するタグの出力フォーマットは、 (設定 > 一般 日付フォーマット) の設定がデフォルトとなっています。 the_dateタグループ内に設定して記事の投稿/更新....続きを読む
WordPressで新着記事の表示【2】 本文の文字数を調整する方法
WordPressで新着記事を○件表示する方法を用いて、本文を含んだ新着情報をトップページに表示することができました。 続いて、その本文部分の文字数を調整したいと思います。the_excerpt() を使うthe_excerpt()は、ループ内でのみ利用できる抜粋文を表示....続きを読む
WordPressで新着記事の表示【1】 ○件表示する方法
トップページに設置することが多い『新着記事 ○件』といった形式の記事一覧の設定方法を解説していきいます。テンプレートタグ get posts を使うトップページに新着記事を希望する件数(5件、10件など)表示する方法をご紹介します。具体的なソース例....続きを読む