【基本操作方法】記事のタイトルが入ります
公開日2020.01.01
更新日2021.04.16

【メインテキストエリア】説明などを入れます。
ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。ここに本文が入ります。
入力はビジュアルモード、テキストモードどちらも使えます。
ビジュアルモードを使えば
太字も
文字色も
リンクも
自由に編集できます。
画像も入れられます。

デモファイルのアップについて
デモファイルは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 記事を更新しました。
- 最新記事
-
タグマネージャーの設定(随時更新)
2021.11.09 WEB・APPSEO対策
mori -
メルマガの開封・クリックをGoogleアナリティクスで測定する方法
2021.10.19 WEB・APPテクニックSEO対策
mori -
横スクロールサイトがかっこいいサイト
2021.10.18 WEB・APPテクニックアイデア
mori
- タグ
- UX・UIデザインバックエンドフロントエンドECサイトサーバー・ドメインSNSツールPHPSEOWebツールnoteJavaScriptGoogleTagManagerGitFacebookショップサーブオウンドメディアCSSSearchConsoleVScodeInstagramお名前ドットコムカラーミーCMSHTMLGoogleAnalyticsXDプログラム言語TwitterhetemlEC-CUBEWordPress操作方法アプリ画像関係PythonVBAデータベースMySQLRubyShopify
- 月別アーカイブ
-