未経験のwebサイト制作の勉強

未経験からwebサイト制作の勉強をし、現在制作会社で働いております。

wordpress

webp(ウェッピー)に切り替えよう!

ー webp(ウェッピー)とは…? 米Googleが開発しているオープン標準の静止画像フォーマット。ファイルの拡張子は「.webp」。 ウェブサイトのトラフィック量軽減と表示速度短縮を目的としており、インターネットのWebページで広く使われている非可逆圧縮のJPE…

OGPを設定する

SNSでサイトのURLを共有・シェアされることが多くなってきたかと思います。 その際にURLだけでなく、画像と一文が表示されますがその画像と一文の設定が「OGP」です。①画像の制作 だいたいコーポレートサイトやお店のサイトだとロゴを使うことが多いです。 …

Wordpressで簡単にfaviconやタッチアイコンを設置する方法

WPではプラグインを使用すれば簡単にfaviconやタッチアイコンを設置できます。使用するプラグインは、 RealFaviconGenerator ja.wordpress.org 簡単なのは、260px×260px以上の正方形の画像を作って(png、jpgで) メディアにその画像を入れておきます。 プラ…

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

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

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

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

wordpressで固定ページをカスタムテンプレート機能を使って作成する

自分で作った「page-about.php」をカスタムテンプレート機能を使って固定ページのaboutページと紐付けします。 カスタムテンプレート機能 カスタムテンプレート機能を使うには「page-about.php」の冒頭に必要な記述をします。 特定カテゴリーの投稿記事を呼…

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

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

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

ja.wordpress.org このプラグインは検索 & 置換操作中に発生する、あらゆるシリアライゼーションの問題も解決します。 とても簡単にデプロイ出来てしまうので、本当におすすめです。最新版は小規模なシングルサイトであれば無料で問題なく利用できますが、最…

Contact Form 7 と flamingo の導入

wordpressにフォームを導入する場合、「Contact Form 7」プラグインを使うと簡単にお問い合わせフォームを導入することが出来ます。ja.wordpress.orgただ、Contact Form 7 は送信されたメッセージをどこにも保存しません。ですから、もしメールサーバーに問…

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

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

WordPressとは?

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