(license)みなさん、こんにちは!タカハシ(@ntakahashi0505)です。WordPressでサイトを運営しているとこんな要望が出てきませんか?自分の年齢など自動で計算して出力したいあちこちのページで同じ定型文や広告などのコンテンツを表示させたい最新の投稿をトップぺージやその他のページの好きなところ表示させたいWordPressではこのような動的な処理を行う場合、PHPというプログラミング言語を使ってプログラムを作るのですが、投稿や固定ページでそのままPHPをバシバシ記述していくことはできません。(ここに書けちゃうとセキュリティを落とすと言われているのです。)そんなときに使うのが、ショートコードという機能です。今回から何回かにかけて、数件の新着記事をアイキャッチ画像つきで表示するショートコードを目標に連載形式でショートコードの作り方をお伝えしていきます。事前準備として、ショートコードとは何か、またショートコードを作る際に絶対に注意すべき点についてお伝えしたいと思います。functions.phpのバックアップを!子テーマを使いましょうコメントを使って後でわかるようにまとめ連載目次:WordPressのショートコードで新着記事を表示するショートコードとは何か?まずショートコードとは何か?について説明をします。shortcut.引用:Shortcodes―WordPress.comです。言い換えると、色々な動作を短いコードで表現させることができる機能ですかね。事前にfunctions.phpと呼ばれる場所にプログラムコードを記述しておくと、記事投稿の際に短いコードを記述することで、その動作を呼び出すことができます。その呼び出すためのコードがショートコードというわけですね。ショートコードは一般的に[xxxxxx]というように各括弧で囲まれた記述の仕方をします。WordPressを運営されている方は何となく見覚えがあるかと思います。id=1]などがそうですね。これらはプラグインではありますが、WordPressのショートコードの機能を使っているというわけですね。ちなみに、ショートコードは投稿にも固定ページにも記述できますし、ビジュアルエディタでもテキストエディタでも記述できます。実際にショートコードを作る前に、絶対に伝えなければならないことが3つあります。これを守らないと大変なことになるので、必ずチェックを頂ければと思います。functions.phpのバックアップを!ショートコードを作る際は、テーマファイル内のfunctions.phpというファイル内に記述していきます。WordPressの管理画面から更新もできます。コードにミスがあるとサイトが真っ白になるということが、かなりの頻度で起こり得ます。うっかりセミコロンを忘れたうっかり全角の空白が混じっていただけでサイト全体が真っ白けになっちゃったりします。恐ろしいことに、WordPressの管理画面も真っ白けになりますので、管理画面から修正ができなくなります。functions.phpファイルのバックアップを...!FTPやレンタルサーバーのファイルマネージャなどの機能を使って、事前にfunctions.phpファイルをダウンロードしておきましょう。当ブログであればサーバーはエックスサーバー、テーマはSimplicity2の子テーマを使っていますので/tonari-it.com/public_html/wp-content/themes/simplicity2-childという場所にfunctions.phpがあります。WordPressでは「/wp-content/themes/テーマ名」という構成になっていると思いますので、一度見つけてダウンロードしてみて下さい。Simplicity2の子テーマのものであれば、エディタで開くとこんな内容です。何か問題が発生した場合は、すぐにバックアップのfunctions.phpをアップロードできるようにしておきましょう。子テーマを使いましょうfucntions.phpはテーマの中に含まれるファイルです。普通にテーマファイル内のfunctions.phpにショートコードなどを書き込んでいた場合、テーマがアップデートした場合にfunctions.phpの内容も上書きでアップデートされ、書いたショートコードが全て消えてしまいます。そのようなことにならないように、WordPressには子テーマと呼ばれる仕組みがあります。子テーマをインストール&有効化しつつ、ショートコードはfunctions.phpに記述しておけば、アップデートでの上書きの影響を受けずに済むようになります。子テーマとは何かについてはこちらの記事をWordPressの面倒な子テーマ作成&有効化をコマンド一発で実行する方法WP-CLIでWordPressをコマンドラインから操作するシリーズも終盤です。今回はwpコマンドを使ってコマンドラインからWordPressの空の子テーマを瞬時に作成する方法についてお伝えします。tonari-it.com2016.01.05作り方についてはこちらの記事をWordPressテーマのカスタマイズで子テーマを使うべき理由、使い方などWordpressテーマのカスタマイズに必要な「子テーマ」と「親テーマ」に関する概念に関する説明です。子テーマの作り方や、使い方についても説明しています。テンプレートやスタイルを変更するなら、必ず押さえておきたいWordpressのテクニックですnelog.jpご参考下さい。コメントを使って後でわかるようにこれはショートコードに限った話ではなくて、プログラムをする場合はいつでも気を付けたほうが良い話です。実際に作成しているときは良いのですが、作った後に一週間、二週間...と日が経つと、自分が書いたコードでも何のコードがわからなくなるときがあります。前述のとおり、functions.phpはサイト全体に影響を及ぼす場合がありますので、何かあった場合に素早く判断をして修正をする必要があります。そのようなときにリーダブルコード、つまり読みやすいコードにしておく必要があり、その一つの重要なテクニックとしてコメントがあります。脱プログラミング初心者のためのバイブル「リーダブルコード」のススメとにかくプログラマーというプログラマーが皆さんオススメしまくっている本「リーダブルコード」。その名のとおり「読みやすいコード」を書くための実践的なテクニックを凝縮している本書について紹介します。tonari-it.com2016.03.25PHPの場合はスラッシュ2つの後にコメントを記述します。ここにコメントを書く少なくとも機能ごとにどんな機能なのかを書いておくようにしましょう。まとめ以上、WordPressのショートコードについてその概要と作る際の注意点をお伝えしました。ショートコードを使うことでエディタ内から定型文や動的なコンテンツを簡単に呼び出すことができるようになります。注意点としてはfunctions.phpのバックアップをとってから作業すること!子テーマを使うこと!コメントをちゃんと残すこと!です。これさえ押さえれば、あとはその便利さをたっぷり味わうだけですね。次回、最も簡単なショートコードを作っていく方法を、初心者向けに超丁寧に解説していきたいと思います。WordPressで最も簡単なショートコードの作り方を初心者向けにとっても丁寧に説明しますWordPressでfunctions.phpを編集して最も簡単なショートコードを作ります。PHPやWordPressの初心者でも、確実に理解できるように、できる限り丁寧に解説をしていきます。tonari-it.com2016.06.20どうぞお楽しみに!連載目次:WordPressのショートコードで新着記事を表示する初心者でもWordPressショートコードを自作することを目標にして、数件の新着記事をアイキャッチ画像つきで表示する機能を題材として連載形式でショートコードの作り方をお伝えしていきます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。2015」で最も衝撃を受けたセッション。なんとWordPressサイトを10分で立ち上げるという内容だったのですが、そのレポートと反省についてお伝えしています。2015.11.09WordPress・ブログWordPressを始めて4か月で追加したプラグイン&削除したプラグインWordpressでブログを始めて2週間のときに当時のプラグインを紹介する記事を書きました。この時から3か月半が経ちまして、今回は以降追加したプラグインと削除してしまったプラグインについてお伝えします。2015.06.18WordPress・ブログブロガーズフェステバル2016に参加して感じた2つの素敵なこと「ブロガーズフェステバル2016」に参加してきました。今年、参加して強く感じたこと、PVは成功の指標ではなくなりつつあること、またブロガーの定義がしづらくなっている、この2点についてお伝えします。2016.09.27WordPress・ブログWordPress用レンタルサーバー選びで失敗しないための4つのポイント自社のWebサイトとブログを運営しつつ、さらに法人個人問わずWebサイトのお手伝いしてきた私からの視点で、WordPressを使う場合のレンタルサーバーはこう選んで欲しいというポイントをお伝えします。Exporterというプラグインなどを活用して、WordPress記事を更新したら自動で新しい記事も追加される一覧をスプレッドシートに作ります。Canvasで固定ページなどを作るWordPressで企業サイトを作るシリーズの第5回目です。企業サイトには必須の会社案内などの固定ページ。Canvasを活用して見栄えの良いページを作る方法です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣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をコピーしました。