以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン

WordPressプラグインを使わないでアイキャッチ付きの関連記事一覧を表示する方法をご紹介します。WordPressプラグインは、簡単に使用することができます。ただ、プラグインは入れすぎるとその分、動作が遅くなってりと弊害の部分もあります。また、セキュリティ上の観点からも できる事なら使わずに済んだほうが良いわけです。 今回は、WordPressの記事の下に関連記事をアイキャッチ（画像）付きで表示させるのをプラグイン無しで表示させる方法をご紹介します。 元記事はこちらです。 How to add WordPress Related Posts Without Plugins こんな感じになります function.phpを編集 下記コードを function.php に追加します。サムネイルのサイズを変更したい場合は、コードを修正してアップしてください。 add_theme_suppor

WordPressで指定した特定のカテゴリ（タグ）内の記事だけ表示させたいときに使うPHPコードを覚書しておきます。 今日はアイキャッチ画像を使った表示方法と、リスト形式の表示方法をご紹介します。 アイキャッチ画像を使って記事を表示させたい場合 ↑この様に左側にアイキャッチ画像を使って記事一覧を表示させたい場合は、まず、投稿記事にアイキャッチを指定する必要があります。 アイキャッチ画像を指定するところは、記事を投稿する画面の右下にあります。 ただ、これだと、1投稿ずつ設定しないとダメんです。。。 過去記事もアイキャッチ画像を設定するとなるとちょっと面倒ですよね。 そこで、便利なプラグイン！Auto Post Thumbnail を使います。 このAuto Post Thumbnailは過去の記事の一番上に挿入されている画像を自動的にアイキャッチ画像に指定してくれる！という便利なプラグインで

2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P

レンタルサーバの一つである「さくらのレンタルサーバ」にWordPressを手動でインストールする手順について解説します。手動の場合には任意のバージョンをインストールできます。 ※ 「さくらのレンタルサーバ」ではより簡単に WordPress をインストールできるクイックインストールが用意されています。「さくらのレンタルサーバにWordPressをインストール」をご覧ください。 WordPressをダウンロードする 最初に WordPress のダウンロードを行います。次の URL へアクセスし、画面右上に表示されている「WordPressを入手」をクリックして下さい。 ・https://ja.wordpress.org/ ダウンロードの画面が表示されます。画面中央に表示されている「WordPress 5.4.2をダウンロード」をクリックして下さい。 ダウンロードが開始されます。任意の場所に

WordPress のカスタマイズやテーマ作成をするさい、いきなり本番環境で作業してしまうと思わぬトラブルが生じることがあり、復旧作業に時間をとられるかもしれません。 そこで、パソコンに WordPress をインストールしてローカル環境で作業してみましょう。 bitnami は初心者でも簡単に WordPress をインストールできるのでおすすめです。詳細なセットアップ手順と使い方を解説します。 bitnami を使った WordPress インストール手順 ここからは Windows 10 に WordPress を入れる手順を解説していきます（Mac でも同じです）。 WordPress Cloud Hosting, WordPress Installer, Docker Container and VM 01. bitnami からインストーラをダウンロード まず、bitnami

ローカルにWordPressを設置してみた @penchi です。 WordPressのカスタマイズをするために、ローカルにテスト環境を作る 自分のパソコンの中でだけ動作するWordPress環境を作ってしまう・・・ということです。 そうすれば、レンタルサーバーもインターネットも使わず、WordPressのテストができます。 そのためにインストールしたのがBitNamiというソフトです。 インストール方法等は下記のブログを参考に・・・。 Windows版　＞ 超簡単＆スピーディにローカル環境にPHP+MySQL 、WordPress構築を実現するBitNami（かちびと.net） Mac版　＞　死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法！（Mac編）（OZPAの表4） ここでできるWordPressは英語表示です。 メニューも表示も全部英語なので

医学部の受験生は、塾や予備校に通っているケースが意外に多い。 やっぱり勉強を教えてもらえることが魅力だからね。 現役合格した学生さんを見ても、進学塾や医学部予備校出身者だったりする。 でも、医学部予備校と塾って何が違うの？って疑問は浮かばないかな。 ここでは具体的な違いを解説していくよ。 学費の面 まず学費についてだけど、間違いなく医学部予備校のほうが高い。 一般的な塾はもちろん、進学塾と比べたって圧倒的に高いんだ。 選んだ予備校やコースにもよるけど、だいたい1年で200万円は必要になるからね。 学費が高い医学部予備校だと、300万円を超える所もある…。 300万円というと、国立の医学部6年間の学費とほぼ同じ額だ。 一方の塾だけど、費用は1か月3～4万円、年間40～50万円が相場になってる。 医学部予備校と比べたら、費用は5の1～10分の1で済むことが分かるね。 個別指導塾だと少し高いけど

WordPressローカルサーバー環境構築のメリット～サーバー環境との違いは？～ ローカルサーバー環境 WordPressのローカルサーバー環境構築に挑戦するにあたって、サーバー環境とローカル環境の違いやメリットなどを自分なりにまとめてみました♪ 続きを読む 2013年9月1日 簡単♪WebMatrixを利用したWordPressローカルサーバー環境の構築方法 ローカルサーバー環境 WordPress「認証用ユニークキー」の入手方法とMicrosoft社の【WebMatrix】を利用して、簡単にローカル環境にWordPressをインストールする方法を順を追って説明しています♪ 続きを読む 2013年9月1日

少し前のものなので既知の方も多いとは思いますが、僕は知らなくて試しに使ってみたら予想以上に簡単にできて驚いたのでご紹介。 WordPressの環境を作りたいという場合、ほとんどはテスト用のサーバーを用意したりXAMPP・MAMPなどを使ってローカル環境を用意したりすると思いますが、今回紹介する「WordPress Portable」はこれらの方法に比べてかなり手軽にWordPressをローカル環境で構築することができます。 Windows専用みたいなのでMacメインの人には使えませんが、USBメモリなどに入れれば手軽に持ち運びも可能だったりと非常に便利だと思います。 使い方 WP-Portable.zipをダウンロード・解凍する まず、「WordPress Portable」のサイド部分にあるDownload Nowの下から「WP-Portable.zip」をダウンロードします。 （現在は

2013年3月23日 Wordpress WordPressのオリジナルテーマの作り方について、今回より３作に分けて説明していこうと思います！まず１つめの記事：Wordpressをローカルにインストールする方法。ローカルで操作するとファイルをいちいちアップロードする手間が省けるので時間の節約にもなります。参照Webサイトは私の敬愛する世界的に有名なブロガーの一人、Nick La氏によるWeb Designer Wall。このサイトのデザインも素敵なのでぜひ覗いてみてください！ ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする ←今ここ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマをアップロードする 簡単に手順説明 WordPressをローカルにインス

どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM