• 解決済 gambling777

    (@gambling777)


    プロフィール画像

    HTMLをコピペして枠で文字を囲いたいですが、このようなはてなマークが表示されてしまいます。

    ータイトルーという形に線で囲みたい時にはどうしたら良いでしょうか?

15件の返信を表示中 - 1 - 15件目 (全40件中)
  • Setouchi Kotori

    (@setouchikotori)

    問題解決のためのチェックリストにある『投稿に記載する内容』をご確認いただき、ご自身の環境をご共有ください。

    前回 別のトピックを立てられたときと同じボランティア回答者が回答するとは限りません。新しいトピックを立てられるときは、毎回、できるだけ詳しく環境や状況を記載なさるよう努力してください。

    よろしくお願いいたします。

    Setouchi Kotori

    (@setouchikotori)

    テーマ「Cocoon」をお使いなのであればですが、細かいカスタマイズについては Cocoon フォーラムでお尋ねになるほうが回答が得やすい可能性があります。

    https://wp-cocoon.com/community/

    また、老婆心ながら・・・

    基本をマスターされていない段階で基本機能に含まれないカスタマイズを加えることはおすすめしません。まずは基本機能でできることを把握し、使いこなすことを目指していただくといいんじゃないのかなと思いますよ。

    トピック投稿者 gambling777

    (@gambling777)

    拝見しました。

    同様の質問がすでにされていないでしょうか? フォーラムの検索フォームで検索してください。

    →検索済みです。

    ユーザーのブログ等でその問題について取り上げられているかもしれません。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-controlexpiresagelast-modifiedetagx-cache-enabledx-cache-disabledx-srcache-store-statusx-srcache-fetch-status.

    上記記載済み。

    エラーが表示された場合、「XX のようなエラー」ではなく、なるべくエラー文をコピーしてそのまま貼り付けてください

    同郡。

    よろしくお願い申し上げます。

     

    トピック投稿者 gambling777

    (@gambling777)

    Cocoonのカスタマイズについては承知しているのですが、どうにか上記の回答で方法を教えていただけないでしょうか。

    トピック投稿者 gambling777

    (@gambling777)

    すみません、具体的に何が難しいのでしょうか?初心者であまりわかっていないのですが、cocoonのコードについて難しいと仰っているのでしょうか?それとも、文字の大きさなどの「カスタマイズ」ということでしょうか?どの部分はあまり触れない方が良いのかも教えていただけますと幸いです。

    トピック投稿者 gambling777

    (@gambling777)

    こちらご紹介していただきありがとうございます。

    ttps://wp-cocoon.com/community/

    WordPressの質問以外を受け付けているそうです。

    以前はプラグインをページ作成の左側の操作で導入していたようですが、それは現在は使用できないのでしょうか。

    こんにちは。
    一番最初の投稿で、画像を貼っていただいているのですが、こちら側で閲覧することができません。以下のサービスを使って画像が共有できるはずですので、もう一度お試しいただけますか?

    https://imgur.com/

    トピック投稿者 gambling777

    (@gambling777)

    こんにちは。

    返答していただきありがとうございます。かしこまりました。

    こちらでご確認いただけますでしょうか?

    View post on imgur.com

    共有してもらった画像を確認すると、囲まれているようですが….

    トピック投稿者 gambling777

    (@gambling777)

    こちら見本です!

    このようにしたいのですが、文字が枠の中に収まってしまい、このようにできません。。。

    この見本のようになる方法をお伺いしたいと考えておりました。

    トピック投稿者 gambling777

    (@gambling777)

    現状、私のホームページの状態です。

    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;
    }

    あとは色を変更するとか、線の太さを変更するなどはお好みで調整してみてください。
    ご参考なれば幸いです。

    トピック投稿者 gambling777

    (@gambling777)

    左様でございます!ありがたいことですが、すみません。今CSSで躓いております。

    HTMLは入力できました。追加CSSを私が作成した特定のページに入力したいのですが、そのページが開けません。Xcodeなどコードを書く必要はありますでしょうか?

    View post on imgur.com

    • 該当の固定ページ or 投稿ページで、「カスタムHTML」ブロックを選択し、保存・公開します。
    • 次に、WordPressの管理画面から「外観」->「カスタマイズ」->「追加CSS」の順にクリックして、カスタマイズ部分のCSSコードを追加CSSに貼り付けます。

    この操作で私が作ったサンプル記事のようにできるはずです。

    HTMLは入力できました。追加CSSを私が作成した特定のページに入力したいのですが、そのページが開けません。Xcodeなどコードを書く必要はありますでしょうか?

    追加CSSはページ毎に設定するのではなく、サイト単位で設定します。加えて、Xcode は関係ないはずです。どこから、Xcode というキーワードが出てきたのですか?

15件の返信を表示中 - 1 - 15件目 (全40件中)
  • このトピックに返信するにはログインが必要です。