【基本操作方法】記事のタイトルが入ります

main_img

【メインテキストエリア】説明などを入れます。

ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。

入力はビジュアルモード、テキストモードどちらも使えます。

ビジュアルモードを使えば

太字

文字色

リンク

自由に編集できます。

 

画像も入れられます。

   

デモファイルのアップについて

デモファイルはFTPで各自のフォルダにアップしてください。

各自のフォルダ

※メンバーごとにフォルダをdev01~06まで分けています。
北田: /demo/dev01/
中野: /demo/dev02/
西村: /demo/dev03/
羽鳥: /demo/dev04/
渡部: /demo/dev05/
森:  /demo/dev06/

パスのルール

投稿画面のデモファイルの入力枠にはアップしたファイルのパスを入力してください。

(例)/demo/dev※/yymmdd_nn/index.html

・表示ページで「デモを見る」を押すと入力したパスのファイルが開く仕組みです。

・devの※には各自の数字を入れてください。

・yymmddにはアップする年月日を入れてください。

・nnは同じ日に複数のフォルダをアップする時に連番で数字を付けてください。

   

ダウンロードファイルのアップについて

各自のフォルダ

アップするフォルダは上記デモ用ファイルと同じです。

ダウンロードさせたいファイル一式はフォルダに入れ、zip形式で圧縮しておきます。

パスのルール

投稿画面のダウンロードファイルの入力枠にはアップしたファイルのパスを入力してください。

(例)/demo/dev※/yymmdd_nn/file.zip

・表示ページで「ファイルをダウンロード」を押すと、file.zipがダウンロードされる仕組みです。

フォルダの中身(参考)

——————————テキストエリア01ここから——————————

見出しはh2~h4まで使えます。

h2タイトルはこんな感じ

h3タイトルはこんな感じ

h4タイトルはこんな感じです

 

——————————テキストエリア01ここまで——————————

【HTML】

<p>テキストが入りますよ</p>
<ul>
	<li>リストが入りますよ</li>
	<li>リストが入りますよ</li>
	<li>リストが入りますよ</li>
</ul>
<!-- コメントも出せますよ -->

<p>テキストが入りますよ</p>
<p>テキストが入りますよ</p>
<p>テキストが入りますよ</p>

【CSS】

.footer
{
	color: #D36015 ;
}

【JavaScript】

// [.highlightjs]で囲まれた中だけをハイライトする
var elms = document.getElementsByClassName( 'highlightjs' ) ;

for( var i=0 , l=elms.length ; l>i ; i++ )
{
	// Highlight.jsの起動
	hljs.highlightBlock( elms[i] ) ;
}

// [.highlightjs]で囲まれた中だけをハイライトする (jQueryの場合)
$(function()
{
	$( '.highlightjs' ).each(function( i , block )
	{
		hljs.highlightBlock( block ) ;
	} ) ;
} ) ;

【PHP】

<?php 
  $custom_fields = get_post_meta( $post->ID , 'main_img' , true );
  if(empty( $custom_fields ) === false){
  <p>【メインキャッチ】</p>

——————————テキストエリア02ここから——————————

見出しや説明が入れられます。画像も入れられます。

——————————テキストエリア02ここまで——————————

【HTML】

<p>HTML02</p>

【CSS】

.css02 {}

【JavaScript】

//js02

【PHP】

<?php
php02

——————————テキストエリア03ここから——————————

見出しや説明が入れられます。画像も入れられます。

——————————テキストエリア03ここまで——————————

【HTML】

<p>HTML03</p>

【CSS】

.css03 {}

【JavaScript】

//js03

【PHP】

<?php
php03

——————————テキストエリア04ここから——————————

見出しや説明が入れられます。画像も入れられます。

——————————テキストエリア04ここまで——————————

【HTML】

<p>HTML04</p>

【CSS】

.css04 {}

【JavaScript】

//js04

【PHP】

<?php
php04
参考サイト
参考サイト01:https://www.yahoo.co.jp/
参考サイト02:https://www.yahoo.co.jp/
導入事例
サイト名:https://titan-art.com/

【ラストテキストエリア】説明などを入れます。

【更新履歴】
2020.01.01 記事を公開しました。
2020.01.05 記事を更新しました。