2016.08.10みなさん、こんにちは!タカハシ(@ntakahashi0505)です。WordPressのショートコードで、数件の新着記事をサムネイル画像つきで表示する機能の実装をしているところです。WordPressショートコードで記事のパーマリンクと投稿日を取得する方法WordPressのショートコードで、数件の新着記事をアイキャッチ画像つきで表示する機能の実装を目指しています。今回はショートコードで記事のパーマリンクと投稿日を取得して表示をしていきます。tonari-it.com2016.07.17新着記事5件について記事タイトル(リンク付き)公開日を出力するショートコードを作成しました。今回は、それに加えて投稿記事の抜粋そしてリンク付きの投稿の作成者も追加で表示してみたいと思います。投稿の作成者アーカイブページへのリンクを付与まとめ連載目次:WordPressのショートコードで新着記事を表示する記事タイトル(リンク付き)と公開日を表示するショートコードのおさらい前回作成したプログラムはこちらでした。$retHTML;}add_shortcode('list','print_post');新着記事5件について、リンク付きの記事タイトルとその公開日を表示するショートコードです。最新の投稿を配列で取得し$mypostsに格納(デフォルトで5件)$myposts内の投稿全てについてグローバル変数$postに入れながら繰り返し$postを現在の記事としてセット該当記事のパーマリンク、タイトル、公開日を取得して成形しながら$retHTMLに追加グローバル変数$postをリセット$retHTMLを返すという流れとなります。投稿内でショートコード[[list]]を記述することで、関数print_postを呼び出すことができます。get_the_excerptで投稿の抜粋を取得する抜粋に関してですが、WordPressには該当記事の抜粋を取り出す関数が用意されています。記事の抜粋を取得する際はget_the_excerptを使います。get_the_excerpt()引数はありませんので、このまま表記すればOKです。上記プログラムの9行目と10行目の間に以下を挿入します。/>';するとショートコード[[list]]の表示はこのようになります。それっぽくなってきましたね。get_the_authorで投稿者を取得するでは次に投稿者を表示してみましょう。記事の投稿者を取得する場合はget_the_authorを使います。get_the_author()こちらも引数はありません。/>';を以下のように変更をします。/>';こうすると、ショートコード[[list]]の表示はこちらのようになります。当ブログも執筆陣が充実してきたので、get_the_authorもやりがいがあるというものです。get_author_posts_urlで作成者アーカイブページのURLを取得ではさらに、投稿の作成者による記事アーカイブページのURLを取得してみましょう。リンクすると、その投稿の作成者の記事一覧ページに飛べるようにしたいわけです。投稿の作成者のアーカイブページURLを取得するにはget_author_posts_urlを使います。$author_nicename)各パラメータは以下の通りです。$author_id:投稿作成者のユーザーID(必須)$author_nicename:ユーザーのスラッグ(省略可)ユーザーのスラッグというのは省略できますが、投稿作成者のユーザーIDを取得する必要がありますね。get_the_author_metaでユーザーに関するデータを取得その場合は、ユーザー関するデータを取得するget_the_author_metaを使います。$userID)パラメータはこちらです。$field:フィールド名$userID:ユーザーID。デフォルトでは現在の投稿作成者のIDこれで指定したIDのユーザーに関する指定フィールドの値を取得することができます。フィールドとしては、ユーザー名やそのメールアドレス、表示名から各SNSの設定項目まで各種を指定することができます。今回はIDが知りたいので、そのまま「ID」とします。Codexでご確認頂ければと思います。これによるショートコード[[list]]の表示はこちらです。それぞれのユーザーによる記事アーカイブページへのリンクがバッチリ追加されました。まとめショートコードを使って投稿記事の抜粋、リンク付きの投稿の作成者を表示する方法についてお伝えしました。$userID):ユーザーの各種情報などで色々と取り出して表示をすることができました。次回はいよいよアイキャッチ画像を追加で表示する方法についてお伝えしたいと思います。WordPressのショートコードでアイキャッチ画像を表示する方法WordPressのショートコードで、数件の新着記事をサムネイル画像つきで表示する機能の実装を進めています。今回はWordPressのショートコードでアイキャッチ画像を表示する方法についてお伝えします。tonari-it.com2016.08.30どうぞお楽しみに!連載目次:WordPressのショートコードで新着記事を表示する初心者でもWordPressショートコードを自作することを目標にして、数件の新着記事をアイキャッチ画像つきで表示する機能を題材として連載形式でショートコードの作り方をお伝えしていきます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。関連記事WordPress・ブログWordPressのショートコードでアイキャッチ画像を表示する方法WordPressのショートコードで、数件の新着記事をサムネイル画像つきで表示する機能の実装を進めています。今回はWordPressのショートコードでアイキャッチ画像を表示する方法についてお伝えします。PositionWordPressサイトでログイン時に表示される黒い帯の管理バーをブラウザの下に移動してくれるお手軽プラグインをご紹介。↓」で上下に移動も可能です!テーマカスタマイズをされる方にオススメ!サイトメニューと管理バーがカブって困っている方にはCSSによる解決方法も。Exporterというプラグインなどを活用して、WordPress記事を更新したら自動で新しい記事も追加される一覧をスプレッドシートに作ります。2016」の参加レポート。「WordPressで運営する大手メディア座談会」で話された中からマネタイズをテーマにレポートをします。2016.09.23WordPress・ブログこのブログを複数人で運営しているのはなぜか?その大小3つの理由について当ブログ「いつも隣にITのお仕事」。管理人のタカハシ以外にも何人かの方に継続的に執筆を頂いています。小さい狙いからけっこう壮大な目標まで3つの理由がありますので、それについて書きたいと思います。...色々なものが「習慣化」を邪魔します。今回は私自身が実践しているブログを習慣化するための5つのテクニックについてです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。Scriptが「V8ランタイム」をサポート!モダンなECMAScript構文が使えるようになった2020.02.072020.02.08GASでコピーしたGoogleスライドのプレゼンテーションを取得する方法2020.02.052020.02.05Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。