質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

0回答

1779閲覧

表の中に文字を綺麗に収めたい。

442ky119

総合スコア207

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2016/05/09 15:46

見よう見まねでで作成した下記のPHPファイルをwordpressに実装しましたが、店舗情報の一覧が記載されている表の中の文字が表の中に収まっていなかったり、字の配列がおかしかったりします。
どうすれば、文字が綺麗に表に収まることができますか?

PHP

1<?php 2/** 3 * Template Name: Test 4 * 5 */ 6get_header(); 7?> 8<!DOCTYPE html> 9<html lang="ja"> 10<head> 11<meta charset="UTF-8"> 12<title>東京の店舗情報</title> 13<head> 14<body> 15 <form method="GET"> 16 <select name="my_filter" id="my_filter"> 17 <option value="13101">東京都 千代田区 </option> 18 <option value="13102">東京都 中央区 </option> 19 <option value="13103">東京都 港区 </option> 20 <option value="13104">東京都 新宿区 </option> 21 <option value="13105">東京都 文京区 </option> 22 <option value="13106">東京都 台東区 </option> 23 <option value="13107">東京都 墨田区 </option> 24 <option value="13108">東京都 江東区 </option> 25 <option value="13109">東京都 品川区 </option> 26 <option value="13110">東京都 目黒区 </option> 27 <option value="13111">東京都 大田区 </option> 28 <option value="13112">東京都 世田谷区 </option> 29 <option value="13113">東京都 渋谷区 </option> 30 <option value="13114">東京都 中野区 </option> 31 <option value="13115">東京都 杉並区 </option> 32 <option value="13116">東京都 豊島区 </option> 33 <option value="13117">東京都 北区 </option> 34 <option value="13118">東京都 荒川区 </option> 35 <option value="13119">東京都 板橋区 </option> 36 <option value="13120">東京都 練馬区 </option> 37 <option value="13121">東京都 足立区 </option> 38 <option value="13122">東京都 葛飾区 </option> 39 <option value="13123">東京都 江戸川区 </option> 40 <option value="13201">東京都 八王子市 </option> 41 <option value="13202">東京都 立川市 </option> 42 <option value="13203">東京都 武蔵野市 </option> 43 <option value="13204">東京都 三鷹市 </option> 44 <option value="13205">東京都 青梅市 </option> 45 <option value="13206">東京都 府中市 </option> 46 <option value="13207">東京都 昭島市 </option> 47 <option value="13208">東京都 調布市 </option> 48 <option value="13209">東京都 町田市 </option> 49 <option value="13210">東京都 小金井市 </option> 50 <option value="13211">東京都 小平市 </option> 51 <option value="13212">東京都 日野市 </option> 52 <option value="13213">東京都 東村山市 </option> 53 <option value="13214">東京都 国分寺市 </option> 54 <option value="13215">東京都 国立市 </option> 55 <option value="13218">東京都 福生市 </option> 56 <option value="13219">東京都 狛江市 </option> 57 <option value="13220">東京都 東大和市 </option> 58 <option value="13221">東京都 清瀬市 </option> 59 <option value="13222">東京都 東久留米市 </option> 60 <option value="13223">東京都 武蔵村山市 </option> 61 <option value="13224">東京都 多摩市 </option> 62 <option value="13225">東京都 稲城市 </option> 63 <option value="13227">東京都 羽村市 </option> 64 <option value="13228">東京都 あきる野市 </option> 65 <option value="13229">東京都 西東京市 </option> 66 <option value="13303">東京都 西多摩郡瑞穂町 </option> 67 <option value="13305">東京都 西多摩郡日の出町 </option> 68 <option value="13307">東京都 西多摩郡檜原村 </option> 69 <option value="13308">東京都 西多摩郡奥多摩町 </option> 70 <option value="13361">東京都 大島町 </option> 71 <option value="13362">東京都 利島村 </option> 72 <option value="13363">東京都 新島村 </option> 73 <option value="13364">東京都 神津島村 </option> 74 <option value="13381">東京都 三宅島三宅村 </option> 75 <option value="13382">東京都 御蔵島村 </option> 76 <option value="13401">東京都 八丈島八丈町 </option> 77 <option value="13402">東京都 青ヶ島村 </option> 78 <option value="13421">東京都 小笠原村 </option> 79 80 </select> 81 <input type="submit" value="絞り込み" /> 82 </form> 83 <?php 84 if ( isset( $_GET[ 'my_filter' ] ) && preg_match( '![0-9]{5}!', $_GET[ 'my_filter' ] ) ) { 85 $area = $_GET[ 'my_filter' ]; 86 } else { 87 $area = '13'; 88 } 89 if ( isset( $_GET[ 'my_page' ] ) && is_numeric( $_GET[ 'my_page' ] ) ) { 90 91 $my_page = absint( $_GET[ 'my_page' ] ); 92 } else { 93 $my_page = 1; 94 } 95 96 $id= '私のid'; 97 $item_per_page = 100; 98 $ct = '01'; 99 $start = ( $my_page - 1) * $item_per_page + 1; 100 $url = 'http://search.olp.yahooapis.jp/OpenLocalPlatform/V1/localSearch?appid=' . $id . '&ac=' . $area .'&gc='. $ct.'&results=' . $item_per_page . '&start=' . $start . '&detail=full'; 101 $xml = simplexml_load_file( $url ); 102 $total_count = $xml->ResultInfo->Total; 103 104 echo '<table class="left">'; 105 echo '<caption>' . $start . '件目から' . $item_per_page . '件 表示中 / 総件数 ' . $total_count . '</caption>'; 106 echo '<style scoped>.paging, table{width:70%;margin:auto;}td{border-bottom:1px solid #ccc;}td{color:#2980b9;}form{text-align:center;padding:2em;} 107 .page-link{padding:1em;margin:.3em;display:inline-block;width:3em;border:1px solid #ccc;word-wrap:normal;}h2{text-align:center;margin:2em 0;}</style>'; 108 109 $html = '<tr><td>%1$s</td><td>%2$s</td><td>%3$s</td><td>%4$s</td><td>%5$s</td><td>%6$s</td><td>%7$s</td></tr>'; 110 $i = 1; 111 112foreach ( $xml->Feature as $key => $item ) { 113 114 printf( $html, $item->Name, $item->Property->Yomi, $item->Property->Tel1, $item->Property->Address, $item->Property->Station->Railway, $item->Property->Station->Name . '駅', $item->Property->Detail->OfficialPcUrl1 ); 115 116 $i++; 117} 118echo '</table>'; 119?>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

aKusano

2016/05/10 17:55

PHPのコードではなく、最終的に書きだされるHTMLのソースコードと、それに対するCSSのコードを掲載した方がいいと思いますよ。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問