WordPress プラグインの Simple Author Box を利用すると、記事の下に執筆者のプロフィールボックスを表示できます。
WordPress のユーザープロフィール情報が Simple Author Box のボックスで表示されます。
WordPress 管理画面から ユーザー > あなたのプロフィール でユーザー情報を編集することができます。SNSアカウントの追加もこちらですね。
非表示項目などを設定したい場合は、WordPress 管理画面から、Simple Author と設定画面を開きます。
こちらから表示OnOffなどの切り替えが可能です。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
WordPress でコンテンツ管理の生産性は CSV で劇的に高めことができます。
その CSV 利用を助けるプラグインが、Really Simple CSV Importer です。
この記事では Really Simple CSV Importer の使い方と活用方法をご紹介します。
WordPress における CSV の利用は、データベース的なデータ閲覧をするようなコンテンツに向いています。
例：店舗一覧、商品一覧、連絡先一覧など
このような用途に Really Simple CSV Importer を検討ください。
管理画面の ツール > インポートを選択します。
CSVの項目から、インポーターの実行を選択します。
CSV ファイルを選択してアップロードしてインポートすることができます。
以下は管理画面から落とせるサンプルの sample.csv と同じファイルです。
同じファイルを Googles スプレッドシート に上げています。
サンプルファイルを利用してインポートデータを作成しましょう。
Excel や Google スプレッドシートで CSV を準備しましょう。この記事では Google スプレッドシートを使用します。sample.csv を スプレッドシートに読み込んで編集しています。
上記画像にある１行目がキーとなる大切な行です。項目ごとに意味があります。
| 項目名 | 説明 |
|---|---|
| post_id | 上書きしたい記事IDを指定します。空欄の場合は新規追加の記事になります。 |
| post_name | タイトルと似ていますが、パーマリンクをいれます。 |
| post_author | 編集するユーザー名を指定します。 |
| post_date | 2013/09/13 0:00:00 のような形式で公開日を指定します。 |
| post_type | 投稿タイプを指定します。postを指定すれば、通常投稿です。カスタム投稿タイプなどはここで指定します。 |
| post_status | publishを入れると公開されます。空欄だと下書きになります。 |
| post_title | タイトル |
| post_content | 記事の中身 |
| post_category | カテゴリーを付与できます。 |
| post_tags | タグを付与できます。 |
| custom_field | カスタムフィールドが存在する場合キー名を指定することができます。 |
| tax_{taxonomy} | タクソノミーのキー名を指定することができます。 |
これら項目は埋まっている場合と空欄の場合でそれぞれ動作が異なります。スプレッドシートでデータを色々変更して試してみると動作に慣れますよ。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
WordPress のプラグイン開発をはじめたい方向けの記事です。
みたいに方にメリットとなる内容です。最速と書いたのですが、ジェネレータで雛形を作ると本当に速いです。プラグイン作成に5分もかかりません。
WordPressプラグインという色々なファイル構成や関数を学ばなければならないかと思うかもしれません。
しかし、今時はジェネレータが用意されています。ジェネレータを使えばあっさりプラグインの雛形、スターターキットを生成できます。
このようなプラグインジェネレータサービスがあるので利用しましょう。
フォームに名前など情報を入力するだけで、プラグイン開発ができてしまいます。
あとは、お好きな WordPress 環境で確認してください。管理画面にプラグインが表示されます。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
Google カレンダーの予定をサイトに埋め込みたいという場合、スマホとデスクトップ両方のレスポンシブ対応が必要となります。
この記事では Google カレンダーのレスポンシブ対応の方法をご紹介します。
レスポンシブ対応でユーザーのカレンダー閲覧環境を改善してください。
Google カレンダーの埋め込みタグを、googleCalendar クラスで囲います。
<div class="googleCalendar">カレンダーiframe埋め込みコード</div>レスポンシブ対応のための CSS を追加してください。
<style>
.googleCalendar{
position: relative;
min-height: 740px;
width: 100%;
padding-bottom: 50%;
}
.googleCalendar iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>min-height の部分は、media-query などでモバイルとデスクトップで環境に合わせて調整すると良いでしょう。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
HTTPからHTTPS移行したもののブラウザで、警告が表示される場合があります。
『このサイトへの接続は保護されていません。このサイトでは機密情報（パスワード、クレジットカードなど）を入力しないでください。悪意あるユーザーに情報が盗まれる恐れがあります。』
SSL証明書を設定して対応をしHTTPSでアクセスができるにもかかわらず、警告が出る場合は、HTTP参照が残っているケースが多いです。
次のような画像やCSS、スクリプトのURL参照があるとSSLの警告は消えません。
<img src="http://example.com/test.jpg" />こちらをhttpから、httpsもしくはスラッシュに書き換えます。
<img src="https://example.com/test.jpg" />このようにHTTPSへの参照に切り替えれば警告が消えます。
SSL対応で警告が消えない場合は、ソース内を調査するなどご検討ください。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
近年ではサイトを SSL で HTTPS 化することが必須の時代となりました。
そんな HTTPS 化の際には忘れがちで必須の TODO があります。
URL が代わりますので、サイトマップや GoogleAnalytics の連携が必要になります。
HTTPS 化したサイトは GoogleSearchConsole への新規登録が必要です。過去のHTTP のプロパティをそのまま移行はできないようです。
SearchConsole への追加ののちに、サイトマップを追加します。
SearchConsole の「サイトマップ」ページからサイトマップを登録します。
忘れがちな所なので注意してください。
SearchConsole を変更したので、次は GoogleAnalytics の設定を変更します。
管理 > プロパティから SearchConsole の指定を変更してください。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
WordPress のテンプレートタグ wp_nav_menu を BootstrapのNavsメニューに対応させたいケースについてご紹介します。
wp-bootstrap-navwalkerというライブラリを使用すると、wp_nav_menuをBootstrapのNavsに対応させることができます。
使い方は２ステップ、ライブラリの読み込みとソースコードの作成です。
class-wp-bootstrap-navwalker.php をコピーもしくはダウンロードして、テーマディレクトリに保存します。class-wp-bootstrap-navwalker.php というファイル名で保存しましょう（ファイル名はなんでもOK）。
読み込み記述がない場合は、functions.php に class-wp-bootstrap-navwalker.php の読み込みコードを記載します。
<?php
/**
* WP Bootstrap Navwalker
*/
require get_template_directory() . '/class-wp-bootstrap-navwalker.php';
これでライブラリ class-wp-bootstrap-navwalker.php が読み込まれて使用可能になります。
wp_nav_menu にキーを渡すことで Bootstrap の Navs 対応ができるようになっています。
<?php
wp_nav_menu( array(
'menu_id' => 'メニュー名',
'menu_class' => 'nav',
'container_id' => 'navbarNav'
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker()
));メニューの子要素を表示するには、depthのキーを2に指定してください。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
ロリポップ！レンタルサーバーはデフォルトファイルアップロード容量上限が2MBと20MBしか選択できません。
WordPressを利用していると、20MB以上のファイルをアップロードしたいケースもあります。それに備えて限定的に20MB以上に変更する手法をご紹介します。
WordPressではファイル容量を越えている場合にはエラーが出ます。
これはPHPのファイル容量上限設定を変更することで解消できます。
ロリポップ！の管理画面にアクセスしてファイル容量上限を変更してみましょう。
ここで、ロリポップ！の公式設定では20MBまでしか指定できないので注意が必要です。
つまり、ロリポップ！管理画面では20MB以上のファイルアップロード上限変更はできません。
そこで、.htaccessを利用して、PHPのファイルアップロードサイズを変更します。
ロリポップ！レンタルサーバーでは、①.htaccessを優先するように設定変更、②.htaccessにupload_max_filesizeを記述、の2ステップが必要です。
管理画面から、php_value,php_flagの利用可能をOnにします。
.htaccessにpost_max_sizeとupload_max_filesizeの上限を指定します。
php_value post_max_size 64M
php_value upload_max_filesize 64Mこの例では、64MBにしました。
64MBまでのファイルをWordPressなどでアップロードができるようになります。
先ほどの.htaccessの優先指定はアップロードなどの作業が済んだら戻しておきます。
.htaccessの記述も消しておきます。
ロリポップ!の設定は20MBが上限ですのでその範囲の運用をお勧めします。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
投稿のパーマリンクを表示するテンプレートタグです。ループの中で使用する必要があります。
パーマリンクとは、投稿の固有のURLのことです。
<?php
the_permalink();
?>the_permalinkでstaffページを出力した例です。
http://localhost:8080/staff/CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。
タイトルを表示するテンプレートタグです。
必ずループ内で使用するようにとあります。
<?php
the_title( '<h2>', '</h2>' );
?>こちらでh2タグに囲まれたテキストのタイトルが出力されます。
CAMON.TOKYO の吉澤修です。
記事に関連したお困りごとやお仕事のご相談などはお問い合わせからご連絡ください。