ウェブデザイナーの問題解決メモ

■function.php function Include_my_php($params = array()) {     extract(shortcode_atts(array(         'file' => 'default'     ), $params));     ob_start();     //include(get_theme_root() . '/' . get_template() . "/news.php");     get_template_part($file);     return ob_get_clean(); } add_shortcode('myphp', 'Include_my_php'); ■news.php <?php $posts = get_posts('numberposts=5&category=1'); global $post; ?> <?php if($posts): foreach($posts as $post): setup_postdata($post); ?> <a href="<?php the_permalink(); ?>"> <?php the_time('Y/m/d'); ?> <span class="label label-<?php $label = get_the_category(); $label = $label[0]; { echo $label->category_nicename; } ?>"><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?></span><b...

wordpressで独自サイトを作成しようとすると、数あるテンプレートからよさそうなものを選んでも、結局カスタマイズが必要になって、phpやら何やらテーマの中身をいじらなければならない現状から、使うことを控えていたが、どうしても投稿（特にお知らせ・最新情報）などをユーザーにお任せする場合は優秀なので、後から自分が分かりやすくカスタマイズできるような模索をしていました。 元々bootsrtapベースで１からテンプレートを作成しようとしたところ、メニューやらウィジェットやらの設定がかなり複雑だったので、それではとbootstrapベースの、しかもカスタマイズしやすいテーマ「habakiri」を使って、そこから諸々カスタマイズしようというところに落ち着きました。 具体的によくあるカスタマイズしたい部分を勉強しながら解析していったので、メモとして残そうと思います。

wordpressのテーマ「Twenty Seventeen」を使ってみたのですが、ヘッダー画像（カスタムヘッダー画像）のサイズが、トップページと他のページではサイズが異なり、画像を上下左右最大限まで表示する必要があったので、その設定方法と苦労をメモしておきます。 １．まずは子テーマを作成します（これについては別途記載） ２．子テーマの「function.php」に以下を追加します。 // Eliminate twentyseventeen-front-page home css // フロントページのヘッダー画像を他のページと統一する add_filter( 'body_class', 'my_body_class',20 ); function my_body_class( $classes ) { unset($classes[array_search("twentyseventeen-front-page",$classes)]); unset($classes[array_search("home",$classes)]); return $classes; } フロントページの画像を表示するプログラムを、他ページと同様の扱いにしてしまいます。 最初はトップページ、サブページのヘッダー画像をそれぞれCSSを探って変更したのですが、 IEと他のブラウザで見え方が違ったりと色々苦戦しました。 ３．子テーマの「style.css」に以下を追加します。 .site-branding{ padding:30% 0 !important; height: calc(100vh - 104px); } .panel-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: 100%; position: relative; } .has-header-image.twentyseventeen-front-page .custo...

■opencms_8.0.1jaのインストール手順 ※Windows7の64bit環境だった為、VirtualPCを構築 １．サイトからダウンロード http://www.opencms.jp/download/ ２．解凍した中のinstall.htmlの流れに沿って各種ソフトをインストール 　　１）java SDKをインストール http://www.oracle.com/technetwork/java/javase/downloads/index.html 　　　　Windows x86版の「jdk-7u1-windows-i586.exe」をダウンロード＆インストール 　　２）Tomcatをインストール http://tomcat.apache.org 　　　　「apache-tomcat-7.0.22.exe」をインストール 　　３）Tomcatの中にopencmsのファイルを移動 　　　　Tomcatのインストール先フォルダの下記階層にopencmsのフォルダ内にあった「opencms.war」を配置 　　　　例）C://tomcatにインストールした場合 　　　　　　C://tomcat/webapps/opencms/　　（「opencms」は任意のフォルダ名で良い） 　　　　　　opencms.warの拡張子を.zipに変更し、解凍して出てきた中身を上記階層に配置しておく 　　４）MySQLをインストール http://www.mysql.com/downloads/ 　　　　「mysql-installer-5.5.17.0.msi」をサービスにインストール 　　　　※MySQL Workbenchで以下の設定をしておく 　　　　　　１）Server AdministrationのLocal MySQL5.5を起動 　　　　　　２）Options Fileにある「Networking」タブに移動し、「max_allowed_paket」にチェックを入れ、 　　　　　　　　値に「16777216」を入力 　　　　　　３）MySQLを再起動させる 　　５）opencmsのインストール画面を起動 　　　　ブラウザで下記アドレスにアクセス http://localhost:8080/opencms/...

■phpmyadminでDBをエクスポート ■phpmyadminでDBをインポート ■サーバー上のデータをFTPでダウンロード ■新しいサーバーにデータをFTPでアップロード ■「core/config/config.inc.php」のDB接続情報とURLを修正 ■DBの「modx_workspace」のパスを修正