【WordPress】の疑問?

ハテナブログ
この記事は約10分で読めます。
ライト
ライト

コノキジハ15フンデヨメマス

この記事をお勧めする人

・wordpressを知りたい人

・コードに興味がある人

・記事を書きたい人


HTMLとは

「ハイパーテキスト・マークアップ・ランゲージ(Hyper Text Markup Language)」の略

文章が構成されている要素がどのような役割を持っているかを指示しています。

また、タグとは「文字(テキスト)に意味を与えてあげる(h)のようなもの」です。

「h」見出しを意味します。headingの意

<h1>見出し</h1>

のように書きます。

「/」終了タグに使用します。

このHTMLを使いこなす事ができれば様々なデザインのブログを書く事ができます。

タグ名説明
h見出し:h1, h2, h3…と続く
p段落:通常のテキスト
aリンクを挿入
li箇条書き
strong太文字で強調
<!–[if IE 6.0]>
  • IEとはインターネットエクスプローラの略で

このHTMLはそのIEの6,0のバージョンでしか利用できない事を意味します。

  • <![endif]はPHP ( PHP: Hypertext Preprocessor を再帰的に略したものです) は、広く使われているオープンソースの汎用スクリプト言語です。 PHP は、特に Web 開発に適しており、HTML に埋め込むことができます。
  • IFとは条件分岐の意味があります。

条件分岐とは、プログラム中で、ある条件が満たされているかどうかによって次に実行するプログラム上の位置を変化させること

  • 「!」 (エクスクラメーション)マークは「<! – –」と「– –>」のセットで「コメントアウト」という「ここからここまでコメントです」と宣言をするための記述です。
  • <body>とは 「BODY」とは文章や画像など、実際にブラウザの画面上に表示される内容を指定するタグです。
  • divコードとはグループ化をさします

例外

実行結果は【null(空ファイル )】となる場合がある。

理由は、WebブラウザはHTMLファイルを上の行から下へ順番に処理されていくからです。

つまり、JavaScriptを実行した時点ではまだh1要素が構築されていないので、取得しようとしてもできないのです。


CSSとは

CSSとはHTMLと併用して使用する言語です。

(Cascading Style Sheets、カスケーディング・スタイル・シート)の略で

Webページの文字色やスタイルをレイアウトするための言語です。

まず、どこのHTMLをレイアウトするか決めます

<h1>ABCDEFG</h1>の場合 =HTML

h1{color:red;}       =CSS

ABCDEFG  =結果

CSSを適応したいタグのことを「セレクタ(h1)」、変更したい項目を「プロパティ(color)」、そのプロパティを決めるものを「(red)」と呼びます。

  • classとはグループ分けの目印になるモノ
  • idも同様だが少し違う

JavaScriptとは

これまでの言語に動きを加えるプログラミング言語です

「画像のスライドショー」「ボタン」「申込みフォームの入力」などがそうです。

一般的に、JavaScriptのプログラムはbodyタグの中に書きます。

ただし、そのまま記述するのではなくscriptタグで囲むのがルールです。

scriptタグ内にJavaScriptのプログラムを書きます。

これにより、ブラウザがこのHTMLファイルを読み込んだ時に、JavaScriptプログラムも一緒に処理されて実行されます。

PHPとは

Hypertext Preprocessor意味する、HTML 埋め込み型の スクリプト言語です。 PHP の多くの構文は C、Java、Perl 言語から転 用したものですが、PHP 特有の機能を実装するために独自の構文を導入 しています。

アクセスする時間や状況、閲覧者に合わせて表示内容が変わる動的なコンテンツを作るのに向いています。 HTMLに埋め込んで使えるのも特徴の1つです。 HTMLのソースコードを生成できるため、入力した内容に合わせたページを表示できま

  • SNSサイトの制作
  • ECサイトの制作
  • ブログや掲示板サイトの制作
  • 社内管理システムの構築
  • お問い合わせフォームの実装
  • 予約システムの実装
  • グループウェアシステムの開発
  • 様々なAPIとの連携
  • 検索機能
  • データベースとの連携
  • 広告配信システムの開発
  • バッチ処理の作成

などが可能になる

<?php echo ‘hello konntikuwa’;?>

<?php XXX と ;?> が基本コード

プログラミングをする際に使用する

テキストエディットかスクリプトエディタで有効


┏━━━━━━━━━━━━━━━━━━━┓   ┃      DMM FX     ┃           ┗━━━━━━━━━━━━━━━━━━━┛  
FX取引をはじめるならDMM FXがお得!FX/CFD取引のDMM.com証券
    最┃短┃1┃時┃間┃で┃取┃引┃ス┃タ┃ー┃ト┃!┃    ━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛     ※『スマホでスピード本人確認』を使用した場合(休業日を除く)     抜┃群┃の┃操┃作┃性┃で┃ス┃ピ┃ー┃デ┃ィ┃な┃取┃引┃!┃    ━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛

ショートコードとは

WordPressで使えるコードの呼び出し機能です。 functions.phpに書いた記述を、固定ページや投稿などで呼び出すことができます。 固定ページや投稿では、PHPの処理を行なうことができません。 しかしショートコードで呼び出すようにすれば、使うことができるのです。

また、汎用的に使う一連の処理を簡単に呼び出せます。

つまり、自動的に動かせる事が可能

しかし、これはテーマの元々の機能を変えてしまう可能性がある。

その為、触らないほうがいい触るとしたらバックアップを残しておく

APIとは

APIとは「Application Programming Interface」の略語で、「エーピーアイ」と読みます。

APIは、あるシステムがほかのシステムと連携できるようにするコードの塊です。

PIはもともと、OS(OSは、Operating System(オペレーティングシステム)の略で、パソコンの操作やアプリなどを使うために必要なソフトウェアのことです)アプリケーション向けに提供していた機能を指していました

APIを連携することで、自社の開発したアプリケーションに他社の開発したアプリケーションの機能を埋め込むことができます。

つまり、他社のアプリケーションのシステムやサービスの機能を、自社のアプリケーションで活用することが可能になるということです。

この設計次第でAPIのリクエストとレスポンスの関係は大きく変わるので、「APIは●●をしてくれるもの」という決まりはありません。

 少し具体的にAPIの利用シーンをイメージしてみましょう。私たちはネットショッピングをする際にカード番号を打ち込みますが、番号・名前・期限・セキュリティコードなどの情報が安全性の低いネットショップのサーバに保管されると第三者に悪用される恐れがあります。そこでネットショップでは、カード会社が提供しているAPIが使われています。

 ネットショップはAPIを通して「これからお客さまがカード情報を打ち込むから確認してくれ」と要求します。顧客によって打ち込まれた情報はネットショップを通さず、直接カード会社のサーバに届き、情報が確認され、ネットショップ宛に「カードを確認した。決済は完了」という連絡だけが送られます。ネットショップはカード情報を管理することなく決済が確認できるので、顧客は安全に買い物ができるようになり、ショップのサーバ管理コストも最低限に抑えられるというわけです。

 上記例のネットショップのように、自社サービスでAPIを利用するのは簡単です。ルールに沿ってコードを書いて「この情報をくれ」「こういう動作をしてくれ」と要求するだけ。場合によっては利用者を識別するためのIDなどを送ることもありますが、公開されているAPIの多くが「誰にでも使える」状態になっています。使いすぎて利用制限がかかる場合もありますが、APIを使うこと自体はそこまで難しくないのです 。

WordPress REST API

WordPress REST APIはさまざまな利用方法があります。

特に、WordPressの管理画面を経由せずに投稿や編集、更新が可能なことから、WordPressと連携したアプリケーションの開発では重要な機能を担っています。

WordPress REST APIにアクセスするには、WP-CLIを利用します。

WP-CLI とは、WordPress を管理するためのコマンドインターフェースのことです。 コマンドを知っていれば、管理画面よりも素早く操作を実行できたり、スクリプトに組み込むことで操作を自動化できたりします

WP-CLIとは、WordPressをコマンドラインで操作するためのツールです。

マウスを使ったGUIベース(GUIは、「Graphical User Interface(グラフィカルユーザーインターフェース)」の略語で、グラフィックベースでコンピューターを操作できるインターフェースのことです。 具体的には、キーボードやマウスを使って画面上のアイコンやウィンドウを使いながらコンピューターを操作するインターフェースを指します)の操作が直感的でわかりやすい分、効率化が難しいのに対し、WP-CLIではコマンド入力による効率的な操作が可能になります。

また、コマンドをスクリプトに組み込むことで自動化し、プラグインのアップデートを定期実行したり、複数のウェブサイトで同じ処理を一括で行ったりすることが可能です。

CMSとは

CMSとは(Contents Management System)の略称で、Webサイトの構築・管理・運用を行うための管理システムのことです。

(1)オープンソース型

プログラミング言語を用いて記述したソフトウェアやプログラムの設計図(ソースコード)が公開されているタイプのCMS。ライセンス費用が発生しないので無償で利用でき、自由にカスタマイズできるというメリットがありますが、ベンダーのサポートがないので、Webサイトの構築や運用には一定のスキルが必要です。WordPress

(2)パッケージ型

ベンダーが開発したCMSライセンスを購入し、サーバーにインストールして利用するタイプ。初期費用やライセンス費用は発生しますが、ベンダーのサポートが受けられるため、オープンソース型よりも保守運用の自己対応の負担が少なく導入できます。

3)クラウド型

インターネット環境さえあれば利用できるタイプ。サーバーやソフトウェアを用意する必要がなく、導入する負担が少ないのが特徴です。機能やデザインのカスタマイズの面で、オープンソース型やパッケージ型と比べると自由度が低いという制約はありますが、Webサイトの構築や運用に手間をかけたくない企業に適しています。

つまり、CMSを用いないでHTMLやCSSでけでもWordpress的な事は可能だが

CMSがないと一から全部作っていかなければならない

=CMSにはプログラミングの集合体的なモノが入っている

これがプログラミング

JavaScript とは - ウェブ開発を学ぶ | MDN
MDN 初心者向け JavaScript コースへようこそ! この最初の記事では、高水準から JavaScript を見ていき、「JavaScript とは何か?」「これを使うと何ができるか?」などの質問に答えます。 JavaScript ...
JavaScriptの書き方、基本ルールをコードつきで徹底解説! | 侍エンジニアブログ
JavaScriptの基本的な書き方を初心者にも分かりやすく解説。HTML内に直接書き込む方法と外部ファイルを作成した書く方法の2通りの書き方を紹介します。また条件分岐や変数などの具体的な記述方法をサンプルコードとともに紹介します。
CSSとは?初心者にもわかりやすくCSSの書き方を解説!|Udemy メディア
CSSとは、サイトの見た目を指定する言語のことです。この記事では、CSSファイルを作る方法を、専門用語を使わずに、初心者にもわかりやすく解説します。CSSの作り方をマスターし、他のサイトと差をつけましょう。
https://web-designer.cman.jp/html_ref/function_list/

コメント

タイトルとURLをコピーしました