webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

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という。 このよ…