ホームページビルダー教室 本日の授業から・・・ ワードプレスのテーマのカスタマイズ中、CSSファイルに #fc8 のような3桁のカラー指定がでてきました。通常は#ffffff のように6桁の形式で授業をしています。その間の変換に CSS Color Converter を使いました。
『何でも相談できる駆け込み寺』 日本IBM出身 ホームページビルダー元開発責任者 鎌田裕二
ホームページビルダー教室 本日の授業から・・・ ワードプレスのテーマのカスタマイズ中、CSSファイルに #fc8 のような3桁のカラー指定がでてきました。通常は#ffffff のように6桁の形式で授業をしています。その間の変換に CSS Color Converter を使いました。
ホームページビルダー教室の生徒さんが有料のワードプレス・テーマを購入されました。 パッケージをダウンロードして、Unzip その中にテーマのzip ファイルがあります。 現在使用中の(仮の)サーバーでは、WordPressのアップロードファイルサイズ制限が2MBとなっており、このテーマのzipファイルは3MB以上あるため、外観 テーマ からのZIPファイルのアップロードはできません。 テーマZIPファイルをUnzipします。サーバーにはFTP接続(ホームページビルダーのファイル転送ツール使用)して、テーマのフォルダーをwp-content/themes にアップします。 それから 外観 テーマ でそのテーマを有効化しました。テーマの使い方の勉強を始めました。
(ホームページビルダーとは直接関係ない話題です。) ワードプレスの勉強の一環として、ホームページビルダーを一切使わずに、ワードプレスサイトの構築に挑戦しました。 ワードプレスはレンタルサーバー上でインストール、ダッシュボードからOneToneというテーマを検索して、インストールしました。 ページの編集は、ダッシュボード 外観 Onetone Optionsという画面で行いました。 見本サイトは以下のURLで公開しています。 http://my-onetone.hpb18.org/ (追記) ブログ ページ・メニュの追加方法
starter (http://www.themeum.com/item/starter) というワードプレス テーマのインストール作業時のメモです。 一応 http://starter.hpb18.org/ にデモ版を公開しています。 unzip the theme package ftp starter to themes activate the theme install required plugin setup permalink (postname) install wordpress inporter import sample data menu settings primary = Main secondary = secondary 表示設定 フロントページの表示 固定ページ フロントページ = Front 投稿 = Blog
今晩も授業後は引き続きワードプレス・テーマの技術調査。(ホームページビルダーとは直接関係ありません。) ダッシュボード Layout Builder Container(open) ET Services
Title
icon font
animation style
content
Container(close) 現時点では、ナビゲーションの一部が動かない(ABOUT US、NEW OUR TEAM,Our Skills,,,,) 以下、解決方法 Container(open) select the block’s ID to link with the Menu header. Main menu About Us URL #about-us
(本記事はホームページビルダーには直接は関係ありません。ワードプレスのテーマのカスタマイズ時の作業記録です。)
外観 メニュー Main menu メニュー構造 各項目のカスタム ナビゲーション・ラベル (日本語可)
各項目を「削除」してから、メニューを保存
Our TeamカスタムOur Team (メニュー項目9個中5番目) URL #our-team
ナビゲーションラベル Our Team
タイトルの属性
移動 ひとつ上へ ひとつ下へ Our Skills 下の階層 先頭へ 削除 | キャンセル
リンク メニューに追加 URL #our-team ナビゲーションラベル Our Team 順番はドラドラで変更する。
この時点で ShowID for Post/Page/Category/Tag/Comment ワードプレス・プラグインを追加インストール・有効化
http://kuzumaki.hpb18.org/ このURLで最初に表示されるページは カスタム投稿 Slider
http://kuzumaki.hpb18.org/?slider=slider-4
投稿本文 Built with best practices and standards in mind. アイキャッチ画像 1440 x 706 本文とアイキャッチ画像の変更を試みる。成功
ここで PS Disable Auto Formatting 1.0.9 ワードプレス・プラグインをインストール・有効化 しかし 元の別のページに副作用? 停止
see what we can do for you これはどこで定義されているのか? template.php でハードコードしている。 「いらっしゃいませ!!」に書き換えてみる。成功
<?php the_content(); echo '<a href="#" id="scroll_to"><span class="scroll-down"><span class="img-scroll-down"></span></span>'.__('いらっしゃいませ!!','oneengine') .'</a>'; ?>
Sliders で Add New 本文 アイキャッチ画像
(この記事の内容はホームページビルダーには無関係です・・・) OnePageタイプのWordPressテーマの採用を生徒さんが検討されています。 OneEngineといるフリーのテーマのサンプルサイトを自分のワードプレスにいれる手順の覚書です。 http://www.enginethemes.com/themes/oneengine/ からテーマ、サンプルのパッケージ(zip)ファイルをダウンロード・展開 oneengine フォルダを wp/wp-content/themes へアップロード(ホームページビルダー ファイル転送ツール使用) ダッシュボード 概観 テーマ OneEngine を有効化 テーマが必要とするプラグインのインストール(この場合は Contact Form 7)・有効化 ツール WordPress から WordPress Importerのインストール・有効化 (sampledata.xmlをインポートするのですが、私のワードプレス環境でのアップロード・ファイル・サイズ上限を超えています。そこで WXR File Splitter を使って sampledata.xml を分割します。) sampledata.xmlをインポート author admin download and import file attachment YES Submit
外観 メニュー テーマの位置 Main Nav
設定 表示設定 フロントページの表示
固定ページ フロントページ Home 投稿ページ Blog
OneEngineのデモページを自分のワードプレスサイト上に構築できました。