HTMLのコピペについて
-
HTMLをコピペして枠で文字を囲いたいですが、このようなはてなマークが表示されてしまいます。
ータイトルーという形に線で囲みたい時にはどうしたら良いでしょうか?
-
『問題解決のためのチェックリスト』にある『投稿に記載する内容』をご確認いただき、ご自身の環境をご共有ください。
前回 別のトピックを立てられたときと同じボランティア回答者が回答するとは限りません。新しいトピックを立てられるときは、毎回、できるだけ詳しく環境や状況を記載なさるよう努力してください。
よろしくお願いいたします。
テーマ「Cocoon」をお使いなのであればですが、細かいカスタマイズについては Cocoon フォーラムでお尋ねになるほうが回答が得やすい可能性があります。
》 https://wp-cocoon.com/community/
また、老婆心ながら・・・
基本をマスターされていない段階で基本機能に含まれないカスタマイズを加えることはおすすめしません。まずは基本機能でできることを把握し、使いこなすことを目指していただくといいんじゃないのかなと思いますよ。
拝見しました。
同様の質問がすでにされていないでしょうか? フォーラムの検索フォームで検索してください。
→検索済みです。
ユーザーのブログ等でその問題について取り上げられているかもしれません。Google などの検索エンジンで調べてみましょう。
→検索の結果該当箇所は見受けられませんでした。
すべてのプラグインを無効化し、同時にテーマをデフォルトのテーマに戻して再度試してみましょう。それで正常に動くなら一つずつ元に戻してみて、どれが問題を引き起こしているか絞り込むことができるはずです。
→保存してからやり直しています。トップから開き直しましたが、以前変化なしです。
キャッシュが問題に関係している場合があります。ブラウザのキャッシュを削除して再度試してみてください。また、WordPress のキャッシュプラグインを使用している場合はそれを停止し、キャッシュファイルをクリアして試してみましょう。
→プラグインの問題は関係あるかと存じます。
どのプラグインかをお聞きしたいです。
ログインしている場合とログインしていない場合で現象に違いが出るでしょうか。また、使用するブラウザを変えてみてはどうでしょうか。ブラウザに保存されている Cookie が関係している場合もあるので、それをクリアして再度試してみてください。
→違いはありません。未公開なので、公開時に変更があるのかは分かりかねます。HTMLなりCCSには違うと反応しないので、今回の一番上の「?」に該当するかと存じます。
WordPress のバージョン WordPress 6.6.1
使用しているプラグインとテーマの情報(名称、入手先 URL、バージョン)
Akismet Anti-spam: Spam Protection
Contact Form 7
Hello Dolly
LiteSpeed Cache
SiteGuard WP Plugin
WordPress簡単テンプレート(ブログ版)
PHP、MySQL のバージョン
7.4.33 (64ビット値をサポートしています)
拡張機能mysqli
サーバーバージョン10.5.25-MariaDB-cll-lve
現在のバージョンmysqlnd 7.4.33
データベースのユーザー名gzttnhos_wp_tczwb
データベースホストlocalhost:3306
データベース名gzttnhos_wp_20buw
テーブル接頭辞quE7HFm_
データベースの文字セットutf8mb4
データベース照合utf8mb4_unicode_520_ci
許可される最大パケットサイズ268435456
最大接続数2000
サーバー環境(ホスティングサービス名、OS、ウェブサーバー等)
サーバー構造Linux 4.18.0-553.lve.el8.x86_64 x86_64
Web サーバーLiteSpeed
cURL バージョン7.61.1 OpenSSL/1.1.1k
ブラウザとそのバージョン
管理ダッシュボードは見つかりませんでした。
cache-control
,expires
,age
,last-modified
,etag
,x-cache-enabled
,x-cache-disabled
,x-srcache-store-status
,x-srcache-fetch-status.
上記記載済み。
エラーが表示された場合、「XX のようなエラー」ではなく、なるべくエラー文をコピーしてそのまま貼り付けてください
同郡。
よろしくお願い申し上げます。
Cocoonのカスタマイズについては承知しているのですが、どうにか上記の回答で方法を教えていただけないでしょうか。
すみません、具体的に何が難しいのでしょうか?初心者であまりわかっていないのですが、cocoonのコードについて難しいと仰っているのでしょうか?それとも、文字の大きさなどの「カスタマイズ」ということでしょうか?どの部分はあまり触れない方が良いのかも教えていただけますと幸いです。
こちらご紹介していただきありがとうございます。
ttps://wp-cocoon.com/community/
WordPressの質問以外を受け付けているそうです。
以前はプラグインをページ作成の左側の操作で導入していたようですが、それは現在は使用できないのでしょうか。
こんにちは。
一番最初の投稿で、画像を貼っていただいているのですが、こちら側で閲覧することができません。以下のサービスを使って画像が共有できるはずですので、もう一度お試しいただけますか?共有してもらった画像を確認すると、囲まれているようですが….
こちら見本です!
このようにしたいのですが、文字が枠の中に収まってしまい、このようにできません。。。
この見本のようになる方法をお伺いしたいと考えておりました。
現状、私のホームページの状態です。
View post on imgur.com
すみません。
できるだけ、全体が確できるようにスクリーンショットを撮っていただけますか?
双方の思い込みが入ってしまうと、アドバイスが難しいです。今、共有されている情報だけで考えると…..
私が勘違いしている可能性がありますが、添付画像のようなイメージでしょうか?上記のカスタマイズ手順を書きます。(本当はもっと良い方法もあると思いますが…..)
1.埋め込みしたページを開く。ブロックの中から「カスタムHTML」を選ぶ。以下のコードを入力します。
ここにタイトル、ここに文章の箇所にご自身が入力したい文言を入れてください。
<div class="box1">
<span class="box-title">ここにタイトル</span>
<p>ここに文章</p>
</div>2.WordPressの管理画面から「外観」->「カスタマイズ」->「追加CSS」の順にクリックします。以下のコードを貼り付けてください。
.box1 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box1 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box1 p {
margin: 0;
padding: 0;
}あとは色を変更するとか、線の太さを変更するなどはお好みで調整してみてください。
ご参考なれば幸いです。左様でございます!ありがたいことですが、すみません。今CSSで躓いております。
HTMLは入力できました。追加CSSを私が作成した特定のページに入力したいのですが、そのページが開けません。Xcodeなどコードを書く必要はありますでしょうか?
View post on imgur.com
- 該当の固定ページ or 投稿ページで、「カスタムHTML」ブロックを選択し、保存・公開します。
- 次に、WordPressの管理画面から「外観」->「カスタマイズ」->「追加CSS」の順にクリックして、カスタマイズ部分のCSSコードを追加CSSに貼り付けます。
この操作で私が作ったサンプル記事のようにできるはずです。
HTMLは入力できました。追加CSSを私が作成した特定のページに入力したいのですが、そのページが開けません。Xcodeなどコードを書く必要はありますでしょうか?
追加CSSはページ毎に設定するのではなく、サイト単位で設定します。加えて、Xcode は関係ないはずです。どこから、Xcode というキーワードが出てきたのですか?
- このトピックに返信するにはログインが必要です。