webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

wordpress

xserverにwordpressをインストールする

初期状態のサーバーには、「****.xsrv.jp」と「ssl」フォルダのみが存在していた。 「****.xsrv.jp」内に、「wordpress」フォルダを「wp」とリネームしてからアップロードした。 うまくいかなかったので、マニュアルを読む。 重要:アップロード先について …

wordpressをサーバーにアップロードする手順

知人に頼まれて小さなHPを製作する。こういうのは久しぶりで色々忘れていることが分かったので頭を整理するつもりで、、、 wordpressを使うためにはMYSQLが使えるプランを選択しなくてはならない。 ①FTPアカウントの設定 まずはFTP(file transfer procotol…

wordpress theme "asteria lite"

wordpress ページの種類と、ファイル名の関係 asteriaテーマフォルダの中身 黄色い部分が固定ページのテンプレートファイル。 page.phpのソースコードは以下。 <div class="fixed_site"> <div class="fixed_wrap singlefx"> <div class="page_tt"> <div class="center"><h1 class="postitle"></h1></div></div></div></div>

wordpress 固定ページ用テンプレートを作る方法。

固定ページを新規で追加する。 このときにプルダウンメニューで表示されるようなテンプレートの作り方。 ファイルの格納場所と、ファイル名について。 例えばaccessのページであれば、page-access.php profileのページであれば、page-profile.php このように…

wordpress absolute URLs

既存のwordpressサイトの見栄えを含めた改修作業をすることになって、授業でwordpressを教わった時から、トラブルの原因と思われた、絶対パス参照の問題に再びぶちあたった。 そもそも、wordpressの開発者が意図してそのような設計にしているのだから、その…

wordpress 簡易デプロイ

ローカルのwordpressをリモートで再現する。 下準備その1 ローカルwordpressのフォルダをコピーする。 コピーするのは以下の2つ。 「wp-content」「themes」の中にある、使用中のテーマのフォルダ。 「wp-content」「uploads」フォルダ。画像が入っています…

wordpress 画像を保存するフォルダを指定する

wordpressが管理するフォルダに画像が入っていると面倒がおおい。 特に困るのは、wp_contentsのuplaodsフォルダを更新しても、画像のリンクが切れてしまうことです。 メディア設定の画面を開くと… http://wp0322.webcrow.jp/travel/wp-admin/options-media.p…

wordpress を webcrow にインストールする

webcrowにwordpressをインストールする。 ダウンロードした新規ワードプレスのフォルダーをFTPソフトで、webcrowのサーバーにアップロードする。(コピー&ペーストのようなこと) 次にwebcrowの「データベース設定」→「MySQL追加」にはいって、データベース…

wordpress widget

「theme」フォルダの中に、「functions.php」というファイルを作る。 以下の記述をすると、widgetの設定ができる。

wordpress permalink のリセット

wordpressを使って作ったindex pageのpermallinkがすべて切れてしまった。 とりあえず、wordpressを再インストールしてみたけれども、症状が変わらなかった。 ダッシュボードの設定→パーマリンク、で一度「基本」に戻してみたら、修復できた。

wordpress の 再インストール

PHP My Admin databaseのテーブルを持ち出す。 テーブルが全て選択(グレーになっている状態)でエクスポート。 設定項目はさわらないで、実行ボタンを押す。 SQLファイルができます。 SQL FILE THEME FILE 自分で作ったテーマファイル。 画像データ 画像の…

wordpress 07 $wp_query

よくわからない…けれどもこのデータベースの情報が詰まっている。 $wp_query->max_num_pages =>ページの総数を取得している雰囲気です。 max_num_pages>1): ?> ぺージの総数が1より大きい時は‥

wordpress 06 is_single();

is_single(); 条件分岐タグ single pageであるかどうか。 if(is_single()): => もしシングルページであるならば。 permalinkとは? シングルページに、自動的につけられるURLのこと。 ページのリンクアドレス。 wordpressのダッシュボードから設定できる。 …

wordpress 05 previous_post_link(); , next_post_link();

気をつけるポイント が古い投稿へのリンク。 が新しい投稿へのリンク。 <div class="pagenav"><span class="old"></i> %title'); ?></span> <span class="new"></span>

wordpress 04 get_the_date();

記事の投稿日を出力する htmlのtime element、datetime attribute を記述するためには、それ用の表示形式に適合させなくてはならない。 その形式とは、「YY-mm-dd」 <time datetime<?php echo get_the_date('YY-mm-dd'); ?>> オプションを指定しない時の表記方法は、wordpressのダッシュボードから変更できる。 get</time>…

article element, time element, datetime attribute

article element ブログにおける単体ページ、単体の記事。 いま、授業で作ろうとしているのは、インデックスページ。 インデックスページに、各々の単体ページをまとめて表示することが目的。 そもそも単体ページは独立して存在しているわけだから、「articl…

wordpress 03 get_stylesheet_uri(); 関数リファレンス

<link rel="stylesheet" href="<? php echo get_stylesheet_uri(); ?>"> いまのスタイルシートのurlを取得してください。 それを表示してください。 getだけでは表示できない。echoとgetは一組。</link>

wordpress 02 template tag

テンプレートタグ。つまり、クラス分けをして、クラスごとに異なるCSSを割りあてる役割。 bodyにテンプレートタグをつけるということは、1ページ毎の装飾を変えるためにつけるということ。 bodyに付けたクラスごとに、CSSを変える。 同様に、それぞれのポ…

wordpress 01

理解のために分解する。 <body> <h1></h1> </body> if(have_posts()): if文、条件分岐。if()の括弧の中がtrueであるとき… have_posts posts、投稿を持っている(have)、保有しているとき… もし投稿があるならば、投稿を取得しな…

wordpress のインストールと初期設定 その2

前回の続き、教科書の段取りに準じた手続きです。 初期設定では以下のプラグインを有効にしておく。 このうち、インポートツールはテキストのサンプルファイルを持ってくるときに使う。 投稿一覧の「hello world」は削除しておく。 固定ページの、「サンプル…

wordpress のインストールと初期設定 その1

ローカルサーバ環境でword pressを使う準備(学校と同じ環境、教科書の段取) ダウンロードして、解凍した「wordpress」のフォルダを学校に準じて「wordpress0322」と名前を変える。 c drive>xampp>htdocs フォルダの中に、「wordpress0322」を入れる。こ…

database 作成

データベースの基本 SQL SQLとは、データベースのデータを取り扱うための言語。 SQLのうち、データの操作をする言語を「DML」data manipulation languageという。 SQLのうち、データを格納する表を作る言語を「DDL」data definition languageという。 このよ…