webサイト制作の勉強|2019年10月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。

WordPress

投稿記事内の最初に使われている画像をサムネイル画像として表示させる

アイキャッチ画像をサムネイルをして表示させる場合 上記のテンプレートタグを使うと、imgタグごと出力されます。 投稿記事内の最初に使われている画像をサムネイル画像として表示させる場合 functions.php function first_post_image(){ global $post, $pos…

wordpressで特定の記事を表示させる

前回の授業では特定の記事を表示させる為に以下のように「query_posts」を使いましたが、現在「query_posts」は非推奨なので、代わりに「get_posts」を使った形に変更しましょう。 「query_posts」の場合 <dl> ID); $recent_class = 'popular_post_box recent-'.</dl>…

よく使うwordpressテンプレートタグまとめ

ここの多くはwordpressのテキストで既に出て来た物がほとんどですが、よく使うwordpressテンプレートタグをまとめたので使ってみましょう。 ページファイルをカスタムテンプレート化する テンプレート化したheader.phpを呼び出す サイトのURLを表示 使用…

wordpressの公式テーマに子テーマを作ってカスタマイズする

wordpressでサイトを制作する場合、大きく分けると2つの方法があります。 1つは真っ白い状態からオリジナルでテーマを作っていく場合(travel sketch)、もう1つは既存のテーマを自身でカスタマイズしていく方法です。今回は既存のテーマを自身でカスタマ…

プラグインを使ったwordpressのデプロイ

以前、バックアップを取って、sql文を使ってwordpressのデータを移動させましたが、今回はプラグインを使ってデプロイさせます。ja.wordpress.org このプラグインは検索 & 置換操作中に発生する、あらゆるシリアライゼーションの問題も解決します。 とても簡…

WordpressをXAMPPからサーバーにデプロイする

授業ではXAMPP環境でWordPressの制作を進めましたが、ポートフォリオ等に載せる為にはWordPressのデータを別サーバーに移行する必要があります。 データ移行用のプラグインなどもありますが、ここでは手作業でデータの移行を行います。 旧WordPressサイト(XA…

WordPressを始めるための下準備

ここでは、WordPressのオリジナルテーマを作成する為の下準備を行います。 WordPressのインストール ダウンロードした「wordpress」フォルダーをテストサーバーの「htdocs」フォルダー内にコピーし、新規データベースを作成する。データベース名は適宜、文字…

WordPressとは?

WordPressとは WordPressとは、オープンソースのブログソフトウェアである。PHPで開発されており、データベース管理システムとしてMySQLを利用している。単なるブログではなくCMSとしてもしばしば利用されている。 WordPressのテンプレートはすべてPHPである…